Make a platformer game with a squirrel as the main character's game

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

No:8691

←

Prev Next

→

Make a platformer game with a squirrel as the main..ALL
Developer User4230｜Date and time 23/7/17 23:21:54
Build time 23.827 sec｜Game capacity 2.549KB｜

Script

Sure! Here's a simple platformer game using JavaScript and pictograms:

In this game, the squirrel character can be moved using the arrow keys. The squirrel can move left, right, up, and down within the game container. The platforms are represented using div elements styled with CSS. Please note that you'll need to replace the `emozi_cat.png` image path with the actual path to the squirrel image you would like to use. Feel free to modify and enhance the game according to your needs. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a simple platformer game using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Squirrel Platformer Game</title>
    <style>
        #game-container {
            width: 480px;
            height: 320px;
            border: 1px solid #000;
            position: relative;
            margin: 0 auto;
        }
        
        .character {
            position: absolute;
            width: 32px;
            height: 32px;
        }
        
        #squirrel {
            background-image: url('squirrel.png');
            background-size: cover;
        }
        
        .platform {
            background-color: #333;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="squirrel" class="character"></div>
        <div class="platform" style="left: 160px; top: 240px; width: 160px; height: 16px;"></div>
        <div class="platform" style="left: 320px; top: 160px; width: 160px; height: 16px;"></div>
        <div class="platform" style="left: 160px; top: 80px; width: 160px; height: 16px;"></div>
        <div class="platform" style="left: 0px; top: 160px; width: 160px; height: 16px;"></div>
    </div>

document.addEventListener('keydown', function(event) {
            switch(event.keyCode) {
                case 37: // Left arrow
                    position.x -= 10; // Move left
                    break;
                    
                case 39: // Right arrow
                    position.x += 10; // Move right
                    break;
                    
                case 38: // Up arrow
                    position.y -= 10; // Move up
                    break;
                    
                case 40: // Down arrow
                    position.y += 10; // Move down
                    break;
            }
            
            character.style.left = position.x + 'px';
            character.style.top = position.y + 'px';
        });
    </script>
</body>
</html>
```

Please note that you'll need to replace the `squirrel.png` image path with the actual path to the squirrel image you would like to use.

Feel free to modify and enhance the game according to your needs. Enjoy playing!