snes random new platformer's game | AI game creator

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

No:36905

46

snes random new platformer
Developer User16918｜Date and time 24/1/19 7:55:46
Build time 11.807 sec｜Game capacity 3.606KB｜

Sure! Here's a simple example of a platformer game implemented as a single HTML file with JavaScript:

This implementation creates a simple platformer game where you control a player character using the spacebar key to jump over platforms. The game is drawn on an HTML canvas element. The player character (white rectangle) can jump and collide with the platforms (green rectangles). The game loop continuously updates and renders the game state. Note: This is a basic example to get started with a platformer game. You can enhance it further by adding additional features like multiple levels, enemies, collectibles, scoring, etc.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple example of a platformer game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>SNES Random New Platformer</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #000;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

<script>
        // Game initialization
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        var player = { x: 50, y: 270, width: 30, height: 50, speed: 5 };
        var platforms = [
            { x: 0, y: 300, width: 480, height: 20 },
            { x: 100, y: 250, width: 100, height: 20 },
            { x: 300, y: 200, width: 100, height: 20 },
            { x: 200, y: 150, width: 100, height: 20 }
        ];
        var gravity = 0.5;
        var isJumping = false;
        
        // Game loop
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }
        
        // Update game state
        function update() {
            // Player movement
            if (isJumping) {
                player.y -= player.speed * 2;
                player.speed -= gravity;
                if (player.speed <= 0) {
                    isJumping = false;
                    player.speed = 5;
                }
            }
        
            // Platform collision detection
            platforms.forEach(function(platform) {
                if (isColliding(player, platform)) {
                    isJumping = false;
                    player.y = platform.y - player.height;
                }
            });
        }
        
        // Draw game objects
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        
            // Draw player
            ctx.fillStyle = "#FFF";
            ctx.fillRect(player.x, player.y, player.width, player.height);
        
            // Draw platforms
            ctx.fillStyle = "#0F0";
            platforms.forEach(function(platform) {
                ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
            });
        }
        
        // Check collision between two objects
        function isColliding(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                    obj1.x + obj1.width > obj2.x &&
                    obj1.y < obj2.y + obj2.height &&
                    obj1.y + obj1.height > obj2.y;
        }
        
        // Event listener for key down
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 32) { // Space key
                if (!isJumping) {
                    player.speed = 10;
                    isJumping = true;
                }
            }
        });
        
        // Start the game
        gameLoop();
    </script>
</body>
</html>
```

This implementation creates a simple platformer game where you control a player character using the spacebar key to jump over platforms. The game is drawn on an HTML canvas element. The player character (white rectangle) can jump and collide with the platforms (green rectangles). The game loop continuously updates and renders the game state.

Note: This is a basic example to get started with a platformer game. You can enhance it further by adding additional features like multiple levels, enemies, collectibles, scoring, etc.