Make a game were you can burn and blow up stuff's game

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

No:36898

←

Prev Next

→

Make a game were you can burn and blow up stuff
Developer User16915｜Date and time 24/1/19 6:18:40
Build time 11.398 sec｜Game capacity 3.303KB｜

Script

Sure! Here's an example of a simple game where you can burn and blow up stuff using JavaScript within a single HTML file:

In this game, there is a blue circular explosive item in the center of the canvas. By clicking on it, the explosive item will first burn for 2 seconds (represented by changing the item's color to red) and then explode (represented by displaying a message in the console). You can modify the code to include your desired pictograms for burning and explosion if available.

←

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 can burn and blow up stuff using JavaScript within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #gameCanvas {
            border: 1px solid black;
            cursor: crosshair;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Object representing the explosive item
        var explosive = {
            x: 200,
            y: 150,
            radius: 10,
            burnt: false,
            exploded: false
        };

// Event listener to handle mouse click event
        canvas.addEventListener("click", function(event) {
            var rect = canvas.getBoundingClientRect();
            var mouseX = event.clientX - rect.left;
            var mouseY = event.clientY - rect.top;

// Check if the explosive item is clicked
            if (
                mouseX >= explosive.x - explosive.radius &&
                mouseX <= explosive.x + explosive.radius &&
                mouseY >= explosive.y - explosive.radius &&
                mouseY <= explosive.y + explosive.radius
            ) {
                burnExplosive();
            }
        });

// Function to burn the explosive 
        function burnExplosive() {
            if (!explosive.burnt) {
                explosive.burnt = true;
                // Add your desired pictogram for burning here if available
                console.log("Explosive is burning...");
                setTimeout(explodeExplosive, 2000);
            }
        }

// Function to explode the explosive 
        function explodeExplosive() {
            if (!explosive.exploded) {
                explosive.exploded = true;
                // Add your desired pictogram for explosion here if available
                console.log("Explosive has exploded!");
            }
        }

// Game loop - update and render the explosive item
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

if (!explosive.burnt) {
                ctx.beginPath();
                ctx.arc(explosive.x, explosive.y, explosive.radius, 0, Math.PI * 2, false);
                ctx.fillStyle = "blue";
                ctx.fill();
            } else if (!explosive.exploded) {
                ctx.fillStyle = "red";
                ctx.fillRect(explosive.x - explosive.radius, explosive.y - explosive.radius, explosive.radius * 2, explosive.radius * 2);
            }

requestAnimationFrame(gameLoop);
        }

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