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

No:45583

68

Bad leg game
Developer User19614｜Date and time 24/2/20 20:47:11
Build time 7.62 sec｜Game capacity 1.691KB｜

Bad Leg Game

Help the character with a bad leg reach the finish line!

→ 　

0　

0　

　
　
　
　

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

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

(C)2023 HisashiApp

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bad Leg Game</title>
</head>
<body style="text-align: center; font-family: Arial;">
<h1>Bad Leg Game</h1>
<p>Help the character with a bad leg reach the finish line!</p>
<div>
  <img id="character" src="🚶" style="font-size: 50px;">
  <img id="finish-line" src="🏁" style="font-size: 50px;">
</div>

<script>
  const character = document.getElementById('character');
  const finishLine = document.getElementById('finish-line');
  
  function moveCharacter(event) {
    switch(event.key) {
      case 'ArrowUp':
        character.style.transform = 'translateY(-20px)';
        break;
      case 'ArrowDown':
        character.style.transform = 'translateY(20px)';
        break;
      case 'ArrowLeft':
        character.style.transform = 'translateX(-20px)';
        break;
      case 'ArrowRight':
        character.style.transform = 'translateX(20px)';
        break;
    }
    
    checkWin();
  }
  
  function checkWin() {
    const characterRect = character.getBoundingClientRect();
    const finishLineRect = finishLine.getBoundingClientRect();
    
    if (characterRect.left < finishLineRect.left + finishLineRect.width &&
        characterRect.right > finishLineRect.left &&
        characterRect.top < finishLineRect.top + finishLineRect.height &&
        characterRect.bottom > finishLineRect.top) {
      alert('Congratulations! You have reached the finish line.');
      document.removeEventListener('keydown', moveCharacter);
    }
  }
  
  document.addEventListener('keydown', moveCharacter);
</script>
</body>
</html>
```