A platformer where you play as a square trying to escape the circles.'s game

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

No:39568

←

Prev Next

→

A platformer where you play as a square trying to ..ALL
Developer User15139｜Date and time 24/1/29 5:43:50
Build time 12.402 sec｜Game capacity 3.404KB｜

Script

Sure! Here's a simple implementation of a platformer game where you play as a square trying to escape from circles. The game will be playable on a smartphone and will use pictograms for the visuals. To play the game, tap on the screen to make the square jump and avoid colliding with the circles. The objective is to reach the end of the level without being caught by any circles.

Note: This is a simplified implementation aiming to show the basic mechanics of the game. You can further enhance it by adding more levels, scoring, sound effects, and other gameplay elements as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a platformer game where you play as a square trying to escape from circles. The game will be playable on a smartphone and will use pictograms for the visuals.

To play the game, tap on the screen to make the square jump and avoid colliding with the circles. The objective is to reach the end of the level without being caught by any circles.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Escape the Circles</title>
</head>
<body>
    <canvas id="game" width="400" height="400"></canvas>

// Set up game variables
        var square = {
            x: 50,
            y: canvas.height - 50,
            size: 50,
            velocity: 0,
            gravity: 0.1,
            jumping: false
        };

var circles = [
            { x: 200, y: 200, radius: 30, speed: 2 },
            { x: 300, y: 300, radius: 20, speed: 3 },
            { x: 100, y: 100, radius: 25, speed: 1 }
        ];

var gameover = false;

// Function to update game logic
        function update() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw square
            ctx.fillStyle = "#000";
            ctx.fillRect(square.x, square.y, square.size, square.size);

// Draw circles
            ctx.fillStyle = "#f00";
            for (var i = 0; i < circles.length; i++) {
                ctx.beginPath();
                ctx.arc(circles[i].x, circles[i].y, circles[i].radius, 0, Math.PI * 2);
                ctx.fill();
            }

// Check collision with circles
            for (var i = 0; i < circles.length; i++) {
                var circle = circles[i];

var dx = square.x - Math.max(circle.x, Math.min(square.x, circle.x + circle.radius));
                var dy = square.y - Math.max(circle.y, Math.min(square.y, circle.y + circle.radius));
                if ((dx * dx + dy * dy) < (square.size * square.size)) {
                    gameover = true;
                    break;
                }
            }

// Update square's position
            if (!gameover) {
                square.velocity += square.gravity;
                square.y += square.velocity;

// Check if square is on the ground
                if (square.y >= canvas.height - square.size) {
                    square.y = canvas.height - square.size;
                    square.velocity = 0;
                    square.jumping = false;
                }
            }

// Request next animation frame
            if (!gameover) {
                requestAnimationFrame(update);
            }
        }

// Handle touch/click events to make the square jump
        document.addEventListener("touchstart", function() {
            if (!gameover && !square.jumping) {
                square.velocity = -4;
                square.jumping = true;
            }
        });

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