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

No:35382

The Run. You Are a Penguin, Watch Out for the Walr..ALL
Developer User16498｜Date and time 24/1/14 9:28:06
Build time 15.026 sec｜Game capacity 4.871KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript:

Run, Penguin, Run!

To use this code, save it as a `.html` file and have the corresponding images (`emozi_all/penguin.png`, `emozi_himawari.png`, `emozi_all/bear.png`, `emozi_rabbit.png`, `emozi_apple.png`) in the same directory. This game is called "Run, Penguin, Run!" In the game, you control a penguin (player) using the spacebar to make it jump. The objective is to avoid the walrus, polar bear, and reach your mom and dad (penguin_mom and penguin_dad) while moving forward. The obstacles move from left to right across the game area, and if the player collides with any of them, the game is over. I hope you enjoy playing the game and find it helpful!

←

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 game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Penguin Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

#game-area {
            width: 400px;
            height: 400px;
            margin: 20px auto;
            border: 1px solid black;
            position: relative;
        }

#player {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }

.obstacle {
            position: absolute;
            bottom: 0;
        }

#walrus {
            left: 20px;
        }

#polar-bear {
            right: 20px;
        }

#mom {
            left: 150px;
        }

#dad {
            right: 150px;
        }
    </style>
</head>
<body>
    <h1>Run, Penguin, Run!</h1>
    <div id="game-area">
        <img id="player" src="penguin.png" width="50" height="50">
        <img class="obstacle" id="walrus" src="walrus.png" width="80" height="50">
        <img class="obstacle" id="polar-bear" src="polar-bear.png" width="100" height="70">
        <img class="obstacle" id="mom" src="penguin_mom.png" width="60" height="50">
        <img class="obstacle" id="dad" src="penguin_dad.png" width="60" height="50">
    </div>

let score = 0;

document.addEventListener('keydown', (event) => {
                if (event.code === 'Space') {
                    jump();
                }
            });

function moveObstacles() {
                const obstacleInterval = setInterval(() => {
                    moveObstacle(walrus, 2);
                    moveObstacle(polarBear, -2);
                    moveObstacle(mom, 1);
                    moveObstacle(dad, -1);
                }, 20);
            }

function moveObstacle(obstacle, speed) {
                const leftPos = parseInt(getComputedStyle(obstacle).left);
                obstacle.style.left = (leftPos + speed) + 'px';

if (leftPos <= 0) {
                    obstacle.style.left = '400px';
                    increaseScore();
                }

checkCollision(obstacle);
            }

function checkCollision(obstacle) {
                const playerPos = parseInt(getComputedStyle(player).bottom);
                const obstaclePos = parseInt(getComputedStyle(obstacle).left);

if (obstaclePos <= 50 && obstaclePos >= -50 && playerPos <= 50) {
                    gameOver();
                }
            }

function increaseScore() {
                score++;
            }

function gameOver() {
                alert(`Game Over! Your Score: ${score}`);
                location.reload();
            }

moveObstacles();
        });
    </script>
</body>
</html>
```

To use this code, save it as a `.html` file and have the corresponding images (`penguin.png`, `walrus.png`, `polar-bear.png`, `penguin_mom.png`, `penguin_dad.png`) in the same directory.

This game is called "Run, Penguin, Run!" In the game, you control a penguin (player) using the spacebar to make it jump. The objective is to avoid the walrus, polar bear, and reach your mom and dad (penguin_mom and penguin_dad) while moving forward. The obstacles move from left to right across the game area, and if the player collides with any of them, the game is over.

I hope you enjoy playing the game and find it helpful!