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

No:2853

2839

rack ones brains
Developer User3544｜Date and time 23/6/22 22:45:06
Build time 39.271 sec｜Game capacity 4.286KB｜

To create a playable game、I created a single HTML file! I used a lot of pictograms.、It is also easy to operate on a smartphone.

Lets play with pictograms!

Controls: Left and right keys to move、Spacebar to jump!

😀💩👻🐶🦄

In this pictogram game、😀You control the character of the、💩、👻、🐶、🦄The game is to avoid objects such as In addition to moving left and right with the left and right keys、You can jump by pressing the space key. If you hit an obstacle, the game is over. Have fun!

→ 　

1　

0　

　

　

[PR]現在の本の売れ筋ランキング

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

(C)2023 HisashiApp

遊べるゲームを作るため、一枚のHTMLファイルを作りました！絵文字もたくさん使っているので、スマホでも操作しやすくなっています。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>絵文字ゲーム</title>
</head>
<body>
  <h1>絵文字で遊ぼう！</h1>
  <p>操作方法：左右キーで移動、スペースキーでジャンプ！</p>
  <div id="game">
    <p>😀💩👻🐶🦄</p>
  </div>
  <script>
    let player = document.createElement('span');
    player.innerHTML = '😀';
    player.style.left = '0px';
    player.style.bottom = '0px';
    player.style.position = 'absolute';
    player.style.fontSize = '50px';
    document.getElementById('game').appendChild(player);

let obstacles = ['💩', '👻', '🐶', '🦄'];
    let interval = setInterval(() => {
      let obstacle = document.createElement('span');
      obstacle.innerHTML = obstacles[Math.floor(Math.random() * obstacles.length)];
      obstacle.style.right = '0px';
      obstacle.style.bottom = '50px';
      obstacle.style.position = 'absolute';
      obstacle.style.fontSize = '50px';
      document.getElementById('game').appendChild(obstacle);
      let moveInterval = setInterval(() => {
        let currentRight = parseInt(obstacle.style.right);
        if (currentRight > 500) {
          clearInterval(moveInterval);
          obstacle.remove();
        } else {
          obstacle.style.right = currentRight + 10 + 'px';
          if (checkCollision(player, obstacle)) {
            clearInterval(interval);
            clearInterval(moveInterval);
            alert('ゲームオーバー！');
          }
        }
      }, 50);
    }, 2000);

let playerBottom = 0;
    let playerJump = setInterval(() => {
      if (playerBottom > 200) {
        clearInterval(playerJump);
        let playerFall = setInterval(() => {
          if (playerBottom <= 0) {
            clearInterval(playerFall);
            playerBottom = 0;
          } else {
            player.style.bottom = playerBottom + 'px';
            playerBottom -= 10;
          }
        }, 50);
      } else {
        player.style.bottom = playerBottom + 'px';
        playerBottom += 10;
      }
    }, 50);

const checkCollision = (player, obstacle) => {
      let playerLeft = parseInt(player.style.left);
      let playerRight = playerLeft + 50;
      let obstacleLeft = parseInt(obstacle.style.right);
      let obstacleRight = obstacleLeft + 50;
      let playerBottom = parseInt(player.style.bottom) + 50;
      let obstacleBottom = parseInt(obstacle.style.bottom);
      if ((playerBottom >= obstacleBottom) && (playerRight >= obstacleLeft) && (playerLeft <= obstacleRight)) {
        return true;
      } else {
        return false;
      }
    }

document.addEventListener('keydown', (e) => {
      if (e.key === 'ArrowRight') {
        let currentLeft = parseInt(player.style.left);
        player.style.left = currentLeft + 10 + 'px';
      } else if (e.key === 'ArrowLeft') {
        let currentLeft = parseInt(player.style.left);
        player.style.left = currentLeft - 10 + 'px';
      } else if (e.key === ' ') {
        clearInterval(playerJump);
        playerJump = setInterval(() => {
          if (playerBottom > 200) {
            clearInterval(playerJump);
            let playerFall = setInterval(() => {
              if (playerBottom <= 0) {
                clearInterval(playerFall);
                playerBottom = 0;
              } else {
                player.style.bottom = playerBottom + 'px';
                playerBottom -= 10;
              }
            }, 50);
          } else {
            player.style.bottom = playerBottom + 'px';
            playerBottom += 10;
          }
        }, 50);
      }
    });
  </script>
</body>
</html>

この絵文字ゲームでは、😀のキャラクターを操作して、💩、👻、🐶、🦄などのオブジェクトを避けるゲームです。左右キーで左右に移動できるほか、スペースキーを押すことでジャンプすることができます。障害物に当たるとゲームオーバーになります。楽しんでください！