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

No:15516

102

←

Prev Next

→

لعبة crach bandicoot
Developer User6662｜Date and time 23/9/9 19:15:54
Build time 41.319 sec｜Game capacity 4.283KB｜

Script

لعبة Crach Bandicoot

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>لعبة Crach Bandicoot</title>
  <style>
    body {
      background-color: #f3f3f3;
      text-align: center;
      font-family: Arial, sans-serif;
    }

#game-container {
      margin-top: 100px;
    }

#game-screen {
      width: 300px;
      height: 300px;
      border: 1px solid #ccc;
      background-color: #fff;
      margin: 0 auto;
      position: relative;
    }

#player {
      width: 50px;
      height: 50px;
      background-color: #ff5555;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }

#obstacle1,
    #obstacle2,
    #obstacle3 {
      width: 50px;
      height: 50px;
      background-color: #5555ff;
      position: absolute;
      top: -50px;
    }

#score {
      font-size: 24px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>لعبة Crach Bandicoot</h1>
    <div id="game-screen">
      <div id="player"></div>
      <div id="obstacle1"></div>
      <div id="obstacle2"></div>
      <div id="obstacle3"></div>
    </div>
    <div id="score">Score: 0</div>
  </div>

let score = 0;

function updateScore() {
        scoreElement.innerText = 'Score: ' + score;
      }

function checkCollision() {
        const playerRect = player.getBoundingClientRect();
        const obstacle1Rect = obstacle1.getBoundingClientRect();
        const obstacle2Rect = obstacle2.getBoundingClientRect();
        const obstacle3Rect = obstacle3.getBoundingClientRect();

if (
          playerRect.bottom >= obstacle1Rect.top &&
          playerRect.left >= obstacle1Rect.left &&
          playerRect.right <= obstacle1Rect.right
        ) {
          gameOver();
        }

if (
          playerRect.bottom >= obstacle2Rect.top &&
          playerRect.left >= obstacle2Rect.left &&
          playerRect.right <= obstacle2Rect.right
        ) {
          gameOver();
        }

if (
          playerRect.bottom >= obstacle3Rect.top &&
          playerRect.left >= obstacle3Rect.left &&
          playerRect.right <= obstacle3Rect.right
        ) {
          gameOver();
        }
      }

function moveObstacles() {
        let obstacle1Top = -50;
        let obstacle2Top = -50;
        let obstacle3Top = -50;

setInterval(function() {
          obstacle1.style.top = obstacle1Top + 'px';
          obstacle2.style.top = obstacle2Top + 'px';
          obstacle3.style.top = obstacle3Top + 'px';

if (obstacle1Top > 350) {
            obstacle1Top = -50;
            score += 1;
            updateScore();
          }

if (obstacle2Top > 350) {
            obstacle2Top = -50;
            score += 1;
            updateScore();
          }

if (obstacle3Top > 350) {
            obstacle3Top = -50;
            score += 1;
            updateScore();
          }

obstacle1Top += 5;
          obstacle2Top += 5;
          obstacle3Top += 5;

checkCollision();
        }, 10);
      }

function gameOver() {
        alert('Game Over! Your score: ' + score);
        score = 0;
        updateScore();
      }

document.addEventListener("keydown", movePlayer);

updateScore();
      moveObstacles();
    });
  </script>
</body>
</html>