Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Awesome game's game | AI game creator

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

No:3052

1741

Awesome game
Developer anonymous｜Date and time 23/6/23 15:24:39
Build time 98.585 sec｜Game capacity 8.057KB｜

Let's create an awesome game as a single HTML file with JavaScript included, playable on smartphones! We'll use emojis to make it even more fun. First, let's create the basic HTML structure and include the necessary JavaScript code:

Awesome Game

Now, let's create the game board using emojis. We'll use the "🐍" emoji to represent our player, and the "🍎" emoji to represent the food we need to collect. We'll create a 10x10 square grid using a table, and place the player and food randomly within that grid:

Awesome Game

🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳

Now, let's add some JavaScript code to make the game playable. We'll handle user input (swipes or clicks) to move the player around the board, and check if the player has reached the food:

Awesome Game

🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳
🌳	🌳	🌳	🌳	🌳

And there we have it - an awesome game that can be played on smartphones using swipes/touches or clicks!

→ 　

1　

1　

[PR]現在の本の売れ筋ランキング

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

(C)2023 HisashiApp

Let's create an awesome game as a single HTML file with JavaScript included, playable on smartphones! We'll use emojis to make it even more fun.

First, let's create the basic HTML structure and include the necessary JavaScript code:

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Awesome Game</title>
</head>
<body>
	<h1>Awesome Game</h1>
	
	
	
	<script>
		// JavaScript code will go here
	</script>
</body>
</html>
```

Now, let's create the game board using emojis. We'll use the "🐍" emoji to represent our player, and the "🍎" emoji to represent the food we need to collect. We'll create a 10x10 square grid using a table, and place the player and food randomly within that grid:

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Awesome Game</title>
	<style>
		table {
			border-collapse: collapse;
		}
		td {
			width: 40px;
			height: 40px;
			text-align: center;
			font-size: 30px;
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<h1>Awesome Game</h1>
	
	<table>
		<tbody>
			
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
		</tbody>
	</table>
	
	<script>
		// Place the player and food randomly in the grid
		var playerRow = Math.floor(Math.random() * 10);
		var playerCol = Math.floor(Math.random() * 10);
		var foodRow = Math.floor(Math.random() * 10);
		var foodCol = Math.floor(Math.random() * 10);
		document.getElementsByTagName("tr")[playerRow].getElementsByTagName("td")[playerCol].textContent = "🐍";
		document.getElementsByTagName("tr")[foodRow].getElementsByTagName("td")[foodCol].textContent = "🍎";
	</script>
</body>
</html>
```

Now, let's add some JavaScript code to make the game playable. We'll handle user input (swipes or clicks) to move the player around the board, and check if the player has reached the food:

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Awesome Game</title>
	<style>
		table {
			border-collapse: collapse;
		}
		td {
			width: 40px;
			height: 40px;
			text-align: center;
			font-size: 30px;
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<h1>Awesome Game</h1>
	
	<table>
		<tbody>
			
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td>🌳</td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
			<tr>
				<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
			</tr>
		</tbody>
	</table>
	
	<script>
		// Place the player and food randomly in the grid
		var playerRow = Math.floor(Math.random() * 10);
		var playerCol = Math.floor(Math.random() * 10);
		var foodRow = Math.floor(Math.random() * 10);
		var foodCol = Math.floor(Math.random() * 10);
		document.getElementsByTagName("tr")[playerRow].getElementsByTagName("td")[playerCol].textContent = "🐍";
		document.getElementsByTagName("tr")[foodRow].getElementsByTagName("td")[foodCol].textContent = "🍎";
		
		// Handle user input to move the player
		document.addEventListener("touchstart", handleTouchStart, false);
		document.addEventListener("touchmove", handleTouchMove, false);
		document.addEventListener("mousedown", handleMouseDown, false);
		document.addEventListener("mouseup", handleMouseUp, false);
		
		// Keep track of the player's position
		var currentRow = playerRow;
		var currentCol = playerCol;
		
		// Functions to handle user input
		var xDown = null;
		var yDown = null;
		function handleTouchStart(evt) {
			xDown = evt.touches[0].clientX;
			yDown = evt.touches[0].clientY;
			evt.preventDefault();
		}
		function handleTouchMove(evt) {
			if (!xDown || !yDown) {
				return;
			}
			var xUp = evt.touches[0].clientX;
			var yUp = evt.touches[0].clientY;
			var xDiff = xDown - xUp;
			var yDiff = yDown - yUp;
			if (Math.abs(xDiff) > Math.abs(yDiff)) {
				if (xDiff > 0) {
					movePlayer("left");
				} else {
					movePlayer("right");
				}
			} else {
				if (yDiff > 0) {
					movePlayer("up");
				} else {
					movePlayer("down");
				}
			}
			xDown = null;
			yDown = null;
			evt.preventDefault();
		}
		function handleMouseDown(evt) {
			xDown = evt.clientX;
			yDown = evt.clientY;
			evt.preventDefault();
		}
		function handleMouseUp(evt) {
			if (!xDown || !yDown) {
				return;
			}
			var xUp = evt.clientX;
			var yUp = evt.clientY;
			var xDiff = xDown - xUp;
			var yDiff = yDown - yUp;
			if (Math.abs(xDiff) > Math.abs(yDiff)) {
				if (xDiff > 0) {
					movePlayer("left");
				} else {
					movePlayer("right");
				}
			} else {
				if (yDiff > 0) {
					movePlayer("up");
				} else {
					movePlayer("down");
				}
			}
			xDown = null;
			yDown = null;
			evt.preventDefault();
		}
		
		// Function to move the player and check for food
		function movePlayer(direction) {
			if (direction === "left") {
				if (currentCol === 0) {
					return;
				}
				currentCol--;
			} else if (direction === "right") {
				if (currentCol === 9) {
					return;
				}
				currentCol++;
			} else if (direction === "up") {
				if (currentRow === 0) {
					return;
				}
				currentRow--;
			} else if (direction === "down") {
				if (currentRow === 9) {
					return;
				}
				currentRow++;
			}
			var playerCell = document.getElementsByTagName("tr")[playerRow].getElementsByTagName("td")[playerCol];
			var currentCell = document.getElementsByTagName("tr")[currentRow].getElementsByTagName("td")[currentCol];
			if (currentCell.textContent === "🍎") {
				// The player has reached the food - game over!
				alert("You win! 🎉");
			} else {
				// Move the player to the new cell
				playerCell.textContent = "";
				currentCell.textContent = "🐍";
				playerRow = currentRow;
				playerCol = currentCol;
			}
		}
	</script>
</body>
</html>
```

And there we have it - an awesome game that can be played on smartphones using swipes/touches or clicks!