Move the pictographs to reach the goal.'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Move the pictographs to reach the goal.'s game | AI game creator

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

No:1687

967

←

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が表示され、ゴールに突き当たるとゲームクリアとなります。左右方向だけでなく、上下方向への移動も追加できます。