-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathroad.js
59 lines (48 loc) · 1.47 KB
/
road.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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
class Road{
constructor(x,width,laneCount=3){
this.x = x;
this.width = width;
this.laneCount=laneCount;
this.left = x-width/2;
this.right = x+width/2;
const infinity = 1000000;
this.top = -infinity;
this.bottom = infinity;
const topLeft = {x:this.left, y:this.top};
const topRight = {x:this.right, y:this.top};
const bottomLeft = {x:this.left, y:this.bottom};
const bottomRight = {x:this.right, y:this.bottom};
this.borders = [
[topLeft,bottomLeft],
[topRight,bottomRight]
];
}
getLaneCenter(laneIndex){
const laneWidth = this.width/this.laneCount;
return this.left+laneWidth/2+
Math.min(laneIndex,this.laneCount-1)*laneWidth;
}
draw(ctx){
ctx.lineWidth = 5;
ctx.strokeStyle = "white";
for(let i=1;i<=this.laneCount-1;i++){
const x = lerp(
this.left,
this.right,
i / this.laneCount
);
ctx.setLineDash([20,20]);
ctx.beginPath();
ctx.moveTo(x, this.top);
ctx.lineTo(x,this.bottom);
ctx.stroke();
}
ctx.setLineDash([]);
this.borders.forEach(border=>{
ctx.beginPath();
ctx.moveTo(border[0].x,border[0].y);
ctx.lineTo(border[1].x,border[1].y);
ctx.stroke();
});
}
}