Platform game of mario's game

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

No:21254

←

Prev Next

→

Platform game of mario
Developer User9722｜Date and time 23/10/14 9:42:02
Build time 69.274 sec｜Game capacity 4.707KB｜

Script

Sure! Below is an example of a simple platform game featuring Mario, implemented as a single HTML file with JavaScript. The game can be played on a smartphone, and it uses pictograms for visuals.

Please note that you'll need to replace "emozi_all/mario.png" with the actual path to the image file of Mario to make it appear in the game. Also, further improvements and additions can be made to enhance the gameplay and visuals.

←

Prev　Next

→ 　

Back　

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

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

Sure! Below is an example of a simple platform game featuring Mario, implemented as a single HTML file with JavaScript. The game can be played on a smartphone, and it uses pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Platform Game</title>
    <style>
        canvas {
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="480" height="320"></canvas>

// Initialize the game
            init: function() {
                this.context = this.canvas.getContext("2d");
                this.mario = new Mario();
                this.platforms.push(new Platform(0, this.canvas.height - 32, this.canvas.width, 32));
                
                window.addEventListener("keydown", this.handleKeyDown.bind(this));
                window.addEventListener("keyup", this.handleKeyUp.bind(this));
            },

// Update the game state
            update: function() {
                this.mario.update();
                this.checkCollisions();
            },

// Render the game
            draw: function() {
                this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
                this.mario.draw(this.context);
                this.platforms.forEach(function(platform) {
                    platform.draw(this.context);
                }, this);
            },

// Check collisions between mario and platforms
            checkCollisions: function() {
                this.platforms.forEach(function(platform) {
                    if (this.mario.y + this.mario.height >= platform.y &&
                        this.mario.y <= platform.y + platform.height &&
                        this.mario.x + this.mario.width >= platform.x &&
                        this.mario.x <= platform.x + platform.width) {
                        this.mario.jump();
                    }
                }, this);
            },

// Handle key down events
            handleKeyDown: function(event) {
                if (event.keyCode === 32) {
                    this.mario.jump();
                }
            },

// Handle key up events
            handleKeyUp: function(event) {
                if (event.keyCode === 32) {
                    this.mario.stopJump();
                }
            }
        };

// Mario object
        function Mario() {
            this.x = 50;
            this.y = 200;
            this.width = 32;
            this.height = 32;
            this.jumpHeight = 12;
            this.jumpVelocity = 0;
            this.isJumping = false;

this.update = function() {
                if (this.isJumping) {
                    this.jumpVelocity -= game.gravity;
                    this.y -= this.jumpVelocity;
                    if (this.y + this.height >= game.canvas.height) {
                        this.y = game.canvas.height - this.height;
                        this.stopJump();
                    }
                } 
            };

this.jump = function() {
                if (!this.isJumping) {
                    this.isJumping = true;
                    this.jumpVelocity = this.jumpHeight;
                }
            };

this.stopJump = function() {
                if (this.isJumping) {
                    this.isJumping = false;
                }
            };

this.draw = function(context) {
                var marioImage = new Image();
                marioImage.src = "path/to/mario.png";
                context.drawImage(marioImage, this.x, this.y, this.width, this.height);
            };
        }

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

this.draw = function(context) {
                context.fillStyle = "#FFF";
                context.fillRect(this.x, this.y, this.width, this.height);
            };
        }

// Start the game
        game.init();
        setInterval(function() {
            game.update();
            game.draw();
        }, 16); // 60 FPS
    </script>
</body>
</html>
```

Please note that you'll need to replace "path/to/mario.png" with the actual path to the image file of Mario to make it appear in the game. Also, further improvements and additions can be made to enhance the gameplay and visuals.