AI game creator

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

No:35778

134

←

Prev Next

→

Platform game
Developer User7580｜Date and time 24/1/15 8:58:39
Build time 11.809 sec｜Game capacity 4.141KB｜

Script

Sure, here's an example of a simple platform game implemented as a single HTML file using JavaScript. The game will be playable on a smartphone and will use pictograms for graphics:

This code creates a platform game where the player, represented by a black rectangle, can jump on a blue platform to avoid falling off the screen. The player can jump by tapping the screen on a smartphone or by pressing the spacebar on a computer keyboard. The game uses the HTML `canvas` element to render the graphics and is enclosed within the `script` tags.

←

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 platform game implemented as a single HTML file using JavaScript. The game will be playable on a smartphone and will use pictograms for graphics:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platform Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #gameCanvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Player object
        function Player(x, y, width, height) {
            this.x = x;
            this.y = y;
            this.width = width;
            this.height = height;
            this.velocityY = 0;
            this.gravity = 0.2;

this.draw = function() {
                ctx.fillStyle = "black";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            };

this.update = function() {
                this.velocityY += this.gravity;
                this.y += this.velocityY;
                this.checkCollision();

// Prevent player from falling off the screen
                if (this.y + this.height > gameHeight) {
                    this.y = gameHeight - this.height;
                    this.velocityY = 0;
                }
            };

this.checkCollision = function() {
                if (this.y + this.height > platform.y &&
                    this.y < platform.y + platform.height &&
                    this.x + this.width > platform.x &&
                    this.x < platform.x + platform.width) {
                    this.y = platform.y - this.height;
                    this.velocityY = 0;
                }
            };

this.jump = function() {
                if (this.velocityY === 0) {
                    this.velocityY = -5;
                }
            };
        }

// Platform object
        function Platform(x, y, width, height) {
            this.x = x;
            this.y = y;
            this.width = width;
            this.height = height;

this.draw = function() {
                ctx.fillStyle = "blue";
                ctx.fillRect(this.x, this.y, this.width, this.height);
            };
        }

function updateGame() {
            ctx.clearRect(0, 0, gameWidth, gameHeight);
            player.update();
            player.draw();
            platform.draw();

// Game loop
            requestAnimationFrame(updateGame);
        }

function keyDownHandler(event) {
            keys[event.keyCode] = true;
            event.preventDefault();
            if (event.keyCode === 32) {
                player.jump();
            }
        }

function keyUpHandler(event) {
            delete keys[event.keyCode];
            event.preventDefault();
        }

function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            gameWidth = canvas.width = window.innerWidth;
            gameHeight = canvas.height = window.innerHeight;

// Create player and platform objects
            player = new Player(50, gameHeight - 50, 50, 50);
            platform = new Platform(0, gameHeight - 20, gameWidth, 20);

// Event listeners
            document.addEventListener("keydown", keyDownHandler, false);
            document.addEventListener("keyup", keyUpHandler, false);

// Start the game loop
            updateGame();
        }

// Initialize the game
        init();
    </script>
</body>
</html>
```