AI game creator

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

No:42870

←

Prev Next

→

Aiming game
Developer User18984｜Date and time 24/2/13 3:43:32
Build time 9.073 sec｜Game capacity 2.683KB｜

Script

Sure! Here's a simple aiming game implemented as a single HTML file using JavaScript. It is designed to be played on a smartphone and uses pictograms for the visual elements.

To play the game, you can copy the above code into a new HTML file and open it in a browser on your smartphone. The game consists of a circular target that moves to a random position whenever it is hit with a touch/click. Your objective is to touch/click on the target to increase your score. Please note that the gameplay in this implementation is very basic, and you can enhance it by adding levels, timers, and other features as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple aiming game implemented as a single HTML file using JavaScript. It is designed to be played on a smartphone and uses pictograms for the visual elements.

```html
<!DOCTYPE html>
<html>
<head>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="300"></canvas>

// Function to draw the target
        function drawTarget() {
            ctx.beginPath();
            ctx.arc(target.x, target.y, target.radius, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

// Function to handle touch/click events
        function handleTouch(event) {
            var touchX = event.changedTouches[0].pageX - canvas.offsetLeft;
            var touchY = event.changedTouches[0].pageY - canvas.offsetTop;
            
            // Check if the touch coordinates are inside the target
            var dx = touchX - target.x;
            var dy = touchY - target.y;
            var distance = Math.sqrt(dx * dx + dy * dy);

// If the touch coordinates are inside the target, increase the score and generate a new target
            if (distance < target.radius) {
                score++;
                target.x = Math.floor(Math.random() * (canvas.width - target.radius * 2)) + target.radius;
                target.y = Math.floor(Math.random() * (canvas.height - target.radius * 2)) + target.radius;
            }
        }

// Function to update the game state
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawTarget();
            ctx.fillStyle = "black";
            ctx.font = "16px Arial";
            ctx.fillText("Score: " + score, 10, 20);
        }

// Start the game loop
        setInterval(update, 10);

// Event listener for touch/click events
        canvas.addEventListener("touchstart", handleTouch, false);

</script>
</body>
</html>
```

Please note that the gameplay in this implementation is very basic, and you can enhance it by adding levels, timers, and other features as desired.