AI game creator

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

No:4706

3621

←

Prev Next

→

squid tent ring
Developer anonymous｜Date and time 70/1/1 9:49:05
Build time unknown sec｜Game capacity 2.945KB｜

Script

了解です。以下にスマホで遊べるシンプルなゲームの例を示します。

このプログラムは、スマホ画面上でプレイヤー（黄色い円）を操作して、赤い円（敵）と衝突しないようにするゲームです。プレイヤーは指の動きに追従します。赤い円はランダムな方向に動きますが、一定数までしか出現しないようになっています。このプログラムはHTMLファイルの中にJavaScriptコードが含まれており、JavaScriptのコードはscriptタグで囲まれています。スマホの画面操作を前提としており、スマホ上でこのHTMLファイルを開くことで遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解です。以下にスマホで遊べるシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>スマホゲーム</title>
	<style>
		html, body {
			margin: 0;
			padding: 0;
			height: 100%;
			overflow: hidden;
		}

canvas {
			display: block;
		}
	</style>
</head>
<body>
	<canvas id="game-canvas"></canvas>

const player = {
			x: canvas.width / 2,
			y: canvas.height / 2,
			radius: 20,
			color: 'yellow',
			draw: function() {
				context.beginPath();
				context.arc(this.x, this.y, this.radius, 0, 2 * Math.PI);
				context.fillStyle = this.color;
				context.fill();
				context.closePath();
			}
		};

const enemies = [];
		const maxEnemies = 10;

function movePlayer(event) {
			player.x = event.touches[0].clientX;
			player.y = event.touches[0].clientY;
		}

function checkCollision() {
			enemies.forEach((enemy, index) => {
				const distance = Math.sqrt(
					(Math.pow(player.x - enemy.x, 2)) + (Math.pow(player.y - enemy.y, 2))
				);

// Check if player collides with an enemy
				if (distance < player.radius + enemy.radius) {
					enemies.splice(index, 1);
				}
			});
		}

function gameLoop() {
			context.clearRect(0, 0, canvas.width, canvas.height);

player.draw();
			enemies.forEach(enemy => {
				enemy.draw();
				enemy.x += Math.random() > 0.5 ? 1 : -1;
				enemy.y += Math.random() > 0.5 ? 1 : -1;
			});

checkCollision();
			spawnEnemy();

requestAnimationFrame(gameLoop);
		}

window.addEventListener('touchmove', movePlayer);

gameLoop();
	</script>
</body>
</html>
```

このプログラムは、スマホ画面上でプレイヤー（黄色い円）を操作して、赤い円（敵）と衝突しないようにするゲームです。プレイヤーは指の動きに追従します。赤い円はランダムな方向に動きますが、一定数までしか出現しないようになっています。

このプログラムはHTMLファイルの中にJavaScriptコードが含まれており、JavaScriptのコードはscriptタグで囲まれています。スマホの画面操作を前提としており、スマホ上でこのHTMLファイルを開くことで遊ぶことができます。