以下がJavaScriptの実装例です。安全性を考慮しているため、evalや他のサイトへの遷移、リダイレクトは行いません。
```html
<!DOCTYPE html>
<html>
<head>
<title>Poop Game</title>
<style>
#canvas {
background-color: lightblue;
border: 2px solid black;
display: block;
margin: auto;
margin-top: 50px;
width: 400px;
height: 400px;
position: relative;
}
#character {
position: absolute;
bottom: 0;
left: 0;
}
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<img id="character" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/81/ninja_1f977.png" width="50" height="50">
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var poopImage = new Image();
poopImage.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/81/pile-of-poo_1f4a9.png";
var poopX = Math.random() * (canvas.width - 50);
var poopY = -50;
var poopSpeed = Math.random() * 5 + 1;
var character = document.getElementById("character");
var characterX = 0;
var characterY = canvas.height - 50;
var characterSpeed = 5;
canvas.addEventListener("mousemove", function(event) {
characterX = event.clientX - canvas.offsetLeft - character.width / 2;
characterY = canvas.height - character.height;
});
canvas.addEventListener("click", function(event) {
if (characterX < canvas.width - character.width) {
characterX += characterSpeed;
} else {
poopX = Math.random() * (canvas.width - 50);
poopY = -50;
}
});
function update() {
poopY += poopSpeed;
if (poopY > canvas.height) {
poopX = Math.random() * (canvas.width - 50);
poopY = -50;
}
context.clearRect(0, 0, canvas.width, canvas.height);
context.drawImage(poopImage, poopX, poopY, 50, 50);
context.drawImage(character, characterX, characterY, 50, 50);
requestAnimationFrame(update);
}
update();
</script>
</body>
</html>
```
このアプリケーションは、ランダムな場所から画面内に落ちてくる💩を回避しつつ、🥸👉を使って💩を捕まえるというシンプルなゲームです。リセットするには、🥸👉が画面右端に到達するだけで簡単です！
