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

No:52181

121

←

Prev Next

→

Create anything type using ai
Developer User21651｜Date and time 24/3/18 10:05:43
Build time 9.285 sec｜Game capacity 2.746KB｜

Script

Pictogram Adventure Game

🚶‍♂️

🎯

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

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

#gameWindow {
            margin: 20px auto;
            width: 300px;
            height: 300px;
            background-color: lightgrey;
            border: 2px solid black;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

.player {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            top: 0;
            left: 0;
            transition: top 0.2s, left 0.2s;
        }

.target {
            width: 50px;
            height: 50px;
            background-color: green;
            position: absolute;
            bottom: 0;
            right: 0;
        }
    </style>
</head>
<body>
    <h1>Pictogram Adventure Game</h1>
    <div id="gameWindow">
        <div class="player">🚶‍♂️</div>
        <div class="target">🎯</div>
    </div>

checkCollision();
        }

const checkCollision = () => {
            if (player.style.top === target.style.top && player.style.left === target.style.left) {
                alert('Congratulations! You reached the target!');
            }
        }

document.addEventListener('keydown', (event) => {
            switch (event.key) {
                case 'ArrowUp':
                    movePlayer('up');
                    break;
                case 'ArrowDown':
                    movePlayer('down');
                    break;
                case 'ArrowLeft':
                    movePlayer('left');
                    break;
                case 'ArrowRight':
                    movePlayer('right');
                    break;
            }
        });
    </script>
</body>
</html>
```