-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
34 lines (27 loc) · 801 Bytes
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
const canvas = document.getElementById("myCanvas");
canvas.width = 200;
const ctx = canvas.getContext("2d");
const road = new Road(canvas.width/2,canvas.width*0.9)
const car = new Car(road.getLaneCenter(1),100,30,50,"KEYS");
const traffic = [
new Car(road.getLaneCenter(1),-100,30,50,"DUMMY",2)
]
console.log(traffic)
car.draw(ctx);
animate();
function animate(){
for(let i = 0; i < traffic.length; i++){
traffic[i].update(road.borders,[])
}
car.update(road.borders, traffic);
canvas.height = window.innerHeight;
ctx.save();
ctx.translate(0,-car.y+canvas.height*0.75);
road.draw(ctx)
for(let i = 0; i < traffic.length; i++){
traffic[i].draw(ctx,'grey')
}
car.draw(ctx,"green");
ctx.restore();
requestAnimationFrame(animate)
}