added blocks + tests for blocks - not sure if works yet
This commit is contained in:
parent
b993f4dbbc
commit
39d0d52878
2 changed files with 31 additions and 3 deletions
|
@ -2,6 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Wasted Time</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="canvas"></canvas>
|
||||
|
|
33
main.js
33
main.js
|
@ -11,16 +11,43 @@ window.requestAnimFrame = (function(){
|
|||
};
|
||||
})();
|
||||
|
||||
var blocks = [];
|
||||
|
||||
for (var i = 0; i < 6, i++) {
|
||||
blocks.push(new Block(i, 'green'));
|
||||
}
|
||||
|
||||
(function animloop(){
|
||||
requestAnimFrame(animloop);
|
||||
render();
|
||||
})();
|
||||
|
||||
function render() {
|
||||
function Render() {
|
||||
// game code
|
||||
requestAnimFrame(render);
|
||||
blocks.forEach(function(o){
|
||||
o.draw();
|
||||
})
|
||||
|
||||
ctx.fillRect(200, 200, 200, 200);
|
||||
}
|
||||
|
||||
function block(lane) {
|
||||
function Block(lane, color, time) {
|
||||
this.lane = lane;
|
||||
this.angle = 15 * (Math.PI / 180) + 30 * (Math.PI / 180) * lane;
|
||||
this.color = color;
|
||||
|
||||
this.draw = function() {
|
||||
ctx.translate(canvas.width / 2, canvas.height / 2);
|
||||
ctx.rotate(this.angle);
|
||||
ctx.fillStyle = color;
|
||||
ctx.fillRect(canvas.width/2 + Math.cos(this.angle) * time, canvas.height/2 + Math.sin(this.angle) * time, 70, 30);
|
||||
ctx.restore();
|
||||
};
|
||||
|
||||
if (!time) {
|
||||
this.time = time;
|
||||
}
|
||||
else {
|
||||
time = 200;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue