Create a platforming game that ups the score every time you touch a new platform's game

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

No:33381

←

Prev Next

→

Create a platforming game that ups the score every..ALL
Developer User15755｜Date and time 24/1/4 0:34:31
Build time 30.541 sec｜Game capacity 3.965KB｜

Script

Sure! Here's an example of a simple platforming game implemented as a single HTML file using JavaScript and pictograms:

In this game, you control a player represented by a red rectangle, and your goal is to jump and touch the blue platforms (represented by filled rectangles). Each time you touch a new platform, your score increases. You can control the player's movement using the left and right arrow keys. Please note that this is a basic example, and it can be further enhanced with additional features, levels, graphics, and animations based on your specific requirements.

←

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 platforming game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platforming Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

canvas {
            background-color: #f0f0f0;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Canvas setup
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

// Game variables
            var score = 0;
            var platforms = [
                { x: 50, y: 250, width: 100, height: 10 },
                { x: 200, y: 200, width: 100, height: 10 },
                { x: 350, y: 150, width: 100, height: 10 }
            ];
            var player = { x: 220, y: 180, width: 30, height: 30, vy: 0, gravity: 0.5 };

// Key handling
            var keys = [];
            document.addEventListener("keydown", function(e) {
                keys[e.keyCode] = true;
            });
            document.addEventListener("keyup", function(e) {
                keys[e.keyCode] = false;
            });

// Game loop
            function gameLoop() {
                update();
                draw();
                requestAnimationFrame(gameLoop);
            }

// Update game state
            function update() {
                // Move the player
                player.vy += player.gravity;
                player.y += player.vy;

// Check for collisions with platforms
                for (var i = 0; i < platforms.length; i++) {
                    var platform = platforms[i];
                    if (player.y + player.height >= platform.y && player.y <= platform.y + platform.height &&
                        player.x + player.width >= platform.x && player.x <= platform.x + platform.width) {
                        player.y = platform.y - player.height;
                        player.vy = 0;
                        score++;
                    }
                }

// Handle left and right movements
                if (keys[37]) { // Left arrow key
                    player.x -= 5;
                }
                if (keys[39]) { // Right arrow key
                    player.x += 5;
                }
            }

// Draw game objects
            function draw() {
                // Clear the canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw platforms
                context.fillStyle = "#0095DD";
                for (var i = 0; i < platforms.length; i++) {
                    var platform = platforms[i];
                    context.fillRect(platform.x, platform.y, platform.width, platform.height);
                }

// Draw player
                context.fillStyle = "#FF0000";
                context.fillRect(player.x, player.y, player.width, player.height);

// Draw score
                context.fillStyle = "#000000";
                context.font = "20px Arial";
                context.fillText("Score: " + score, 10, 30);
            }

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

Please note that this is a basic example, and it can be further enhanced with additional features, levels, graphics, and animations based on your specific requirements.