Game where you play as huggy wuggy and shoot aliens and glitch monsters's game

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

No:24005

←

Prev Next

→

Game where you play as huggy wuggy and shoot alien..ALL
Developer User11243｜Date and time 23/11/5 4:41:49
Build time 88.764 sec｜Game capacity 5.15KB｜

Script

Sure! Here's an example of a simple game where you play as "Huggy Wuggy" and shoot aliens and glitch monsters using JavaScript and HTML:

This game uses HTML5 canvas to render the game elements. The player can move left and right using the left and right arrow keys and shoot bullets using the spacebar. The objective of the game is to destroy the aliens and glitch monsters with the bullets while avoiding collisions with them. If the player collides with any of them, the game is over. Note: This is a basic example and can be expanded upon with additional features and more advanced gameplay mechanics.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game where you play as "Huggy Wuggy" and shoot aliens and glitch monsters using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Huggy Wuggy's Alien Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>
    <script>
        // Game logic
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Player variables
        const playerSize = 30;
        let playerX = canvas.width / 2;
        let playerY = canvas.height - playerSize;
        const playerSpeed = 5;

// Bullet variables
        const bulletSize = 10;
        let bulletX = playerX + playerSize / 2 - bulletSize / 2;
        let bulletY = playerY;
        const bulletSpeed = 10;
        let shoot = false;

// Alien variables
        const alienSize = 30;
        let alienX = Math.random() * (canvas.width - alienSize);
        let alienY = 0;
        const alienSpeed = 3;

// Glitch monster variables
        const monsterSize = 40;
        let monsterX = Math.random() * (canvas.width - monsterSize);
        let monsterY = 0;
        const monsterSpeed = 4;

// Event listeners for player movement
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

function handleKeyUp(event) {
            if (event.keyCode === 32) { // Spacebar key
                shoot = false;
            }
        }

// Game loop
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Draw bullet
            ctx.fillStyle = "red";
            ctx.fillRect(bulletX, bulletY, bulletSize, bulletSize);

// Draw alien
            ctx.fillStyle = "green";
            ctx.fillRect(alienX, alienY, alienSize, alienSize);

// Draw glitch monster
            ctx.fillStyle = "yellow";
            ctx.fillRect(monsterX, monsterY, monsterSize, monsterSize);

// Move bullet
            bulletY -= bulletSpeed;

// Check collision with alien
            if (
                bulletX < alienX + alienSize &&
                bulletX + bulletSize > alienX &&
                bulletY < alienY + alienSize &&
                bulletY + bulletSize > alienY
            ) {
                alert("Alien destroyed!");
                bulletX = playerX + playerSize / 2 - bulletSize / 2;
                bulletY = playerY;
                alienX = Math.random() * (canvas.width - alienSize);
                alienY = 0;
            }

// Check collision with glitch monster
            if (
                bulletX < monsterX + monsterSize &&
                bulletX + bulletSize > monsterX &&
                bulletY < monsterY + monsterSize &&
                bulletY + bulletSize > monsterY
            ) {
                alert("Glitch monster destroyed!");
                bulletX = playerX + playerSize / 2 - bulletSize / 2;
                bulletY = playerY;
                monsterX = Math.random() * (canvas.width - monsterSize);
                monsterY = 0;
            }

// Move alien and glitch monster
            alienY += alienSpeed;
            monsterY += monsterSpeed;

// Check collision with player
            if (
                playerX < alienX + alienSize &&
                playerX + playerSize > alienX &&
                playerY < alienY + alienSize &&
                playerY + playerSize > alienY
            ) {
                alert("Game Over!");
                clearInterval(gameLoop);
            }

if (
                playerX < monsterX + monsterSize &&
                playerX + playerSize > monsterX &&
                playerY < monsterY + monsterSize &&
                playerY + playerSize > monsterY
            ) {
                alert("Game Over!");
                clearInterval(gameLoop);
            }
        }

const gameLoop = setInterval(draw, 10);
    </script>
</body>
</html>
```

Note: This is a basic example and can be expanded upon with additional features and more advanced gameplay mechanics.