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

No:166

240

←

Prev Next

→

A game in which the falling emoji 👺 are avoided by..ALL
Developer User2746｜Date and time 23/6/1 15:03:05
Build time 75.383 sec｜Game capacity 2.82KB｜

Script

Emoji Game

😏

このアプリは、下で横移動する絵文字🥺が降ってくる絵文字👺を避けるゲームです。スマホで操作が可能で、スマホで縦持ちして画面をタップまたはスワイプすることで自身の絵文字を操作できます。降ってくる敵の絵文字👺に触れるとゲームオーバーになります。敵の生成間隔は1秒からはじまり、徐々に速度が上がっていきます。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Emoji Game</title>
</head>
<body>

<h1>Emoji Game</h1>
  
  <div id="gameArea">
    <div id="player">😏</div>
  </div>
  
  <script>
    // 動作設定
    const player = document.getElementById('player');
    const gameArea = document.getElementById('gameArea');
    let isGameOver = false;
    let playerX = 50;
    let playerY = 250;
    
    function movePlayer(event) {
      playerX = event.touches[0].clientX;
      playerY = event.touches[0].clientY;
      player.style.left = playerX + 'px';
      player.style.top = playerY + 'px';
    }
    
    gameArea.addEventListener('touchmove', movePlayer);
    
    // 敵用のemojiを作成する関数
    function createEnemy() {
      const enemy = document.createElement('div');
      enemy.innerHTML = '🧑';
      enemy.classList.add('enemy');
      enemy.style.left = Math.floor(Math.random() * 250) + 'px';
      enemy.style.top = '0px';
      gameArea.appendChild(enemy);
      
      moveEnemy(enemy);
    }
    
    // 敵を動かす関数
    function moveEnemy(enemy) {
      let enemyY = parseInt(enemy.style.top);
      if (enemyY > 400) {
        enemy.remove();
      } else {
        enemy.style.top = (enemyY + 5) + 'px';
        if (!isGameOver) setTimeout(moveEnemy, 20, enemy);
      }
      
      // 衝突判定
      if (
        playerY < enemyY + 30 &&
        playerY + 50 > enemyY &&
        playerX < parseInt(enemy.style.left) + 30 &&
        playerX + 50 > parseInt(enemy.style.left)
      ) {
        gameOver();
      }
    }
    
    // ゲームオーバー処理
    function gameOver() {
      isGameOver = true;
      alert('Game Over!');
      window.location.reload();
    }
    
    // 一定時間ごとに敵を作成する関数
    setInterval(createEnemy, 1000);
  </script>