Zhang Jiaos ambition! The sky is dead, the yellow sky is established, the year is in the first year, and the world is lucky!'s game | AI game creator

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

No:3868

221

Zhang Jiaos ambition! The sky is dead, the yellow ..ALL
Developer User3589｜Date and time 23/6/26 20:31:08
Build time 42.823 sec｜Game capacity 3.89KB｜

張角の野望ゲームこのゲームは、三国時代の著名な法師である張角のストーリーに基づいたものです。ゲームを始める前に、スタートボタンが表示されます。それをクリックすると、ゲームが始まります。プレイヤーは、張角の側に立ち、いくつかの挑戦を乗り越えなければなりません。各ステージには、敵が潜んでいます。プレイヤーは、ステージをクリアするために、すべての敵を倒さなければなりません。プレイヤーは、スマホの画面をタップして、張角を移動させることができます。攻撃は自動的に行われます。できるだけ早く、敵を倒してステージをクリアしましょう。このゲームは、簡単なグラフィックスと音楽で作られています。絵文字が使用されています。スマホでも遊べます。以下は、このゲームの実際のコードです。JavaScriptはscriptタグで囲まれています。

→ 　

2　

2　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

張角の野望ゲーム

このゲームは、三国時代の著名な法師である張角のストーリーに基づいたものです。ゲームを始める前に、スタートボタンが表示されます。それをクリックすると、ゲームが始まります。

プレイヤーは、張角の側に立ち、いくつかの挑戦を乗り越えなければなりません。各ステージには、敵が潜んでいます。プレイヤーは、ステージをクリアするために、すべての敵を倒さなければなりません。

プレイヤーは、スマホの画面をタップして、張角を移動させることができます。攻撃は自動的に行われます。できるだけ早く、敵を倒してステージをクリアしましょう。

このゲームは、簡単なグラフィックスと音楽で作られています。絵文字が使用されています。スマホでも遊べます。

以下は、このゲームの実際のコードです。JavaScriptはscriptタグで囲まれています。

```
<!DOCTYPE html>
<html>
<head>
	<title>張角の野望！</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
		  margin: 0;
		  padding: 0;
		}
		canvas {
			display: block;
		}
	</style>
</head>
<body>
	<button id="startButton">スタート</button>

<script>
		const canvas = document.createElement("canvas");
		const ctx = canvas.getContext("2d");
		const startButton = document.getElementById("startButton");
		let score = 0;

canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;
		document.body.appendChild(canvas);

const emojiImage = new Image();
		emojiImage.src = "https://cdn.jsdelivr.net/emojione/assets/png/1F47A.png";

const enemyImage = new Image();
		enemyImage.src = "https://cdn.jsdelivr.net/emojione/assets/png/1F47D.png";

const character = {
			x: canvas.width / 2,
			y: canvas.height - 50,
			width: 50,
			height: 50,
			speed: 12,
			sprite: emojiImage,
		};

let enemies = [];

function spawnEnemy() {
			const enemy = {
				x: Math.random() * (canvas.width - character.width),
				y: 0,
				width: 50,
				height: 50,
				speed: 3,
				sprite: enemyImage,
			};

enemies.push(enemy);
		}

function drawCharacter() {
			ctx.drawImage(character.sprite, character.x, character.y, character.width, character.height);
		}

function drawEnemy(enemy) {
			ctx.drawImage(enemy.sprite, enemy.x, enemy.y, enemy.width, enemy.height);
		}

function moveEnemies() {
			for (let i = 0; i < enemies.length; i++) {
				enemies[i].y += enemies[i].speed;

if (enemies[i].y > canvas.height) {
					enemies.splice(i, 1);
				}
			}
		}

function detectCollisions() {
			for (let i = 0; i < enemies.length; i++) {
				if (character.x < enemies[i].x + enemies[i].width &&
					character.x + character.width > enemies[i].x &&
					character.y < enemies[i].y + enemies[i].height &&
					character.y + character.height > enemies[i].y) {

enemies.splice(i, 1);
					score++;
				}
			}
		}

function drawScore() {
			ctx.font = "24px Arial";
			ctx.fillStyle = "#000000";
			ctx.fillText(`スコア: ${score}`, 10, 30);
		}

function update() {
			moveEnemies();
			detectCollisions();
			draw();
		}

function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawScore();
			drawCharacter();

for (let i = 0; i < enemies.length; i++) {
				drawEnemy(enemies[i]);
			}
		}

function startGame() {
			startButton.style.display = "none";
			setInterval(spawnEnemy, 1000);
			setInterval(update, 20);

document.addEventListener("touchstart", (event) => {
			  	if (event.touches[0].clientX < character.x) {
			  		character.x -= character.speed;
			  	} else {
			  		character.x += character.speed;
			  	}
			}); 
		}

startButton.addEventListener("click", startGame);
	</script>
</body>
</html>
```