AI game creator

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

No:2092

1258

←

Prev Next

→

You mean Krillin!
Developer User3494｜Date and time 23/6/20 3:38:49
Build time 32.078 sec｜Game capacity 2.35KB｜

Script

わかりました。以下にサンプルプログラムを示します。このプログラムは、スマホで遊べるシンプルなアクションゲームです。

スコア: 0

プレイヤーが操作するのは、画面全体の半分よりも上に表示される絵文字「😀」です。「💥」という絵文字がランダムなタイミングで落ちてきます。プレイヤーが「💥」と重なるとゲームオーバーになりますが、プレイヤーが「💥」を避け続けて100点に到達するとクリアです。画面上部にスコアが表示されます。タッチ操作に対応しています。

←

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 {
			margin: 0;
			padding: 0;
			background-color: #00bfff;
			color: white;
			font-family: "Yu Gothic", sans-serif;
		}
		canvas {
			display: block;
			position: fixed;
			left: 0;
			top: 330;
			width: 100%;
			height: 100%;
		}
		#score {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 24px;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<div id="score">スコア: 0</div>
	<script>
		const canvas = document.getElementById("canvas");
		const ctx = canvas.getContext("2d");
		const emoji = "😀";
		let playerX = canvas.width / 2;
		let score = 0;

document.addEventListener("touchstart", e => {
			const touchX = e.touches[0].clientX;
			playerX = touchX;
		});

draw();
	</script>
</body>
</html>