Wave game of shooting (10 waves)'s game

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

No:20097

←

Prev Next

→

Wave game of shooting (10 waves)
Developer User8949｜Date and time 23/10/8 8:35:45
Build time 17.827 sec｜Game capacity 4.929KB｜

Script

Sure! Here's a simple wave game of shooting with 10 waves. The game consists of shooting projectiles at incoming targets to advance to the next wave. The game is made for smartphone operation and includes pictograms for a better visual experience. Here's the code:

To play the game, you can copy the code into a text editor and save it as an HTML file (e.g., "wave_game.html"). Open the file on your smartphone using a web browser, and you'll be able to play the wave game of shooting. Simply drag your finger horizontally across the screen to move the player, and tap the screen to shoot projectiles at targets. Survive all 10 waves to win!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Here's the code:
```html
<!DOCTYPE html>
<html>
<head>
    <title>Wave Game of Shooting</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

function initializeGame() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            player = { x: 150, y: 400, width: 20, height: 20 };
            wave = 1;
            score = 0;

// Handle player movement touch events
            canvas.addEventListener("touchmove", function (event) {
                var touch = event.touches[0];
                player.x = touch.clientX;
            });

// Handle player shooting touch events
            canvas.addEventListener("touchstart", function (event) {
                projectiles.push({ x: player.x + player.width / 2, y: player.y, speed: 5 });
            });

startWave();
        }

function startWave() {
            targets = [];
            for (var i = 0; i < wave * 3; i++) {
                targets.push({ x: Math.random() * canvas.width, y: -40, width: 30, height: 30 });
            }

gameInterval = setInterval(updateGame, 20);
        }

function updateGame() {
            moveProjectiles();
            moveTargets();

if (targets.length === 0) {
                clearInterval(gameInterval);
                wave++;
                startWave();
            }

if (checkCollision()) {
                gameOver();
            }

drawGame();
        }

function moveProjectiles() {
            for (var i = projectiles.length - 1; i >= 0; i--) {
                projectiles[i].y -= projectiles[i].speed;

if (projectiles[i].y < 0) {
                    projectiles.splice(i, 1);
                }
            }
        }

function moveTargets() {
            for (var i = targets.length - 1; i >= 0; i--) {
                targets[i].y += 1;

if (targets[i].y > canvas.height) {
                    gameOver();
                }
            }
        }

return false;
        }

function gameOver() {
            clearInterval(gameInterval);
            alert("Game Over!\nFinal Score: " + score);
            initializeGame();
        }

function drawGame() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            canvasContext.fillStyle = "#ff0000";
            canvasContext.fillRect(player.x, player.y, player.width, player.height);

// Draw projectiles
            canvasContext.fillStyle = "#000000";
            for (var i = 0; i < projectiles.length; i++) {
                canvasContext.fillRect(projectiles[i].x, projectiles[i].y, 2, 10);
            }

// Draw targets
            canvasContext.fillStyle = "#00ff00";
            for (var i = 0; i < targets.length; i++) {
                canvasContext.fillRect(targets[i].x, targets[i].y, targets[i].width, targets[i].height);
            }

// Draw wave and score
            canvasContext.fillStyle = "#000000";
            canvasContext.font = "20px Arial";
            canvasContext.fillText("Wave: " + wave, 10, 30);
            canvasContext.fillText("Score: " + score, 10, 60);
        }

// Initialize the game
        initializeGame();
    </script>
</body>
</html>
```