first commit

.gitignore

@@ -0,0 +1,2 @@
+.vscode/
+tempCodeRunnerFile.js

Procfile

@@ -0,0 +1 @@
+web: gunicorn --worker-class eventlet -w 1 server:app

server.py

@@ -0,0 +1,173 @@
+from flask import Flask, request, render_template, send_from_directory
+from flask_socketio import SocketIO, emit
+import os
+import threading
+from concurrent.futures import ThreadPoolExecutor
+import random
+import math
+app = Flask(__name__)
+app.config['SECRET_KEY'] = "57dwad86a465d79"
+socketio = SocketIO(app, cors_allowed_origins="*")
+
+thread_lock = threading.Lock()
+heart_beat_thread = None
+
+cars = {}
+import datetime
+
+#adding manually mime types
+import mimetypes
+mimetypes.add_type('text/css', '.css')
+mimetypes.add_type('text/javascript', '.js')
+
+import string
+CHARACTERS = string.ascii_lowercase + string.digits
+def random_food_id():
+    return ''.join(random.choices(CHARACTERS, k=8))
+
+HEART_BEAT_INTERVAL = 0.03
+MAP_SIDE = 512*5
+def random_color():
+    return '0x{:02x}{:02x}{:02x}'.format( *(random.randint(0,255) for _ in range(3)) )
+
+def random_food():
+    return {"x":random.randint(-MAP_SIDE, MAP_SIDE), "y":random.randint(-MAP_SIDE, MAP_SIDE), "color": random_color()}
+
+
+food = {random_food_id(): random_food() for _ in range(100)}
+
+VIEW_DISTANCE_X =  950
+VIEW_DISTANCE_Y =  530
+
+def heart_beat():
+    while True:
+        socketio.sleep(HEART_BEAT_INTERVAL)
+        for send_car_id in cars:
+            currCar = cars[send_car_id]
+            cars_to_display = {}
+
+            view_x = None
+            view_y = None
+            personalInfo = {}
+            bestScore = -1;
+            if currCar['active'] == True:
+                view_x = VIEW_DISTANCE_X
+                view_y = VIEW_DISTANCE_Y
+                personalInfo = {"score" : currCar['score'], "scoreBoard": {}, "bestPlayerPos": []}
+            else:
+                view_x = VIEW_DISTANCE_X*2
+                view_y = VIEW_DISTANCE_Y*2
+
+            for display_car_id in cars:
+                c = cars[display_car_id]
+
+                # Don't show inactive cars
+                if  c['active'] == False:
+                    continue
+                if currCar['x'] - view_x < c['x'] and currCar['x'] + view_x > c['x'] and \
+                   currCar['y'] - view_y < c['y'] and currCar['y'] + view_y > c['y']:
+                   cars_to_display[display_car_id] = c
+
+                # If playing show scoreboard info
+                if currCar['active'] == True:
+                    personalInfo['scoreBoard'][display_car_id] = [c['name'], c['score'] ]
+                    if bestScore < c['score']:
+                        bestScore = c['score']
+                        personalInfo['bestPlayerPos'] = [c['x'], c['y']]
+
+            food_to_display = {}
+            for food_id in food:
+                f = food[food_id]
+                if currCar['x'] - view_x < f['x'] and currCar['x'] + view_x > f['x'] and \
+                   currCar['y'] - view_y < f['y'] and currCar['y'] + view_y > f['y']:
+                   food_to_display[food_id] = f
+            data ={ "cars": cars_to_display, "food": food_to_display, "info": personalInfo}
+            socketio.emit("heartBeat", data, room=send_car_id)
+
+
+
+@socketio.on('myCar', namespace="/")
+def update_my_car(car):
+    if request.sid in cars:
+        cars[request.sid]['x'] = car['x']
+        cars[request.sid]['y'] = car['y']
+        cars[request.sid]['rot'] = car['rot']
+        #print("car rot: {}".format(car['rot']))
+
+
+@socketio.on("kill", namespace="/")
+def kill(id):
+    if id in cars:
+        if request.sid in cars and cars[id]['active'] == True:#check if killer isnt dead :D
+
+            # kill the car
+            cars[id]['active'] = False
+
+            nameOfKiller = cars[request.sid]['name']
+            cars[request.sid]['score'] += 50
+
+            emit('killed', {"killer": nameOfKiller}, room=id)#room is socket id, send to dead car
+
+
+@socketio.on('connect', namespace="/")
+def connected():
+    cars[request.sid] = {}
+    car = cars[request.sid]
+    car['active'] = False
+    car['x'] = 0 # so they can see what's happenin' 
+    car['y'] = 0
+    print("\Gamer connected")
+
+
+@socketio.on('join', namespace="/")
+def on_join(data):
+    car = cars[request.sid]
+    car['active'] = True
+    car['x'] = (-MAP_SIDE + (MAP_SIDE*2) * random.random())/2
+    car['y'] = (-MAP_SIDE + (MAP_SIDE*2) * random.random())/2
+    car['rot'] = random.random() * (math.pi * 2) #that's 360 in rad
+
+    if data['name'] == "":
+        car['name'] = "Glidester"
+    else:
+        car['name'] = data['name']
+
+    car['color'] = random_color()
+    car['score'] = 0
+
+    emit("join", car)
+
+
+@socketio.on('eat', namespace="/")
+def on_eat(food_id):
+    if food_id in food:
+        del food[food_id]
+        food[random_food_id()] = random_food()
+        cars[request.sid]['score'] += 5
+
+@socketio.on('disconnect', namespace="/")
+def disconnected():
+    if request.sid in cars:
+        del cars[request.sid]
+        print('\Gamer disconnected, Players online: ' + str(len(cars)))
+
+
+@app.route('/')
+def index():
+
+    #get the heartBeat goin'
+    global heart_beat_thread# have to get my var (BRUH method)
+    if heart_beat_thread is None:
+        with thread_lock:
+            heart_beat_thread = socketio.start_background_task(heart_beat)
+
+    return  render_template('index.html')
+
+@app.route('/favicon.ico')
+def favicon():
+    return send_from_directory(os.path.join(app.root_path, 'static'),
+                          'favicon.ico',mimetype='image/vnd.microsoft.icon')
+
+if __name__ == '__main__':
+    socketio.run(app, debug=True)
+

