Browse Source

added angular movement to astroid

pull/1/head
jrtechs 7 years ago
parent
commit
b44c8c3b2c
1 changed files with 41 additions and 12 deletions
  1. +41
    -12
      games/astroids.html

+ 41
- 12
games/astroids.html View File

@ -34,9 +34,9 @@
var canvas = document.getElementById("canvas"); var canvas = document.getElementById("canvas");
var width = 700;
var width = 800;
var height = 700;
var height = 800;
canvas.style.textAligh = 'center'; canvas.style.textAligh = 'center';
@ -66,8 +66,8 @@
var Player = function(x,y) var Player = function(x,y)
{ {
this.x = 350
this.y = 650;
this.x = width/2;
this.y = height/2;
this.width = 10; this.width = 10;
this.height = 10; this.height = 10;
@ -144,33 +144,57 @@
var Astroid = function(size) var Astroid = function(size)
{ {
this.width = 25;
this.height = 25;
this.width = 15;
this.height = 15;
this.dir = getRandomIntInclusive(0, 360);
this.dir = 2 * Math.PI * Math.random()
this.size = size; this.size = size;
var temp = getRandomIntInclusive(0, width);
var temp2 = getRandomIntInclusive(1, 4);
this.x = getRandomIntInclusive(0, width);
this.y = -this.height;
if(temp2 == 1)
{
this.x = temp;
this.y = 0;
}
else if(temp2 == 2)
{
this.x = width;
this.y = temp;
}
else if(temp2 == 3)
{
this.y = height;
this.x = temp;
}
else
{
this.y = temp;
this.x = 0;
}
this.speed = 4;
this.speed = 2;
this.render = function() this.render = function()
{ {
context.fillStyle = "rgba(255, 255, 255 , 1)"; //green context.fillStyle = "rgba(255, 255, 255 , 1)"; //green
context.beginPath(); context.beginPath();
context.arc(this.x,this.y,40,0,2*Math.PI);
context.arc(this.x,this.y,this.width,0,2*Math.PI);
context.fill(); context.fill();
} }
this.move = function() this.move = function()
{ {
this.y += this.speed;
this.y += this.speed * Math.sin(this.dir);
this.x += this.speed *Math.cos(this.dir);
//collision
if(this.y> height) if(this.y> height)
{ {
//remove bamboo from array //remove bamboo from array
@ -178,6 +202,11 @@
return true; return true;
} }
if()
{
}
} }
} }

Loading…
Cancel
Save