Love Arrow Shoot 👩🏹❤️'s game

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

No:5464

3011

←

Prev Next

→

Love Arrow Shoot 👩🏹❤️
Developer User3694｜Date and time 23/6/30 3:18:56
Build time 23.841 sec｜Game capacity 3.014KB｜

Script

ラブ・アロー・シュート

このプログラムは、「ラブ・アロー・シュート」というゲームです。プレイヤーが矢を操作して、的を当てるゲームです。キャンバス上に矢と的が表示され、プレイヤーは矢を左右に移動させることができます。矢が的に当たると、的は消えます。画面外に出た矢はキャンバスの反対側から再び現れます。目標は、すべての的を当てることです。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

ラブ・アロー・シュート

<!DOCTYPE html>
<html>
<head>
    <title>ラブ・アロー・シュート</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

var arrow = {
                x: 400,
                y: 500,
                speed: 5,
                width: 50,
                height: 50,
                color: "#FF0000"
            };

var targets = [
                { x: 100, y: 100, width: 50, height: 50, color: "#FFFF00", isHit: false },
                { x: 300, y: 200, width: 50, height: 50, color: "#FFFF00", isHit: false },
                { x: 500, y: 100, width: 50, height: 50, color: "#FFFF00", isHit: false }
            ];

function draw() {
                // Clear canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw arrow
                context.fillStyle = arrow.color;
                context.fillRect(arrow.x, arrow.y, arrow.width, arrow.height);

// Draw targets
                targets.forEach(function(target) {
                    if (!target.isHit) {
                        context.fillStyle = target.color;
                        context.fillRect(target.x, target.y, target.width, target.height);
                    }
                });
            }

function update() {
                // Move arrow
                arrow.x += arrow.speed;

// Check for collision with targets
                targets.forEach(function(target) {
                    if (!target.isHit) {
                        if (arrow.x < target.x + target.width &&
                            arrow.x + arrow.width > target.x &&
                            arrow.y < target.y + target.height &&
                            arrow.y + arrow.height > target.y) {
                            target.isHit = true;
                        }
                    }
                });

// Check for out-of-bounds arrow
                if (arrow.x > canvas.width) {
                    // Reset arrow position
                    arrow.x = 0;
                }
            }

function gameLoop() {
                draw();
                update();

requestAnimationFrame(gameLoop);
            }

gameLoop();
        }
    </script>
</body>
</html>