static/css/main.css

@@ -0,0 +1,57 @@
+body{
+    margin: 0;
+    padding:0;
+    overflow: hidden;
+    background-color: "1099bb";
+}
+#overlay{
+    position:fixed;
+    width:100%;
+    height: 100%;
+    z-index: 10;
+
+    display:flex;
+    align-items: center;
+    justify-content: center;
+}
+.inputDiv{
+    width:600px;
+    height:300px;
+    display:flex;
+    align-items:center;
+    justify-content: center;
+    flex-direction: column;
+    background-color: #afafafb0;
+    border-radius: 10px;
+    border: 5px #e7e7e7b0 solid;
+}
+#name-input{
+    width:200px;
+    font-size: 20px;
+    text-align: center;
+    outline: none;
+    border: 5px rgb(199, 206, 248) solid;
+    border-radius: 15px;
+    margin:20px;
+    padding: 10px 15px;
+}
+#nameButton{
+    width:200px;
+    font-size: 20px;
+
+    outline: none;
+    border: 5px rgb(199, 206, 248) solid;
+    border-radius: 15px;
+    background-color: rgb(157, 164, 207);
+    margin:20px;
+    padding: 10px 15px;
+}
+#nameButton:hover{
+    background-color: rgb(76, 87, 146);
+    border-color: rgb(105, 117, 184);
+    cursor: pointer;
+}
+#nameButton:active{
+    background-color: rgb(127, 136, 192);
+    border-color: rgb(150, 158, 214);
+}