Coming soon!
<html>
<head>
<script src="https://cdn.jsdelivr.net/gh/bmoren/p5.collide2D@0.6/p5.collide2d.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.sound.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.sound.min.js"></script>
<script src="p5.collide2d.min.js"></script>
<script src="player.js"></script>
<script src="obstacle.js"></script>
<script src="sketch.js"></script>
</head>
<body>
<script>
//modified from:genekogan.com/code/p5js-transformations/
var angle = 0;
var tankX = 0;
var tankY = 0;
var enemyAngle = 0;
var enemyXPos = 0;
var enemyYPos = 0;
var enemyOffset = 200;
var enemySpeed = 4;
var words = [
{word: "D__g",
missingLetter: "o"},
{word: "C__t",
missingLetter: "a"}
]
var asteroid = [
{asteroidX: 50,
asteroidY: 0,
sizeX: 20,
sizeY: 20,
speed: 5
},
{asteroidX: 50,
asteroidY: 0,
sizeX: 50,
sizeY: 50,
speed: 2
}
]
var asteroid = [
{asteroidX: 50,
asteroidY: 0,
sizeX: 20,
sizeY: 20,
speed: 5
},
{asteroidX: 50,
asteroidY: 0,
sizeX: 50,
sizeY: 50,
speed: 2
}
]
function setup(){
createCanvas(640, 480);
rectMode(CENTER);
enemyYPos = round(random(height));
}
function draw(){
background(240);
push();
if (keyIsDown(65)){
angle-=0.1;
}
if (keyIsDown(68)){
angle+=0.1;
}
//not used here. w
if (keyIsDown(UP_ARROW)){
tankY -=2;
}
if (keyIsDown(DOWN_ARROW)){
tankY +=2;
}
if (keyIsDown(RIGHT_ARROW)){
tankX +=2;
}
if (keyIsDown(LEFT_ARROW)){
tankX -=2;
}
//and translate to tankX + Y on the if using keys
translate(mouseX,mouseY)
//translate (tankX, tankY);
fill(0);
// then rotate the grid around the pivot point
rotate(angle);
rect(0, 0, 30, 30);
fill(200,0,0);
//change tankX tankY to 0 0 for keyboard
rect(tankX, tankY-20,30,10);
pop();
push();
translate(enemyXPos,enemyYPos);
fill(enemyXPos,50,50);
enemyAngle +=0.1;
enemyXPos +=enemySpeed;
rotate(enemyAngle);
rect(0,0,enemyXPos/5,40);
if(enemyXPos > 640){
enemyYPos = round(random(height));
enemyXPos = 0;
}
pop();
push();
textSize(13);
fill(255);
strokeWeight(5);
stroke(20, random(100)+100, 30);
text('SCORE :: 0', 20, 30);
text('LEVEL :: 1', 120, 30);
text('LIVES :: 3', 220, 30);
text('TIME :: 60', 320, 30);
text('X :: ' + enemyXPos, 420, 30);
text('Y :: ' + enemyYPos, 520, 30);
//text(words[0].word, 320, 150);
//text(words[0].missingLetter, 420, 150);
//text(words[1].word, 320, 220);
//text(words[1].missingLetter, 420, 220);
pop();
}
</script>
</body>
</html>