Move the pictographs to reach the goal.'s game

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

No:1687

569

←

Prev Next

→

Move the pictographs to reach the goal.
Developer User3388｜Date and time 23/6/18 21:50:01
Build time 17.652 sec｜Game capacity 1.801KB｜

Script

🐾

🎯

This game is、It is a simple game where you can reach the goal by moving pictographs. It is designed to be played on smartphones.、Use the left and right arrows to control the EMOJI. The EMOJI appears in the game area and、The game is cleared when the goal is reached. Not only left and right directions、Vertical movement can also be added.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Emoji Adventure</title>
    <style>
      body {
        margin: 0;
        padding: 0;
      }

#game-area {
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eee;
      }

.emoji {
        font-size: 3em;
      }

#goal {
        color: green;
      }
    </style>
  </head>
  <body>
    <div id="game-area">
      <div id="start" class="emoji">🐾</div>
      <div id="goal" class="emoji">🎯</div>
    </div>

if (event.key === 'ArrowRight') {
          start.style.left = `${currentPosition.left + 30}px`;
          if (start.getBoundingClientRect().intersects(goalPosition)) {
            alert('Congratulations! You won!');
          }
        } else if (event.key === 'ArrowLeft') {
          start.style.left = `${currentPosition.left - 30}px`;
        }
      });
    </script>
  </body>
</html>

このゲームは、絵文字を動かしてゴールまで辿り着くことができるシンプルなゲームです。スマートフォンで遊ぶことを前提に、左右の矢印を使ってemojiを操作します。ゲームエリアにemojiが表示され、ゴールに突き当たるとゲームクリアとなります。左右方向だけでなく、上下方向への移動も追加できます。