AI game creator

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

No:10808

←

Prev Next

→

Dot shooting game
Developer User4492｜Date and time 23/8/3 7:00:19
Build time 32.149 sec｜Game capacity 4.835KB｜

Script

Sure, I can help you create a simple dot shooting game using HTML and JavaScript. Here's an example implementation:

You can simply save the above code in an HTML file (e.g., `dot_shooting_game.html`) and open it in a web browser to play the game. The game canvas allows you to control the player's movement by touching and dragging your finger on a smartphone screen. The objective of the game is to collide the player with as many dots as possible. Each time the player collides with a dot, it will be removed from the screen. The game will continuously generate new dots at random intervals.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure, I can help you create a simple dot shooting game using HTML and JavaScript. Here's an example implementation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dot Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Set initial player position
        var playerX = canvas.width / 2;
        var playerY = canvas.height / 2;

// Add event listener to track touch/click events
        canvas.addEventListener("touchmove", function(e) {
            playerX = e.changedTouches[0].clientX - canvas.offsetLeft;
            playerY = e.changedTouches[0].clientY - canvas.offsetTop;
        });

// Create a dot object
        function Dot(x, y, radius, dx, dy, color) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.dx = dx;
            this.dy = dy;
            this.color = color;

// Update the dot's position
            this.update = function() {
                this.x += this.dx;
                this.y += this.dy;

// Draw the dot
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
            }
        }

// Create an array to store the dots
        var dots = [];

// Function to generate random dots
        function generateDots() {
            var x = Math.random() * (canvas.width - 2 * radius) + radius;
            var y = Math.random() * (canvas.height - 2 * radius) + radius;
            var radius = Math.random() * 20 + 5;
            var dx = (Math.random() - 0.5) * 2;
            var dy = (Math.random() - 0.5) * 2;
            var color = getRandomColor();
            dots.push(new Dot(x, y, radius, dx, dy, color));
        }

// Function to get a random color
        function getRandomColor() {
            var letters = "0123456789ABCDEF";
            var color = "#";
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

// Function to handle collision between player and dots
        function handleCollision() {
            for (var i = 0; i < dots.length; i++) {
                var dot = dots[i];

var dx = dot.x - playerX;
                var dy = dot.y - playerY;
                var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < dot.radius) {
                    // Collision detected, remove dot from the array
                    dots.splice(i, 1);
                }
            }
        }

// Main game loop
        function gameLoop() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw the player
            ctx.beginPath();
            ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
            ctx.fillStyle = "#000000";
            ctx.fill();
            ctx.closePath();

// Generate new dots at random intervals
            if (Math.random() < 0.02) {
                generateDots();
            }

// Update and draw the dots
            for (var i = 0; i < dots.length; i++) {
                var dot = dots[i];

// Check if dots are outside the canvas
                if (dot.x + dot.radius > canvas.width || dot.x - dot.radius < 0) {
                    dot.dx = -dot.dx;
                }
                if (dot.y + dot.radius > canvas.height || dot.y - dot.radius < 0) {
                    dot.dy = -dot.dy;
                }

// Update the dot's position
                dot.update();
            }

// Check for collision between player and dots
            handleCollision();

// Call the game loop recursively
            requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>
```