A game where you have to break blocks bulid tools upgrade your tools and fight monsters and get the strongest weapons to beat the boss's game

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

No:16441

←

Prev Next

→

A game where you have to break blocks bulid tools ..ALL
Developer User6337｜Date and time 23/9/18 4:53:25
Build time 52.574 sec｜Game capacity 7.108KB｜

Script

Sure! I've created a simple game where you can break blocks, build tools, upgrade them, fight monsters, and acquire stronger weapons to defeat the boss. Since it needs to be implemented as a single HTML file, enclosed in script tags, and written in an actual program, please find the code below:

To play the game, paste the above code into a new HTML file (e.g., game.html) and open it in a web browser on your smartphone. You can control the player character by tapping on the screen or by using the keyboard's left and right arrow keys. The objective is to break blocks, collect tools, defeat monsters, and ultimately defeat the boss. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Block Breaker Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let blocks = [];
        let tools = [];
        let monsters = [];

let player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 20,
            height: 20,
            dy: 0,
            dx: 0,
            score: 0,
            toolLevel: 1,
            weaponLevel: 1
        };

let boss = {
            x: canvas.width / 2,
            y: 0,
            width: 60,
            height: 60,
            dx: 2,
            dy: 2,
            health: 10
        };

// Create initial blocks
        for (let i = 0; i < 8; i++) {
            blocks.push({ x: i * 100, y: 200, width: 95, height: 20 });
        }

// Create player's initial tool
        tools.push(new Tool(player.x - player.width / 2, player.y + 5, 10, 10, player.toolLevel));

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

function keyDownHandler(event) {
            if (event.key === "Right" || event.key === "ArrowRight") {
                player.dx = 4;
            } else if (event.key === "Left" || event.key === "ArrowLeft") {
                player.dx = -4;
            }
        }

function keyUpHandler(event) {
            if (event.key === "Right" || event.key === "ArrowRight" || event.key === "Left" || event.key === "ArrowLeft") {
                player.dx = 0;
            }
        }

function drawScore() {
            ctx.font = "16px Arial";
            ctx.fillStyle = "#000";
            ctx.fillText("Score: " + player.score, 8, 20);
        }

function drawTools() {
            ctx.fillStyle = "#000";
            for (let i = 0; i < tools.length; i++) {
                ctx.fillRect(tools[i].x, tools[i].y, tools[i].width, tools[i].height);
            }
        }

function drawBlocks() {
            ctx.fillStyle = "#0095DD";
            for (let i = 0; i < blocks.length; i++) {
                ctx.fillRect(blocks[i].x, blocks[i].y, blocks[i].width, blocks[i].height);
            }
        }

function drawMonsters() {
            ctx.fillStyle = "#FF0000";
            for (let i = 0; i < monsters.length; i++) {
                ctx.fillRect(monsters[i].x, monsters[i].y, monsters[i].width, monsters[i].height);
            }
        }

function drawBoss() {
            ctx.fillStyle = "#FF00FF";
            ctx.fillRect(boss.x, boss.y, boss.width, boss.height);
        }

function drawPlayer() {
            ctx.fillStyle = "#0000FF";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function collisionDetection() {
            for (let i = 0; i < blocks.length; i++) {
                let b = blocks[i];
                if (player.x > b.x && player.x < b.x + b.width && player.y > b.y && player.y < b.y + b.height) {
                    blocks.splice(i, 1);
                    player.score++;
                    player.toolLevel++;
                    tools.push(new Tool(player.x - player.width / 2, player.y + 5, 10, 10, player.toolLevel));
                    break;
                }
            }

for (let i = 0; i < monsters.length; i++) {
                let m = monsters[i];
                if (player.x < m.x + m.width &&
                    player.x + player.width > m.x &&
                    player.y < m.y + m.height &&
                    player.y + player.height > m.y) {
                    isPlayerAlive = false;
                }
            }

if (player.x < boss.x + boss.width &&
                player.x + player.width > boss.x &&
                player.y < boss.y + boss.height &&
                player.y + player.height > boss.y) {
                if (player.weaponLevel >= boss.health) {
                    player.score += boss.health;
                    boss.health = 0;
                } else {
                    boss.health -= player.weaponLevel;
                }
            }
        }

function updateGame() {
            if (!isPlayerAlive) {
                alert("Game Over");
                return;
            }
            
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawBlocks();
            drawTools();
            drawMonsters();
            drawBoss();
            drawScore();

if (player.x + player.dx > canvas.width - player.width || player.x + player.dx < 0) {
                player.dx = 0;
            }

player.x += player.dx;
            
            for (let i = 0; i < monsters.length; i++) {
                let m = monsters[i];
                if (m.y + m.height >= canvas.height) {
                    isPlayerAlive = false;
                    return;
                }
                m.y += m.speed;
            }

collisionDetection();

requestAnimationFrame(updateGame);
        }

// Initial monster creation
        setInterval(function () {
            let monsterX = Math.random() * (canvas.width - 30);
            monsters.push(new Monster(monsterX, 10, 20, 20, 1, 1));
        }, 3000);

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