Make me a button that will summon the devil's game

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

No:22741

←

Prev Next

→

Make me a button that will summon the devil
Developer User10477｜Date and time 23/10/24 13:36:48
Build time 5.121 sec｜Game capacity 0.221KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

🤺

SCORE: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>勇者ゲーム</title>
	<style>
		body {
			font-size: 50px;
			text-align: center;
		}
		#yusha {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		#tama {
			position: absolute;
			background-color: red;
			border-radius: 50%;
			height: 20px;
			width: 20px;
		}
	</style>
</head>
<body onload="setup()">
	<div id="yusha">🤺</div>
	<div id="score" style="position: fixed; top: 0; right: 0;">SCORE: 0</div>

function setup() {
			document.addEventListener('keydown', keyDownHandler);
			tama_interval = setInterval(fireTama, 1000);
			moveEnemies();
		}

function keyDownHandler(e) {
			switch(e.key) {
				case 'ArrowUp':
					moveUp();
					break;
				case 'ArrowDown':
					moveDown();
					break;
				case 'ArrowLeft':
					moveLeft();
					break;
				case 'ArrowRight':
					moveRight();
					break;
				case ' ':
					attack();
					break;
			}
		}

function moveUp() {
			let y = parseInt(window.getComputedStyle(yusha).getPropertyValue("top"));
			if (y > 0) {
				yusha.style.top = y - chara_size + "px";
			}
		}

function moveDown() {
			let y = parseInt(window.getComputedStyle(yusha).getPropertyValue("top"));
			if (y < gameAreaHeight) {
				yusha.style.top = y + chara_size + "px";
			}
		}

function moveLeft() {
			let x = parseInt(window.getComputedStyle(yusha).getPropertyValue("left"));
			if (x > 0) {
				yusha.style.left = x - chara_size + "px";
			}
		}

function moveRight() {
			let x = parseInt(window.getComputedStyle(yusha).getPropertyValue("left"));
			if (x < gameAreaWidth) {
				yusha.style.left = x + chara_size + "px";
			}
		}

function attack() {
			let x = parseInt(window.getComputedStyle(yusha).getPropertyValue("left"));
			let y = parseInt(window.getComputedStyle(yusha).getPropertyValue("top"));

let tama = document.createElement('div');
			tama.id = 'tama';
			tama_left = x + (chara_size / 2) - 10;
			tama_top = y - 20;
			tama.style.left = tama_left + "px";
			tama.style.top = tama_top + "px";
			document.body.appendChild(tama);
			setTimeout(removeTama, 1000);
		}

function fireTama() {
			let enemies = document.getElementsByClassName('enemy');
			if (enemies.length === 0) {
				return;
			}

let rand_enemy = Math.floor(Math.random() * enemies.length);
			let enemy = enemies[rand_enemy];

let tama = document.createElement('div');
			tama.id = 'tama';
			tama_left = parseInt(window.getComputedStyle(enemy).getPropertyValue("left")) + 25;
			tama_top = parseInt(window.getComputedStyle(enemy).getPropertyValue("top")) + 50;
			tama.style.left = tama_left + "px";
			tama.style.top = tama_top + "px";
			document.body.appendChild(tama);

let interval = setInterval(moveTama, 10);
			function moveTama() {
				if (tama_top < 0) {
					clearInterval(interval);
					document.body.removeChild(tama);
					return;
				}

tama_top -= 5;
				tama.style.top = tama_top + "px";

let tama_rect = {
					left: tama_left,
					top: tama_top,
					right: tama_left + 20,
					bottom: tama_top + 20
				}

let yusha_rect = {
					left: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")),
					top: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")),
					right: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")) + chara_size,
					bottom: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")) + chara_size
				}

if (rectOverlap(tama_rect, yusha_rect)) {
					clearInterval(interval);
					document.body.removeChild(tama);
					gameOver();
				}
			}
		}

let yusha_rect = {
							left: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")),
							top: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")),
							right: parseInt(window.getComputedStyle(yusha).getPropertyValue("left")) + chara_size,
							bottom: parseInt(window.getComputedStyle(yusha).getPropertyValue("top")) + chara_size
						}

if (rectOverlap(enemy_rect, yusha_rect)) {
							gameOver();
						}
					}
				}
			}
			setTimeout(moveEnemies, 20);
		}

function rectOverlap(rect1, rect2) {
			if (rect1.left > rect2.right || rect2.left > rect1.right) {
				return false;
			}

if (rect1.top > rect2.bottom || rect2.top > rect1.bottom) {
				return false;
			}

return true;
		}

function gameOver() {
			clearInterval(tama_interval);
			alert("GAME OVER. YOUR SCORE IS " + score);
			location.reload();
		}

function removeTama() {
			let tama = document.getElementById('tama');
			document.body.removeChild(tama);

let enemies = document.getElementsByClassName('enemy');
			for (let i = 0; i < enemies.length; i++) {
				let enemy = enemies[i];
				let enemy_rect = {
					left: parseInt(window.getComputedStyle(enemy).getPropertyValue("left")),
					top: parseInt(window.getComputedStyle(enemy).getPropertyValue("top")),
					right: parseInt(window.getComputedStyle(enemy).getPropertyValue("left")) + 50,
					bottom: parseInt(window.getComputedStyle(enemy).getPropertyValue("top")) + 50
				}

if (tama_top < enemy_rect.bottom && tama_left > enemy_rect.left && tama_left < enemy_rect.right) {
					document.body.removeChild(enemy);
					score++;
					document.getElementById('score').innerText = 'SCORE: ' + score;
					break;
				}
			}
		}
	</script>
</body>
</html>