AI game creator

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

No:15978

←

Prev Next

→

バスケ
Developer User5574｜Date and time 23/9/14 12:24:40
Build time 27.275 sec｜Game capacity 2.618KB｜

Script

了解しました。以下に、スマートフォン向けのバスケットボールゲームのサンプル実装を示します。

このコードは、バスケットボールをクリックしてゴールするゲームです。コートの中央にランダムな位置でボールが表示され、画面をクリックするとボールがゴールに入るかどうか判定されます。ゴールした場合はアラートが表示され、ゲームが再開されます。+

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、スマートフォン向けのバスケットボールゲームのサンプル実装を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>バスケットボールゲーム</title>
  <style>
    #court {
      position: relative;
      width: 100%;
      height: 400px;
      background-color: #aaffaa;
    }
    #ball {
      position: absolute;
      top: calc(50% - 25px);
      left: calc(50% - 25px);
      width: 50px;
      height: 50px;
      background-color: orange;
      border-radius: 50%;
      display: none;
    }
  </style>
</head>
<body>
  <div id="court">
    <div id="ball"></div>
  </div>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      var court = document.getElementById('court');
      var ball = document.getElementById('ball');
      var courtWidth = court.offsetWidth;
      var courtHeight = court.offsetHeight;
      var ballSize = ball.offsetWidth;
      var basketSize = 100;
      var basketPosition = courtWidth - basketSize;
      var ballX;
      var ballY;

function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }

function moveBasket() {
        basketPosition -= getRandomInt(0, 10);
        if (basketPosition < 0) {
          basketPosition = courtWidth - basketSize;
        }
        court.style.backgroundPositionX = basketPosition + 'px';
      }

function startGame() {
        ballX = getRandomInt(ballSize, courtWidth - ballSize);
        ballY = getRandomInt(ballSize, courtHeight - ballSize);
        ball.style.top = ballY + 'px';
        ball.style.left = ballX + 'px';
        ball.style.display = 'block';
        setInterval(moveBasket, 100);
      }

court.addEventListener('click', function(event) {
        var clickX = event.clientX;
        var clickY = event.clientY;
        var distanceX = Math.abs(clickX - ballX);
        var distanceY = Math.abs(clickY - ballY);
        var distance = Math.sqrt(Math.pow(distanceX, 2) + Math.pow(distanceY, 2));

if (distance < ballSize / 2) {
          alert('ゴール！');
          startGame();
        }
      });

startGame();
    });
  </script>
</body>
</html>
```