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

No:9181

183

←

Prev Next

→

Foot Fire Yagami 🪨🔥🏹🔫🥷
Developer User3840｜Date and time 23/7/22 2:08:39
Build time 23.125 sec｜Game capacity 2.677KB｜

Script

了解しました！以下は、スマホで遊べるシンプルなゲーム「足火矢」の実装例です。

足火矢

的に矢を当てて得点を稼ごう！的が消える前に的をタップしてね。

得点: 0

このプログラムでは、指定した範囲内にランダムに的が表示されます。的をタップすることで得点を加算し、的が消えた後に新たな的が表示されます。的に当たると得点が増え、外れると得点が減ります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解しました！以下は、スマホで遊べるシンプルなゲーム「足火矢」の実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>足火矢</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <h1>足火矢</h1>
    <p>的に矢を当てて得点を稼ごう！的が消える前に的をタップしてね。</p>
    <p id="score">得点: 0</p>
    <canvas id="canvas" width="300" height="400"></canvas>

// 的の情報
        const target = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 30,
            color: "red"
        };

// 得点
        let score = 0;
        const scoreElement = document.getElementById("score");

// 的を描画する関数
        function drawTarget() {
            ctx.beginPath();
            ctx.arc(target.x, target.y, target.radius, 0, Math.PI * 2);
            ctx.fillStyle = target.color;
            ctx.fill();
            ctx.closePath();
        }

// クリックした座標が的の範囲内か判定する関数
        function isHit(x, y) {
            const distance = Math.sqrt((x - target.x) ** 2 + (y - target.y) ** 2);
            return distance < target.radius;
        }

// クリックした時の処理
        canvas.addEventListener("click", function(event) {
            const rect = canvas.getBoundingClientRect();
            const x = event.clientX - rect.left;
            const y = event.clientY - rect.top;

if(isHit(x, y)) {
                score += 10;
                target.color = "green";
            } else {
                score -= 5;
                target.color = "red";
            }

scoreElement.textContent = `得点: ${score}`;
            
            setTimeout(() => {
                target.x = Math.random() * canvas.width;
                target.y = Math.random() * canvas.height;
                target.color = "red";
            }, 1000);
        });

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawTarget();
            requestAnimationFrame(draw);
        }

draw();
    </script>
</body>
</html>
```