AI game creator

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

No:24799

←

Prev Next

→

Snipe bad guys
Developer User11868｜Date and time 23/11/12 7:52:51
Build time 60.412 sec｜Game capacity 2.543KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Snipe Bad Guys</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Get the canvas and context
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Create an array to store the bad guys
        var badGuys = [
            {x: 50, y: 50},
            {x: 200, y: 100},
            {x: 350, y: 200}
        ];

// Set up the game loop
        setInterval(update, 16);

// Update the game logic
        function update() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the bad guys
            for (var i = 0; i < badGuys.length; i++) {
                var badGuy = badGuys[i];
                drawBadGuy(badGuy);
            }
        }

// Draw a bad guy
        function drawBadGuy(badGuy) {
            // Draw a simple circle as the bad guy
            context.beginPath();
            context.arc(badGuy.x, badGuy.y, 20, 0, 2*Math.PI, false);
            context.fillStyle = "red";
            context.fill();
            context.lineWidth = 1;
            context.strokeStyle = "black";
            context.stroke();
        }

// Handle touch events
        canvas.addEventListener("touchstart", handleTouch);
        canvas.addEventListener("touchmove", handleTouch);
        canvas.addEventListener("touchend", handleTouch);

// Handle touch events to snipe bad guys
        function handleTouch(event) {
            event.preventDefault();
            var touches = event.changedTouches;
            for (var i = 0; i < touches.length; i++) {
                var touch = touches[i];
                var touchX = touch.pageX - canvas.offsetLeft;
                var touchY = touch.pageY - canvas.offsetTop;

// Check if the touch point is inside any of the bad guys
                for (var j = 0; j < badGuys.length; j++) {
                    var badGuy = badGuys[j];
                    var distance = Math.sqrt(Math.pow(touchX - badGuy.x, 2) + Math.pow(touchY - badGuy.y, 2));
                    if (distance <= 20) {
                        // Remove the bad guy from the array
                        badGuys.splice(j, 1);
                        break;
                    }
                }
            }
        }
    </script>
</body>
</html>