Смайлики которыми кидаются из рогатки's game

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

No:30696

←

Prev Next

→

Смайлики которыми кидаются из рогатки
Developer User14921｜Date and time 23/12/24 0:04:03
Build time 8.6 sec｜Game capacity 1.623KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Игра смайлики-рогатка</title>
    <style>
      #game-board {
        width: 400px;
        height: 600px;
        border: 1px solid black;
        position: relative;
      }
      #projectile {
        width: 30px;
        height: 30px;
        background-color: yellow;
        border-radius: 50%;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      <div id="projectile"></div>
    </div>
    
    <script>
      let projectile = document.getElementById('projectile');
      
      document.addEventListener('mousedown', startProjectile);
      document.addEventListener('mouseup', releaseProjectile);
      document.addEventListener('touchstart', startProjectile);
      document.addEventListener('touchend', releaseProjectile);
      
      function startProjectile() {
        document.addEventListener('mousemove', moveProjectile);
        document.addEventListener('touchmove', moveProjectile);
      }
      
      function moveProjectile(event) {
        let x, y;
        if (event.type === 'touchmove') {
          x = event.touches[0].clientX;
          y = event.touches[0].clientY;
        } else {
          x = event.clientX;
          y = event.clientY;
        }
        
        projectile.style.left = (x - 15) + 'px';
        projectile.style.top = (y - 15) + 'px';
      }
      
      function releaseProjectile() {
        document.removeEventListener('mousemove', moveProjectile);
        document.removeEventListener('touchmove', moveProjectile);
      }
    </script>
  </body>
</html>