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

No:45984

106

←

Prev Next

→

make a game about a boy is running from a officer ..ALL
Developer User4347｜Date and time 24/2/22 11:05:12
Build time 8.386 sec｜Game capacity 1.845KB｜

Script

Escape Game: The Boy's Adventure

Help the boy escape from the officer!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Escape Game</title>
<style>
  body {
    text-align: center;
    font-family: Arial, sans-serif;
  }
  img {
    width: 100px;
    height: 100px;
  }
</style>
</head>
<body>

<h1>Escape Game: The Boy's Adventure</h1>
<p>Help the boy escape from the officer!</p>
<button onclick="startGame()">Start Game</button>
<p id="message"></p>
<img src="boy.png" id="boy">
<img src="officer.png" id="officer" style="display:none">

function startGame() {
    document.addEventListener('keydown', moveBoy);
    officer.style.display = 'block';
    message.innerText = 'Use arrow keys to move the boy. Avoid the officer!';
  }

function moveBoy(e) {
    if(!isCaught) {
      switch(e.keyCode) {
        case 37:
          boy.style.left = (parseInt(boy.style.left) - 10) + 'px';
          break;
        case 39:
          boy.style.left = (parseInt(boy.style.left) + 10) + 'px';
          break;
        case 40:
          boy.style.top = (parseInt(boy.style.top) + 10) + 'px';
          break;
        case 38:
          boy.style.top = (parseInt(boy.style.top) - 10) + 'px';
          break;
      }

if(isCollided()) {
        isCaught = true;
        message.innerText = 'Oh no! The boy has been caught by the officer. Game over!';
      }
    }
  }

</body>
</html>