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

No:23777

←

Prev Next

→

イケメンが追いかけてくる
Developer User11141｜Date and time 23/11/3 13:06:47
Build time 69.488 sec｜Game capacity 2.728KB｜

Script

了解です。以下にイケメンが追いかけてくるゲームのプログラムを記述します。

イケメンゲーム

イケメンが追いかけてきます！

このプログラムでは、イケメンの絵文字がマウスに追従して動くゲームとなっています。スタートボタンをクリックするとゲームが開始され、イケメンの絵文字が追いかけてくるように動きます。もしイケメンの絵文字がマウスに触れると、ゲームオーバーとなります。なお、このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptのコードはscriptタグで囲まれています。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にイケメンが追いかけてくるゲームのプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>イケメンゲーム</title>
</head>
<body>
    <div id="game">
        <h1>イケメンゲーム</h1>
        <p id="status">イケメンが追いかけてきます！</p>
        <button onclick="startGame()">スタート</button>
        <script>
        function startGame() {
            var gameContainer = document.getElementById("game");
            gameContainer.innerHTML = "";
            
            var emoji = document.createElement("span");
            emoji.innerHTML = "😍";
            emoji.style.position = "absolute";
            emoji.style.top = "50%";
            emoji.style.left = "50%";
            emoji.style.fontSize = "40px";
            emoji.style.transform = "translate(-50%, -50%)";
            
            var mouseX = 0;
            var mouseY = 0;
            
            document.addEventListener("mousemove", function(event) {
                mouseX = event.clientX;
                mouseY = event.clientY;
            });
            
            setInterval(function() {
                var offsetX = mouseX - parseInt(emoji.style.left);
                var offsetY = mouseY - parseInt(emoji.style.top);
                var distance = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
                
                if (distance <= 50) {
                  gameOver();
                }
                
                var speed = 10;
                var directionX = offsetX > 0 ? 1 : -1;
                var directionY = offsetY > 0 ? 1 : -1;
                
                emoji.style.top = parseInt(emoji.style.top) + (speed * directionY) + "px";
                emoji.style.left = parseInt(emoji.style.left) + (speed * directionX) + "px";
            }, 30);
            
            gameContainer.appendChild(emoji);
        }
        
        function gameOver() {
            var gameContainer = document.getElementById("game");
            gameContainer.innerHTML = "<h1>ゲームオーバー！</h1>";
        }
        </script>
    </div>
</body>
</html>
```

このプログラムでは、イケメンの絵文字がマウスに追従して動くゲームとなっています。スタートボタンをクリックするとゲームが開始され、イケメンの絵文字が追いかけてくるように動きます。もしイケメンの絵文字がマウスに触れると、ゲームオーバーとなります。

なお、このプログラムは1枚のHTMLファイルとして実装されており、JavaScriptのコードはscriptタグで囲まれています。