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

No:192

324

←

Prev Next

→

AI games made by AI
Developer User2906｜Date and time 23/6/8 2:14:03
Build time 68.152 sec｜Game capacity 2.656KB｜

Script

AI Game

😎

👾

This AI game is、This is an action game using emoji displayed on the page. Players can😎with the pictograms of、The enemy is👾pictograms. The player uses the left and right arrow keys on the keyboard to move and、Enemies move left and right automatically. If the player collides with an enemy, the game is over. Aim.、Highest Score!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>

<html>

<head>
	<title>AI Game</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<style>
		body {
			background-color: #24272b;
			text-align: center;
			color: #fff;
			font-size: 2em;
			font-family: Arial, sans-serif;
		}
		
		h1 {
			font-size: 3em;
			margin-top: 0;
		}
		
		#game-area {
			margin: 0 auto;
			width: 80%;
			height: 500px;
			background-color: #fff;
			border-radius: 10px;
		}
		
		#game-box {
			position: relative;
			width: 100%;
			height: 100%;
		}
		
		.emoji {
			font-size: 2em;
			position: absolute;
		}
		
		#player {
			left: 50%;
			top: 90%;
			transform: translateX(-50%);
		}
		
		#enemy {
			left: 50%;
			top: 10%;
			transform: translateX(-50%);
		}
	</style>
</head>

<body>
	<h1>AI Game</h1>
	
	<div id="game-area">
		<div id="game-box">
			<div id="player" class="emoji">😎</div>
			<div id="enemy" class="emoji">👾</div>
		</div>
	</div>
	
	<script>
		// Player object
		const player = {
			element: document.getElementById("player"),
			posX: 50,
			posY: 90,
			speed: 10,
			moveLeft: function() {
				if (this.posX <= 0) {
					return;
				}
				this.posX -= this.speed;
				this.element.style.left = this.posX + "%";
			},
			moveRight: function() {
				if (this.posX >= 100) {
					return;
				}
				this.posX += this.speed;
				this.element.style.left = this.posX + "%";
			}
		};
		
		// Enemy object
		const enemy = {
			element: document.getElementById("enemy"),
			posX: 50,
			posY: 10,
			speed: 5,
			direction: "RIGHT",
			move: function() {
				if (this.direction === "RIGHT") {
					if (this.posX >= 100) {
						this.direction = "LEFT";
						return;
					}
					this.posX += this.speed;
				} else {
					if (this.posX <= 0) {
						this.direction = "RIGHT";
						return;
					}
					this.posX -= this.speed;
				}
				this.element.style.left = this.posX + "%";
			}
		};
		
		// Game loop
		setInterval(function() {
			enemy.move();
		}, 100);
		
		// Event listeners for player movement
		window.addEventListener("keydown", function(e) {
			if (e.which === 37) { // Left arrow key
				player.moveLeft();
			} else if (e.which === 39) { // Right arrow key
				player.moveRight();
			}
		});
	</script>
</body>

</html>

このAIのゲームは、ページに表示されるemojiを用いたアクションゲームです。プレイヤーは😎の絵文字で、敵は👾の絵文字です。プレイヤーはキーボードの左右の矢印キーで移動し、敵は自動的に左右に移動します。プレイヤーは敵と衝突するとゲームオーバーです。目指せ、最高スコア！