AI game creator

Click here for free DL of the app version that can save data.

No:1085

119

←

Prev Next

→

parabola
Developer User3235｜Date and time 23/6/18 2:37:57
Build time 33.619 sec｜Game capacity 2.926KB｜

Script

ゲームの概要：このゲームは放物線を描きながら目標物に当てるシンプルなゲームです。プレーヤーはスマホで遊べ、絵文字を多く使用しています。以下が実際のプログラムです。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

ゲームの概要：
このゲームは放物線を描きながら目標物に当てるシンプルなゲームです。プレーヤーはスマホで遊べ、絵文字を多く使用しています。

以下が実際のプログラムです。

<!DOCTYPE html>
<html>
<head>
	<title>放物線ゲーム</title>
</head>
<body>
	<canvas id="canvas" width="300" height="500" style="border:1px solid #ccc"></canvas>
	<button id="startButton">START</button>

document.addEventListener("keydown", keyDownHandler, false);
		document.addEventListener("keyup", keyUpHandler, false);
		document.addEventListener("mousemove", mouseMoveHandler, false);
		document.getElementById("startButton").addEventListener("click", startGame);

function startGame() {
			x = canvas.width/2;
			y = canvas.height-30;
			dx = 2;
			dy = -2;
			targetX = canvas.width/4;
			targetY = canvas.height/4;
			leftPressed = false;
			rightPressed = false;
			draw();
		}

function keyDownHandler(e) {
			if(e.key == "Right" || e.key == "ArrowRight") {
				rightPressed = true;
			}
			else if(e.key == "Left" || e.key == "ArrowLeft") {
				leftPressed = true;
			}
		}

function keyUpHandler(e) {
			if(e.key == "Right" || e.key == "ArrowRight") {
				rightPressed = false;
			}
			else if(e.key == "Left" || e.key == "ArrowLeft") {
				leftPressed = false;
			}
		}

function mouseMoveHandler(e) {
			var relativeX = e.clientX - canvas.offsetLeft;
			if(relativeX > 0 && relativeX < canvas.width) {
				x = relativeX;
			}
		}

function drawBall() {
			ctx.beginPath();
			ctx.arc(x, y, ballRadius, 0, Math.PI*2);
			ctx.fillStyle = "#0095DD";
			ctx.fill();
			ctx.closePath();
		}

function drawTarget() {
			ctx.beginPath();
			ctx.rect(targetX, targetY, targetWidth, targetHeight);
			ctx.fillStyle = "#0095DD";
			ctx.fill();
			ctx.closePath();
		}

function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawBall();
			drawTarget();

if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) {
				dx = -dx;
			}
			if(y + dy < ballRadius) {
				dy = -dy;
			} else if(y + dy > canvas.height-ballRadius) {
				if(x > targetX && x < targetX + targetWidth) {
					alert("CLEAR!!");
					startGame();
				}
				else {
					alert("GAME OVER");
					startGame();
				}
			}

if(rightPressed && x < canvas.width-ballRadius) {
				x += 5;
			}
			else if(leftPressed && x > ballRadius) {
				x -= 5;
			}

x += dx;
			y += dy;
			requestAnimationFrame(draw);
		}

//初期表示
		drawBall();
		drawTarget();
	</script>
</body>
</html>