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

No:1566

2121

←

Prev Next

→

snark hunt
Developer sayaensm｜Date and time 23/6/18 18:38:25
Build time 36.294 sec｜Game capacity 2.952KB｜

Script

スナーク狩り

←→キーで移動し、食べ物を取って成長させよう！

このアプリは、「スナーク」と呼ばれるゲームです。プレイヤーはキーボードを使って移動し、食べ物を取ってスナークを成長させます。スナークが自分の体に当たったり、画面外に出たりするとゲームオーバーです。スマホでもプレイ可能で、絵文字も多用してあります。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>スナーク狩り</title>
	<style>
		body {
			text-align: center;
			background-color: lightgreen;
			font-size: 4em;
		}
		canvas {
			background-color: white;
			border: 2px solid black;
		}
	</style>
</head>
<body>
	<h1>スナーク狩り</h1>
	<canvas id="gameCanvas" width="800" height="600"></canvas>
	<p>←→キーで移動し、食べ物を取って成長させよう！</p>
	<script>
		var canvas = document.getElementById("gameCanvas");
		var ctx = canvas.getContext("2d");
		
		// プレイヤーの初期位置
		var playerX = 400;
		var playerY = 300;
		
		// プレイヤーの初期サイズと速度
		var playerSize = 20;
		var playerSpeed = 10;
		
		// 食べ物の初期位置とサイズ
		var foodX = Math.floor(Math.random() * (canvas.width - playerSize));
		var foodY = Math.floor(Math.random() * (canvas.height - playerSize));
		var foodSize = 10;
		
		// スナークの初期長さ
		var snakeLength = 1;
		var snakeBody = [{x: playerX, y: playerY}];
		
		// ゲームループ
		function gameLoop() {
			// キーボード入力
			document.addEventListener('keydown', function(event) {
				if(event.keyCode == 37) {
					playerX -= playerSpeed;
				}
				else if(event.keyCode == 39) {
					playerX += playerSpeed;
				}
			});
			
			// プレイヤーの移動範囲
			if(playerX < 0) {
				playerX = canvas.width - playerSize;
			}
			else if(playerX >= canvas.width) {
				playerX = 0;
			}
			
			// 食べ物との当たり判定
			if(playerX < foodX + foodSize && playerX + playerSize > foodX &&
			   playerY < foodY + foodSize && playerY + playerSize > foodY) {
			   	snakeLength++;
			   	foodX = Math.floor(Math.random() * (canvas.width - playerSize));
			   	foodY = Math.floor(Math.random() * (canvas.height - playerSize));
			   }
			
			// スナークの成長
			for(var i = snakeBody.length - 1; i > 0; i--) {
				snakeBody[i].x = snakeBody[i - 1].x;
				snakeBody[i].y = snakeBody[i - 1].y;
			}
			snakeBody[0].x = playerX;
			snakeBody[0].y = playerY;
			while(snakeBody.length < snakeLength) {
				snakeBody.push({x: snakeBody[snakeBody.length - 1].x, y: snakeBody[snakeBody.length - 1].y});
			}
			
			// 描画
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			ctx.fillStyle = "green";
			ctx.fillRect(foodX, foodY, foodSize, foodSize);
			ctx.fillStyle = "black";
			for(var i = 0; i < snakeBody.length; i++) {
				ctx.fillRect(snakeBody[i].x, snakeBody[i].y, playerSize, playerSize);
			}
		}
		
		setInterval(gameLoop, 50);
	</script>
</body>
</html>