Jogo de Plataforma de um Parkour para Acessar o Amigo's game

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

No:46721

←

Prev Next

→

Jogo de Plataforma de um Parkour para Acessar o Am..ALL
Developer User19302｜Date and time 24/2/25 21:24:07
Build time 6.666 sec｜Game capacity 1.448KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<html>
  <head>
    <title>Jogo de Parkour</title>
    <style>
      body {
        margin: 0;
        padding: 0;
      }
      #player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: blue;
        left: 10px;
        bottom: 0;
      }
      #friend {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: green;
        right: 10px;
        bottom: 0;
      }
    </style>
  </head>
  <body>
    <div id="player"></div>
    <div id="friend"></div>
    
    <script>
      const player = document.getElementById('player');
      const friend = document.getElementById('friend');
      
      document.addEventListener('keydown', function(event) {
        if(event.key === 'ArrowRight') {
          player.style.left = parseInt(player.style.left) + 10 + 'px';
        } else if(event.key === 'ArrowLeft') {
          player.style.left = parseInt(player.style.left) - 10 + 'px';
        } else if(event.key === 'ArrowUp') {
          player.style.bottom = parseInt(player.style.bottom) + 10 + 'px';
        } else if(event.key === 'ArrowDown') {
          player.style.bottom = parseInt(player.style.bottom) - 10 + 'px';
        }
        
        if(parseInt(player.style.left) >= window.innerWidth - 50 && parseInt(player.style.bottom) <= 50) {
          alert('Você acessou seu amigo! Parabéns!');
        }
      });
    </script>
  </body>
</html>