School Math And Escape School's game | AI game creator

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

No:41634

44

School Math And Escape School
Developer User18645｜Date and time 24/2/8 19:30:43
Build time 25.774 sec｜Game capacity 5.905KB｜

นี้คือโค้ด HTML ที่ใช้ในการสร้างเกม School Math And Escape School ซึ่งใช้รูปภาพ pictograms เพื่อให้เกมง่ายต่อการเล่นบนสมาร์ทโฟน โดยมีโค้ด JavaScript ภายในแท็กสคริปต์เพื่อประมวลผลและเล่นเกม

0

โค้ดนี้จะสร้างเกม School Math And Escape School ที่ต้องการ โดยในเกมคุณต้องเคลื่อนที่ให้ผู้เล่นไปฝั่งตรงข้ามโรงเรียน โดยกดปุ่ม Space ในการเริ่มเกมใหม่ ผู้เล่นต้องหลีกเลี่ยงกิ่งไม้ที่เคลื่อนที่มาในทางที่ผู้เล่นกำลังเดิน และเพิ่มคะแนนเมื่อผ่านไปอีกฝั่งหนึ่ง **โปรดแนะนำให้แทนที่ "emozi_all/player.png" เป็นเส้นทางจริงที่รูปไอคอนผู้เล่นอยู่ และปรับแต่งด้วย CSS ตามที่คุณต้องการ**

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

นี้คือโค้ด HTML ที่ใช้ในการสร้างเกม School Math And Escape School ซึ่งใช้รูปภาพ pictograms เพื่อให้เกมง่ายต่อการเล่นบนสมาร์ทโฟน โดยมีโค้ด JavaScript ภายในแท็กสคริปต์เพื่อประมวลผลและเล่นเกม

```html
<!DOCTYPE html>
<html>
<head>
  <title>School Math And Escape School</title>
  <meta charset="utf-8">
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #e9e9e9;
    }
    #game-container {
      width: 100%;
      max-width: 400px;
      margin: 0 auto;
      position: relative;
    }
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
    }
    .obstacle {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #ff5f5f;
      bottom: 0;
    }
    .obstacle.left {
      left: -25px;
    }
    .obstacle.right {
      right: -25px;
    }
    #score {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">
      <img id="player-icon" src="path-to-player-icon.png" alt="Player" width="50" height="50">
    </div>
    <div id="score">0</div>
    <script>
      // โค้ด JavaScript จะอยู่ในส่วนนี้

// กำหนดตัวแปรเก็บค่าต่างๆ
      var gameContainer = document.getElementById('game-container');
      var player = document.getElementById('player');
      var scoreElement = document.getElementById('score');
      var score = 0;
      var speed = 5;
      var isGameOver = false;

// ฟังก์ชันสำหรับเกม
      function gameLoop() {
        if (!isGameOver) {
          // เคลื่อนที่ผู้เล่นซ้าย-ขวาโดยอ้างอิงจากตำแหน่ง X ปัจจุบัน
          player.style.left = (player.offsetLeft + speed) + 'px';

// เพิ่มคะแนนเมื่อผู้เล่นเคลื่อนที่ไปยังฝั่งตรงข้าม
          if (player.offsetLeft <= 0 || player.offsetLeft  >= gameContainer.clientWidth) {
            score++;
            scoreElement.textContent = score;
          }

// ตรวจสอบการชนกับสิ่งกีดขวาง
          var obstacles = document.getElementsByClassName('obstacle');
          for (var i = 0; i < obstacles.length; i++) {
            var obstacle = obstacles[i];
            if (isColliding(player, obstacle)) {
              gameOver();
              break;
            }
          }

// เรียกใช้ฟังก์ชันเกมอีกครั้ง
          requestAnimationFrame(gameLoop);
        }
      }

// ฟังก์ชันตรวจสอบการชน
      function isColliding(player, obstacle) {
        var playerRect = player.getBoundingClientRect();
        var obstacleRect = obstacle.getBoundingClientRect();
        return !(
          playerRect.bottom < obstacleRect.top ||
          playerRect.top > obstacleRect.bottom ||
          playerRect.right < obstacleRect.left ||
          playerRect.left > obstacleRect.right
        );
      }

// ฟังก์ชันสิ้นสุดเกม
      function gameOver() {
        isGameOver = true;
        alert('เกมส์สิ้นสุดแล้ว! คะแนนของคุณคือ ' + score);
      }

// สร้างช่องทางของตัวกีดขวาง
      function createObstacle() {
        var obstacleLeft = document.createElement('div');
        var obstacleRight = document.createElement('div');
        obstacleLeft.classList.add('obstacle', 'left');
        obstacleRight.classList.add('obstacle', 'right');
        gameContainer.appendChild(obstacleLeft);
        gameContainer.appendChild(obstacleRight);
      }

// เมื่อกดปุ่มเพื่อเริ่มเกม
      document.addEventListener('keydown', function(event) {
        if (event.keyCode === 32 && isGameOver) { // ปุ่ม Space
          startGame();
        }
      });

// เริ่มเกม
      function startGame() {
        isGameOver = false;
        score = 0;
        scoreElement.textContent = score;
        while (gameContainer.firstChild) {
          gameContainer.removeChild(gameContainer.firstChild);
        }
        createObstacle();
        requestAnimationFrame(gameLoop);
      }
    </script>
  </div>
</body>
</html>
```

โค้ดนี้จะสร้างเกม School Math And Escape School ที่ต้องการ โดยในเกมคุณต้องเคลื่อนที่ให้ผู้เล่นไปฝั่งตรงข้ามโรงเรียน โดยกดปุ่ม Space ในการเริ่มเกมใหม่ ผู้เล่นต้องหลีกเลี่ยงกิ่งไม้ที่เคลื่อนที่มาในทางที่ผู้เล่นกำลังเดิน และเพิ่มคะแนนเมื่อผ่านไปอีกฝั่งหนึ่ง

**โปรดแนะนำให้แทนที่ "path-to-player-icon.png" เป็นเส้นทางจริงที่รูปไอคอนผู้เล่นอยู่ และปรับแต่งด้วย CSS ตามที่คุณต้องการ**