A shooting game where you shoot croissants into hungry French men the final boss is a giant croissant where you have to shoot 3 croissants at it's game

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

No:20153

←

Prev Next

→

A shooting game where you shoot croissants into hu..ALL
Developer User8969｜Date and time 23/10/8 16:46:18
Build time 31.698 sec｜Game capacity 5.609KB｜

Script

Sure, here's a simple shooting game implemented in a single HTML file using JavaScript:

To play the game, save the code above in a file (e.g., `game.html`), and make sure to have the `emozi_all/play.png` and `emozi_all/croissant.png` images in the same directory as the HTML file. The game can then be opened in a web browser, where you can control the player with the up and down arrow keys and shoot croissants by pressing the spacebar. The objective is to shoot 3 croissants at the boss croissant to defeat it. If the player or the boss croissant collides with a croissant, the game is over.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple shooting game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Croissant Shooter</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Create the game canvas and initialize the game
        window.onload = function () {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

croissantImg = document.createElement('img');
            croissantImg.src = 'croissant.png';

bossCroissantImg = document.createElement('img');
            bossCroissantImg.src = 'boss_croissant.png';

document.addEventListener('keydown', handleKeyPress);
            
            setInterval(gameLoop, 1000 / 30); // 30 FPS
        }

// Handle keyboard arrow key press events
        function handleKeyPress(event) {
            if (event.keyCode === 38 && playerY > 0) { // Up Arrow
                playerY -= 10;
            } else if (event.keyCode === 40 && playerY < canvas.height) { // Down Arrow
                playerY += 10;
            } else if (event.keyCode === 32 && !gameOver) { // Spacebar
                shootCroissant();
            }
        }

// Shoot a croissant from the player's position
        function shootCroissant() {
            if (croissantCount < maxCroissants) {
                croissants.push({ x: playerX + 50, y: playerY + 20 });
                croissantCount++;
            }
        }

// Update game logic and render game objects
        function gameLoop() {
            update();
            render();
        }

// Update game logic
        function update() {
            if (gameOver) {
                return;
            }

// Move boss croissant towards the player
            if (bossCroissantX > playerX) {
                bossCroissantX -= 2;
            }
            if (bossCroissantY > playerY) {
                bossCroissantY -= 1;
            }
            if (bossCroissantX < playerX + 100) {
                bossCroissantX += 2;
            }
            if (bossCroissantY < playerY + 50) {
                bossCroissantY += 1;
            }

// Move and check collisions of croissants
            for (var i = 0; i < croissants.length; i++) {
                croissants[i].x += croissantSpeed;

if (collidesWithPlayer(croissants[i])) {
                    gameOver = true;
                    break;
                }

if (collidesWithBossCroissant(croissants[i])) {
                    croissants.splice(i, 1);
                    croissantCount--;
                    bossCroissantHealth--;

if (bossCroissantHealth === 0) {
                        gameOver = true;
                    }
                    break;
                }
            }
        }

// Check collision between croissant and player
        function collidesWithPlayer(croissant) {
            if (croissant.x > playerX && croissant.x < playerX + 100 && croissant.y > playerY && croissant.y < playerY + 50) {
                return true;
            }
            return false;
        }

// Check collision between croissant and boss croissant
        function collidesWithBossCroissant(croissant) {
            if (croissant.x > bossCroissantX && croissant.x < bossCroissantX + 300 && croissant.y > bossCroissantY && croissant.y < bossCroissantY + 250) {
                return true;
            }
            return false;
        }

// Render game objects
        function render() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            canvasContext.fillStyle = 'red';
            canvasContext.fillRect(playerX, playerY, 100, 50);

// Draw croissants
            for (var i = 0; i < croissants.length; i++) {
                canvasContext.drawImage(croissantImg, croissants[i].x, croissants[i].y);
            }

// Draw boss croissant
            if (bossCroissantHealth > 0) {
                canvasContext.drawImage(bossCroissantImg, bossCroissantX, bossCroissantY, 300, 250);
            }
            
            // Game over text
            if (gameOver) {
                canvasContext.font = '30px Arial';
                canvasContext.fillText('Game Over', canvas.width / 2 - 75, canvas.height / 2);
            }
        }
    </script>
</body>
</html>
```

To play the game, save the code above in a file (e.g., `game.html`), and make sure to have the `croissant.png` and `boss_croissant.png` images in the same directory as the HTML file. The game can then be opened in a web browser, where you can control the player with the up and down arrow keys and shoot croissants by pressing the spacebar. The objective is to shoot 3 croissants at the boss croissant to defeat it. If the player or the boss croissant collides with a croissant, the game is over.