You are a duck and need keys to the doors so you do parkour to get them's game

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

No:20278

112

←

Prev Next

→

You are a duck and need keys to the doors so you d..ALL
Developer User9010｜Date and time 23/10/9 3:00:59
Build time 14.401 sec｜Game capacity 3.072KB｜

Script

Sure! Here's a sample implementation of the game described using JavaScript and HTML. Just copy the code and save it as a single HTML file to play the game.

In the above game, the user plays as a duck trying to collect keys to open doors by performing parkour. The game starts when the user clicks on the duck image. The duck jumps to the first door, collects the first key, then jumps to the second door to collect the second key, and finally displays a congratulatory message when all keys are collected. Since you mentioned using pictograms, you'll need to replace the URLs in the CSS `background-image` properties with the actual URLs of the duck and key images you want to use. Additionally, you can customize the game's appearance by modifying the CSS styles. Please note that the images need to be hosted online and accessible via a URL. Replace `emozi_all/duck.png` and `emozi_all/key.png` with the actual URLs of your desired images. Hope you have fun playing the game!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample implementation of the game described using JavaScript and HTML. Just copy the code and save it as a single HTML file to play the game.

```html
<!DOCTYPE html>
<html>
<head>
	<title>Parkour Duck Game</title>
	<style>
		#duck {
			position: absolute;
			left: 0;
			top: 0;
			width: 50px;
			height: 50px;
			background-image: url('https://example.com/duck.png'); /* Insert URL of duck image */
			background-size: cover;
		}
		.door {
			position: absolute;
			width: 70px;
			height: 100px;
			background-color: brown;
			border-radius: 5px;
		}
		.key {
			position: absolute;
			width: 30px;
			height: 30px;
			background-image: url('https://example.com/key.png'); /* Insert URL of key image */
			background-size: cover;
		}
	</style>
</head>
<body>
	<div id="duck"></div>
	<div id="door1" class="door"></div>
	<div id="door2" class="door"></div>
	<div id="key1" class="key" style="top: 50px;"></div>
	<div id="key2" class="key" style="top: 150px;"></div>
	
	<script>
		document.addEventListener("DOMContentLoaded", function(event) {
			const duck = document.getElementById('duck');
			const door1 = document.getElementById('door1');
			const door2 = document.getElementById('door2');
			const key1 = document.getElementById('key1');
			const key2 = document.getElementById('key2');
			
			let keysCollected = 0;
			
			duck.addEventListener('click', function() {
				if (keysCollected === 0) {
					jumpToDoor(door1, function() {
						getKey(key1);
					});
				} else if (keysCollected === 1) {
					jumpToDoor(door2, function() {
						getKey(key2);
					});
				} else {
					// All keys collected, game over!
					alert("Congratulations! You collected all the keys!");
				}
			});
			
			function jumpToDoor(door, callback) {
				const doorRect = door.getBoundingClientRect();
				const duckRect = duck.getBoundingClientRect();
				const doorTop = doorRect.top - duckRect.height - 20;
				
				duck.style.transition = 'top 1s';
				duck.style.top = doorTop + 'px';
				
				setTimeout(function() {
					duck.style.transition = '';
					callback();
				}, 1000);
			}
			
			function getKey(key) {
				key.style.display = 'none';
				keysCollected++;
			}
		});
	</script>
</body>
</html>
```

Since you mentioned using pictograms, you'll need to replace the URLs in the CSS `background-image` properties with the actual URLs of the duck and key images you want to use. Additionally, you can customize the game's appearance by modifying the CSS styles.

Please note that the images need to be hosted online and accessible via a URL. Replace `https://example.com/duck.png` and `https://example.com/key.png` with the actual URLs of your desired images.

Hope you have fun playing the game!