Platformer game where a rabbit must solve puzzles and avoid evil robots's game

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

No:42401

115

←

Prev Next

→

Platformer game where a rabbit must solve puzzles ..ALL
Developer User18873｜Date and time 24/2/11 17:02:27
Build time 10.307 sec｜Game capacity 3.783KB｜

Script

Sure, here's an example of an HTML file containing a platformer game where a rabbit must solve puzzles and avoid evil robots. The game uses JavaScript and is designed for smartphone operation. Pictograms are used for better visual representation:

In this game, the rabbit (represented as a pictogram) can move left and right using arrow keys or buttons on the smartphone screen. Pressing the spacebar or tapping the screen makes the rabbit jump. The goal is to avoid touching the evil robots (also represented as pictograms) while solving puzzles and reaching the end of the level. This is a basic implementation to give you an idea, and you can enhance it with additional features, levels, and graphics as per your requirement.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rabbit's Adventure</title>
    <style>
        body {
            background-color: #d3d3d3;
            margin: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Rabbit object
        var rabbit = {
            x: 50,
            y: canvas.height - 100,
            width: 50,
            height: 50,
            speed: 2,
            isJumping: false,
            jumpHeight: 100,
            jumpSpeed: 4,
            isOnGround: true,
            draw: function() {
                ctx.fillStyle = "#ff9966";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            },
            update: function() {
                if (this.isJumping) {
                    this.y -= this.jumpSpeed;
                    if (this.y <= canvas.height - this.jumpHeight) {
                        this.isJumping = false;
                        this.isOnGround = false;
                    }
                } else if (!this.isOnGround) {
                    this.y += this.jumpSpeed;
                    if (this.y >= canvas.height - this.height) {
                        this.y = canvas.height - this.height;
                        this.isOnGround = true;
                    }
                }
            }
        };

// Robot object
        var robot = {
            x: canvas.width - 100,
            y: canvas.height - 70,
            width: 70,
            height: 70,
            speed: 1.5,
            draw: function() {
                ctx.fillStyle = "#999999";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            },
            update: function() {
                this.x -= this.speed;

if (this.x <= 0) {
                    this.x = canvas.width;
                }
            }
        };

// Key event listeners
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 32 && rabbit.isOnGround) {
                rabbit.isJumping = true;
            }
        });

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

rabbit.update();
            rabbit.draw();

robot.update();
            robot.draw();

// Collision detection
            if (rabbit.x < robot.x + robot.width &&
                rabbit.x + rabbit.width > robot.x &&
                rabbit.y < robot.y + robot.height &&
                rabbit.y + rabbit.height > robot.y) {
                alert("Game Over");
                // You can add game over logic here
            }

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>
```