Impossible dog run's game | AI game creator

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

No:15096

71

Impossible dog run
Developer User6472｜Date and time 23/9/6 6:26:52
Build time 38.374 sec｜Game capacity 3.451KB｜

Sure! Here's an example of a simple "Impossible Dog Run" game implemented as a single HTML file using JavaScript and enclosed in script tags:

Please note that the above code assumes you have `emozi_all/dog.png` and `emozi_apple.png` images in the same directory as the HTML file. You can substitute these image filenames with your own image files or change the code accordingly. To play the game, open the HTML file on a smartphone or smartphone emulator, and the game should start automatically. Tap or click on the screen to make the dog jump and avoid the obstacles scrolling from the right side of the screen. I hope you enjoy it!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's an example of a simple "Impossible Dog Run" game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
	<title>Impossible Dog Run</title>
	<style>
		body {
			margin: 0;
		}
		
		#gameCanvas {
			width: 100vw;
			height: 100vh;
			background-color: #f0f0f0;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas"></canvas>

<script>
	// Game variables
	var canvas;
	var ctx;
	var dog;
	var obstacles = [];
	var gameInterval;
	
	// Pictogram images
	var dogImage = new Image();
	dogImage.src = "dog.png";
	
	var obstacleImage = new Image();
	obstacleImage.src = "obstacle.png";
	
	// Initialize game
	function startGame() {
		canvas = document.getElementById("gameCanvas");
		ctx = canvas.getContext("2d");
		dog = new Dog(50, canvas.height / 2 - 25, dogImage);
		
		// Handle touch events for smartphone operation
		canvas.addEventListener("touchstart", function(event) {
			dog.jump();
		});
		
		canvas.addEventListener("mousedown", function(event) {
			dog.jump();
		});
		
		gameInterval = setInterval(updateGame, 20); // Update game every 20ms
	}
	
	// Dog object
	function Dog(x, y, image) {
		this.width = 50;
		this.height = 50;
		this.x = x;
		this.y = y;
		this.speedY = 0;
		this.image = image;
		
		this.jump = function() {
			this.speedY = -6;
		}
		
		this.update = function() {
			this.y += this.speedY;
			this.speedY += 0.2;
			
			if (this.y + this.height > canvas.height) { // Dog hits the ground
				this.speedY = 0;
				this.y = canvas.height - this.height;
			}
			
			if (this.y < 0) { // Dog hits the ceiling
				this.speedY = 0;
				this.y = 0;
			}
			
			this.draw();
		}
		
		this.draw = function() {
			ctx.drawImage(this.image, this.x, this.y, this.width, this.height);
		}
	}
	
	// Obstacle object
	function Obstacle(x, y, image) {
		this.width = 50;
		this.height = 50;
		this.x = x;
		this.y = y;
		this.speedX = -5;
		this.image = image;
		
		this.update = function() {
			this.x += this.speedX;
			
			if (this.x + this.width < 0) { // Obstacle passes the screen
				obstacles.shift(); // Remove first obstacle from the array
			}
			
			this.draw();
		}
		
		this.draw = function() {
			ctx.drawImage(this.image, this.x, this.y, this.width, this.height);
		}
	}
	
	// Update game state
	function updateGame() {
		ctx.clearRect(0, 0, canvas.width, canvas.height);
		
		// Create new obstacles at regular intervals
		if (Math.random() < 0.05) {
			var obstacleY = Math.random() * (canvas.height - 50);
			var obstacle = new Obstacle(canvas.width, obstacleY, obstacleImage);
			obstacles.push(obstacle);
		}
		
		// Update and draw dog
		dog.update();
		
		// Update and draw obstacles
		for (var i = 0; i < obstacles.length; i++) {
			obstacles[i].update();
		}
	}
	</script>

<script>
	// Load game images before starting the game
	dogImage.onload = function() {
		obstacleImage.onload = function() {
			startGame();
		}
	}
	</script>
</body>
</html>
```

Please note that the above code assumes you have `dog.png` and `obstacle.png` images in the same directory as the HTML file. You can substitute these image filenames with your own image files or change the code accordingly.

To play the game, open the HTML file on a smartphone or smartphone emulator, and the game should start automatically. Tap or click on the screen to make the dog jump and avoid the obstacles scrolling from the right side of the screen.

I hope you enjoy it!