AI game creator

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

No:9323

←

Prev Next

→

billiards
Developer User4331｜Date and time 23/7/23 16:30:19
Build time 11.808 sec｜Game capacity 1.315KB｜

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>
    /* CSSをここに追加 */
    #table {
      width: 300px;
      height: 500px;
      background-color: green;
      position: relative;
    }
    #cue {
      width: 20px;
      height: 200px;
      background-color: white;
      position: absolute;
      top: 30px;
      left: 140px;
    }
    #ball {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: red;
      position: absolute;
      top: 400px;
      left: 130px;
    }
  </style>
</head>
<body>
  <div id="table">
    <div id="cue"></div>
    <div id="ball"></div>
  </div>

ball.addEventListener('touchstart', handleStart, false);
    ball.addEventListener('touchmove', handleMove, false);
    ball.addEventListener('touchend', handleEnd, false);

function handleStart(e) {
      isDragging = true;
    }

function handleMove(e) {
      if (isDragging) {
        const touch = event.touches[0];
        ball.style.left = touch.pageX - 20 + "px";
        ball.style.top = touch.pageY - 20 + "px";
      }
    }

function handleEnd(e) {
      isDragging = false;
    }
  </script>
</body>
</html>