AI game creator

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

No:829

198

←

Prev Next

→

working memory
Developer User3153｜Date and time 23/6/17 19:57:18
Build time 32.139 sec｜Game capacity 2.687KB｜

Script

に障害がある場合は、適宜文章を分けてください。以下は、ワーキングメモリに障害のある人向けに分かりやすくした、英語から日本語への翻訳例です。概要： - スマホで操作するゲームを作る。 - アプリを1枚のhtmlファイルとして実装する。 - JavaScriptを含める。 - 絵文字を多めに使う。 - 実際に遊べるようにする。プログラム例：

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

に障害がある場合は、適宜文章を分けてください。

以下は、ワーキングメモリに障害のある人向けに分かりやすくした、英語から日本語への翻訳例です。

概要：

- スマホで操作するゲームを作る。
- アプリを1枚のhtmlファイルとして実装する。
- JavaScriptを含める。
- 絵文字を多めに使う。
- 実際に遊べるようにする。

プログラム例：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Emoji Runner Game</title>
	<style>
		canvas { border: 1px solid black; }
	</style>
</head>
<body>
	<canvas id="game-canvas"></canvas>

// Define player
		var player = {
			x: 50,
			y: canvas.height - 50,
			width: 50,
			height: 50,
			speed: 5,
			jump: -10,
			jumping: false
		};

// Define obstacles
		var obstacles = [
			{ x: 200, y: canvas.height - 50, width: 50, height: 50, color: "🔥" },
			{ x: 400, y: canvas.height - 100, width: 50, height: 50, color: "👹" },
			{ x: 600, y: canvas.height - 50, width: 50, height: 50, color: "🎃" }
		];

// Listener for keydown event
		document.addEventListener("keydown", function(event) {
			if (event.keyCode == 32 || event.keyCode == 38) {
				event.preventDefault();
				if (!player.jumping) {
					player.jumping = true;
					player.velY = player.jump;
				}
			}
		});

// Update game
		function update() {
			// Move player up/down
			player.velY += 1;
			player.y += player.velY;

// Prevent player from going below ground
			if (player.y + player.height > canvas.height) {
				player.jumping = false;
				player.y = canvas.height - player.height;
				player.velY = 0;
			}

// Detect player collision with obstacles
			obstacles.forEach(function(obstacle) {
				if (player.x < obstacle.x + obstacle.width &&
				    player.x + player.width > obstacle.x &&
				    player.y < obstacle.y + obstacle.height &&
				    player.y + player.height > obstacle.y) {
					alert("Game Over!");
					document.location.reload();
				}
			});
		}

// Draw game
		function draw() {
			// Clear canvas
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
			ctx.fillStyle = "😀";
			ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw obstacles
			obstacles.forEach(function(obstacle) {
				ctx.fillStyle = obstacle.color;
				ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
			});
		}

// Game loop
		function loop() {
			update();
			draw();
			requestAnimationFrame(loop);
		}

// Start game
		loop();
	</script>
</body>
</html>