Make a easy mobile game that is based off of Mario but the characters are from spongnob's game

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

No:44145

←

Prev Next

→

Make a easy mobile game that is based off of Mario..ALL
Developer User19320｜Date and time 24/2/17 5:45:37
Build time 11.656 sec｜Game capacity 4.036KB｜

Script

Sure! Here's an example of an easy mobile game based on Mario, but with characters from SpongeBob SquarePants. The game is implemented as a single HTML file and includes JavaScript enclosed in script tags.

In this game, you can tap/click on the game screen to make Mario jump, and SpongeBob will jump automatically. The characters are represented as HTML elements with background images, and their jumping physics are simulated using JavaScript intervals. Note that the collision detection and further gameplay mechanics are not implemented in this example. Make sure to replace `'emozi_all/mario.png'` and `'emozi_chicken.png'` with the respective URLs or file paths to the actual pictogram images you want to use for the characters.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>SpongeBob Jump</title>
    <style>
        #gameContainer {
            position: relative;
            width: 320px;
            height: 480px;
            margin: 0 auto;
            border: 1px solid #000;
            overflow: hidden;
        }
        #mario {
            position: absolute;
            top: 400px;
            left: 20px;
            width: 60px;
            height: 80px;
            background-image: url('mario.png');
            background-size: cover;
        }
        #spongebob {
            position: absolute;
            top: 380px;
            left: 20px;
            width: 60px;
            height: 80px;
            background-image: url('spongebob.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="mario"></div>
        <div id="spongebob"></div>
    </div>

var gravity = 1.5;
        var marioJumpStrength = -25;
        var spongebobJumpStrength = -20;
        var marioJumping = false;
        var spongebobJumping = false;

// Game controls
        function onTouchStart() {
            marioJump();
        }

// Game logic
        function marioJump() {
            if (!marioJumping) {
                marioJumping = true;
                var marioJumpInterval = setInterval(function() {
                    var marioTop = parseInt(mario.style.top.replace("px", ""));
                    var marioVelocity = parseInt(mario.style.animationDuration) * gravity;

if (marioTop >= 400) {
                        clearInterval(marioJumpInterval);
                        marioJumping = false;
                        mario.style.top = "400px";
                    } else {
                        marioVelocity += marioJumpStrength;
                        marioTop += marioVelocity;
                        mario.style.top = marioTop + "px";
                    }
                }, 20);
            }
        }

function spongebobJump() {
            if (!spongebobJumping) {
                spongebobJumping = true;
                var spongebobJumpInterval = setInterval(function() {
                    var spongebobTop = parseInt(spongebob.style.top.replace("px", ""));
                    var spongebobVelocity = parseInt(spongebob.style.animationDuration) * gravity;

if (spongebobTop >= 400) {
                        clearInterval(spongebobJumpInterval);
                        spongebobJumping = false;
                        spongebob.style.top = "400px";
                    } else {
                        spongebobVelocity += spongebobJumpStrength;
                        spongebobTop += spongebobVelocity;
                        spongebob.style.top = spongebobTop + "px";
                    }
                }, 20);
            }
        }

// Game initialization
        gameContainer.addEventListener("touchstart", onTouchStart);

// Collision detection (not implemented)
    </script>
</body>
</html>
```

Make sure to replace `'mario.png'` and `'spongebob.png'` with the respective URLs or file paths to the actual pictogram images you want to use for the characters.