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:24006

←

Prev Next

→

Game where you play as huggy wuggy and shoot alien..ALL
Developer User11243｜Date and time 23/11/5 4:43:08
Build time 105.788 sec｜Game capacity 4.729KB｜

Script

Sure! Here's an example of a game where you play as Huggy Wuggy and shoot aliens and glitch monsters. The game is implemented as a single HTML file and contains JavaScript. The game can be played on a smartphone.

Instructions: - Use the arrow keys to move Huggy Wuggy. - Press the spacebar to shoot projectiles and destroy the aliens and glitch monsters. - The game ends if an enemy reaches the bottom of the screen. Note: This is a simple example and can be further improved and expanded upon based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

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

// Player variables
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 30,
            height: 30,
            color: "blue"
        };

// Projectiles variables
        var projectiles = [];
        var projectileColor = "red";
        var projectileWidth = 5;
        var projectileHeight = 10;

// Enemies variables
        var enemies = [];
        var enemyColor = "green";
        var enemyWidth = 20;
        var enemyHeight = 20;

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

// Update and render player
            renderPlayer();

// Update and render projectiles
            updateProjectiles();
            renderProjectiles();

// Update and render enemies
            updateEnemies();
            renderEnemies();

requestAnimationFrame(gameLoop);
        }

// Render player
        function renderPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

// Update and render projectiles
        function updateProjectiles() {
            for (var i = 0; i < projectiles.length; i++) {
                projectiles[i].y -= 5; // Adjust projectile speed

// Remove projectile when it goes offscreen
                if (projectiles[i].y < 0) {
                    projectiles.splice(i, 1);
                }
            }
        }

function renderProjectiles() {
            ctx.fillStyle = projectileColor;
            for (var i = 0; i < projectiles.length; i++) {
                ctx.fillRect(projectiles[i].x, projectiles[i].y, projectileWidth, projectileHeight);
            }
        }

// Update and render enemies
        function updateEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                enemies[i].y += 2; // Adjust enemy speed

// Remove enemy when it goes offscreen
                if (enemies[i].y > canvas.height) {
                    enemies.splice(i, 1);
                }
            }

// Randomly spawn new enemies
            if (Math.random() < 0.02) {
                var enemyX = Math.random() * canvas.width;
                var newEnemy = { x: enemyX, y: 0, width: enemyWidth, height: enemyHeight };
                enemies.push(newEnemy);
            }
        }

function renderEnemies() {
            ctx.fillStyle = enemyColor;
            for (var i = 0; i < enemies.length; i++) {
                ctx.fillRect(enemies[i].x, enemies[i].y, enemyWidth, enemyHeight);
            }
        }

// Player movement
        function movePlayer(event) {
            var moveAmount = 10; // Adjust player movement speed
            if (event.key === "ArrowLeft" && player.x > 0) {
                player.x -= moveAmount;
            } else if (event.key === "ArrowRight" && player.x < canvas.width - player.width) {
                player.x += moveAmount;
            } else if (event.key === "ArrowUp" && player.y > 0) {
                player.y -= moveAmount;
            } else if (event.key === "ArrowDown" && player.y < canvas.height - player.height) {
                player.y += moveAmount;
            } else if (event.code === "Space") {
                var projectileX = player.x + player.width / 2 - projectileWidth / 2;
                var newProjectile = { x: projectileX, y: player.y, width: projectileWidth, height: projectileHeight };
                projectiles.push(newProjectile);
            }
        }

// Start game
        document.addEventListener("keydown", movePlayer);
        gameLoop();
    </script>
</body>
</html>
```

Note: This is a simple example and can be further improved and expanded upon based on your requirements and preferences.