//Canvas
var map = document.getElementById("map");
var ctx = map.getContext("2d");

//Flyer
var playerDirection = 0;
var direction = 1;
var sepX = 0;
var x = 0;
var x1 = 400;
var dt = 1000/30;
var speed = 0.1;
var score = 0;

var obstacleImage1 = new Image();
obstacleImage1.src = "assets/obstacle.png";
obstacleImage1.addEventListener("load", update)


var playerImage = new Image();
playerImage.src = "assets/sprite.png";
playerImage.addEventListener("load", update)

setInterval(update, 1000/30.0);ss

function drawImage()
{
    setInterval(update, 1000/30.0);
}

function update(){
	ctx.clearRect(0, 0, map.width, map.height);
	//console.log("I'm only running once");
	//score display
	ctx.font="30px Arial";
	ctx.fillStyle = "#000000";
	ctx.fillText("score:" , 450, 50);
	ctx.fillText(score, 550, 50);

	//draws player character
	ctx.drawImage(playerImage, sepX, x + 10 );
	 x += speed * playerDirection * dt;

	//(should) draw obstacles
	ctx.drawImage(obstacleImage1, x1 + 20, 300);
	x1 += -1 *speed * direction * dt;

	/*resets obstacle (doesn't work yet)
	if (x1 > map.width - speedyImage1.width || x1 < 0)
	direction1 = -direction1;
		{
			ctx.drawImage(obstacleImage1, x1 + 20, 300);
			x1 += -1 *speed * direction * dt;
		} */
}


//controls
document.addEventListener("keydown", handleKeyPress);

function handleKeyPress(e)
{
	if (e.keyCode == 87)
	{
		console.log("up");
		playerDirection = -1;
	}

	else if (e.keycode == 83)
	{
		console.log("down");
		playerDirection = 1;
	}
}