AI game creator

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

No:2751

2031

←

Prev Next

→

BGM for Execution
Developer User3591｜Date and time 23/6/22 14:08:14
Build time 22.721 sec｜Game capacity 2.059KB｜

Script

を流していればプレイヤーがより緊張感を味わえるかもしれません。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

を流していればプレイヤーがより緊張感を味わえるかもしれません。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Emoji Game</title>
	<style>
		body {
			margin: 0;
		}
		canvas {
			width: 100%;
			height: 100%;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<script>
		const canvas = document.getElementById('canvas');
		const ctx = canvas.getContext('2d');
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;
		const emojiList = ['😀','😂','😍','😎','🤗','🤔','🤢','🤫'];
		let score = 0;

class Emoji {
			constructor() {
				this.x = Math.random() * canvas.width;
				this.y = -Math.random() * canvas.height/3;
				this.size = Math.random() * 50 + 30;
				this.speed = Math.random() * 5 + 2;
				this.emoji = emojiList[Math.floor(Math.random() * emojiList.length)];
			}

update() {
				this.y += this.speed;
				this.draw();
			}

draw() {
				ctx.font = `${this.size}px serif`;
				ctx.fillText(this.emoji, this.x, this.y);
			}
		}

const emojiArray = [];

function init() {
			window.addEventListener('click', handleClick);
			setInterval(spawnEmoji, 2000);
			gameLoop();
		}

function handleClick(event) {
			const clickX = event.clientX;
			const clickY = event.clientY;

for(let i = 0; i < emojiArray.length; i++) {
				const emoji = emojiArray[i];
				if(clickX >= emoji.x && clickX <= emoji.x + emoji.size && clickY >= emoji.y && clickY <= emoji.y + emoji.size) {
					score++;
					emojiArray.splice(i, 1);
					break;
				}
			}
		}

function spawnEmoji() {
			emojiArray.push(new Emoji());
		}

function gameLoop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

for(let i = 0; i < emojiArray.length; i++) {
				const emoji = emojiArray[i];
				emoji.update();

if(emoji.y + emoji.size >= canvas.height) {
					emojiArray.splice(i, 1);
					break;
				}
			}

ctx.font = '20px serif';
			ctx.fillText(`Score: ${score}`, 20, 40);

requestAnimationFrame(gameLoop);
		}

init();
	</script>
</body>
</html>