Apple's game | AI game creator

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

No:37004

177

Apple
Developer User16885｜Date and time 24/1/19 19:29:08
Build time 8.049 sec｜Game capacity 5.362KB｜

Creating a Super Mario-style game in HTML involves more complexity, typically requiring a game development framework or engine. Here's a simple example using the Phaser framework, which is a popular choice for 2D game development in JavaScript: 1. Download Phaser from the official website: https://phaser.io/download 2. Create an HTML file and include Phaser:

Remember to replace the placeholder asset paths (`'emozi_bear.png'`, `'emozi_chicken.png'`, `'emozi_rabbit.png'`) with the actual paths to your game assets. This example is just a starting point; you can expand upon it by adding more features, levels, and refining the game mechanics.Creating a Super Mario-style game in HTML involves more complexity, typically requiring a game development framework or engine. Here's a simple example using the Phaser framework, which is a popular choice for 2D game development in JavaScript: 1. Download Phaser from the official website: https://phaser.io/download 2. Create an HTML file and include Phaser:

Remember to replace the placeholder asset paths (`'emozi_chicken.png'`, `'emozi_rabbit.png'`, `'emozi_hamuster.png'`) with the actual paths to your game assets. This example is just a starting point; you can expand upon it by adding more features, levels, and refining the game mechanics.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Creating a Super Mario-style game in HTML involves more complexity, typically requiring a game development framework or engine. Here's a simple example using the Phaser framework, which is a popular choice for 2D game development in JavaScript:

1. Download Phaser from the official website: https://phaser.io/download

2. Create an HTML file and include Phaser:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Super Mario</title>
    <script src="phaser.min.js"></script>
</head>
<body>
    <script>
        const config = {
            type: Phaser.AUTO,
            width: 800,
            height: 600,
            physics: {
                default: 'arcade',
                arcade: {
                    gravity: { y: 300 },
                    debug: false
                }
            },
            scene: {
                preload: preload,
                create: create,
                update: update
            }
        };

const game = new Phaser.Game(config);

function preload() {
            this.load.image('sky', 'assets/sky.png');
            this.load.image('ground', 'assets/platform.png');
            this.load.spritesheet('dude', 'assets/dude.png', { frameWidth: 32, frameHeight: 48 });
        }

function create() {
            this.add.image(400, 300, 'sky');

platforms = this.physics.add.staticGroup();

platforms.create(400, 568, 'ground').setScale(2).refreshBody();

player = this.physics.add.sprite(100, 450, 'dude');

player.setBounce(0.2);
            player.setCollideWorldBounds(true);

this.physics.add.collider(player, platforms);

cursors = this.input.keyboard.createCursorKeys();
        }

function update() {
            if (cursors.left.isDown) {
                player.setVelocityX(-160);
            }
            else if (cursors.right.isDown) {
                player.setVelocityX(160);
            }
            else {
                player.setVelocityX(0);
            }

if (cursors.up.isDown && player.body.touching.down) {
                player.setVelocityY(-330);
            }
        }
    </script>
</body>
</html>
```

Remember to replace the placeholder asset paths (`'assets/sky.png'`, `'assets/platform.png'`, `'assets/dude.png'`) with the actual paths to your game assets.

This example is just a starting point; you can expand upon it by adding more features, levels, and refining the game mechanics.Creating a Super Mario-style game in HTML involves more complexity, typically requiring a game development framework or engine. Here's a simple example using the Phaser framework, which is a popular choice for 2D game development in JavaScript:

1. Download Phaser from the official website: https://phaser.io/download

2. Create an HTML file and include Phaser:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Super Mario</title>
    <script src="phaser.min.js"></script>
</head>
<body>
    <script>
        const config = {
            type: Phaser.AUTO,
            width: 800,
            height: 600,
            physics: {
                default: 'arcade',
                arcade: {
                    gravity: { y: 300 },
                    debug: false
                }
            },
            scene: {
                preload: preload,
                create: create,
                update: update
            }
        };

const game = new Phaser.Game(config);

function preload() {
            this.load.image('sky', 'assets/sky.png');
            this.load.image('ground', 'assets/platform.png');
            this.load.spritesheet('dude', 'assets/dude.png', { frameWidth: 32, frameHeight: 48 });
        }

function create() {
            this.add.image(400, 300, 'sky');

platforms = this.physics.add.staticGroup();

platforms.create(400, 568, 'ground').setScale(2).refreshBody();

player = this.physics.add.sprite(100, 450, 'dude');

player.setBounce(0.2);
            player.setCollideWorldBounds(true);

this.physics.add.collider(player, platforms);

cursors = this.input.keyboard.createCursorKeys();
        }

function update() {
            if (cursors.left.isDown) {
                player.setVelocityX(-160);
            }
            else if (cursors.right.isDown) {
                player.setVelocityX(160);
            }
            else {
                player.setVelocityX(0);
            }

if (cursors.up.isDown && player.body.touching.down) {
                player.setVelocityY(-330);
            }
        }
    </script>
</body>
</html>
```

Remember to replace the placeholder asset paths (`'assets/sky.png'`, `'assets/platform.png'`, `'assets/dude.png'`) with the actual paths to your game assets.

This example is just a starting point; you can expand upon it by adding more features, levels, and refining the game mechanics.