Super ball scooping The basket moves's game | AI game creator

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

No:8939

189

Super ball scooping The basket moves
Developer User4271｜Date and time 23/7/19 20:42:03
Build time 37.888 sec｜Game capacity 4.534KB｜

了解しました。以下にスーパーボールすくいゲームの例を示します。

スコア：0

この例では、スーパーボールすくいのゲームを実装しています。画面上には黄色のかごが表示され、スマホの操作でかごを動かすことができます。また、青いスーパーボールが画面上を跳ねるように動きます。かごの中にスーパーボールが入ると、スコアが加算されます。ただし、この例はスクリプト内にすべての処理を書いているため、可読性や保守性は低くなっています。実際の開発では、適切な関数やクラスを作成して処理を分割することが望ましいです。また、絵文字の使用は表示環境によっては正しく表示されない場合があるため、文字列などを使用することをお勧めします。この例の他にも、さまざまなゲームを作ることが可能です。希望のゲームがあれば具体的な要件を教えていただければ、それに合わせて例を作成します。

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

了解しました。以下にスーパーボールすくいゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>スーパーボールすくい</title>
    <style>
        #kago {
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: yellow;
            border: 2px solid red;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <script>
        var kago = document.getElementById("kago");
        var score = 0;
        
        // かごを画面上で動かす処理
        document.addEventListener("touchmove", function(event) {
            if (event.touches.length === 1) {
                var touch = event.touches[0];
                var x = touch.pageX - (kago.offsetWidth / 2);
                var y = touch.pageY - (kago.offsetHeight / 2);
                kago.style.left = x + "px";
                kago.style.top = y + "px";
            }
        });
        
        // スーパーボールが画面上を跳ねる処理
        setInterval(function() {
            var balls = document.getElementsByClassName("ball");
            for (var i = 0; i < balls.length; i++) {
                var ball = balls[i];
                var x = parseFloat(ball.style.left);
                var y = parseFloat(ball.style.top);
                var vx = parseFloat(ball.getAttribute("data-vx"));
                var vy = parseFloat(ball.getAttribute("data-vy"));
                
                x += vx;
                y += vy;
                vy += 0.1; // 重力の影響
                
                // 画面上の枠に反射する処理
                if (x < 0 || x > window.innerWidth - ball.offsetWidth) {
                    vx *= -1;
                }
                if (y < 0 || y > window.innerHeight - ball.offsetHeight) {
                    vy *= -1;
                }
                
                // かごに入った時の処理
                if (x > kago.offsetLeft && x < kago.offsetLeft + kago.offsetWidth &&
                    y > kago.offsetTop && y < kago.offsetTop + kago.offsetHeight) {
                    score++;
                    ball.parentNode.removeChild(ball);
                }
                
                ball.style.left = x + "px";
                ball.style.top = y + "px";
                ball.setAttribute("data-vy", vy);
            }
        }, 10);
        
        // 新しいスーパーボールを作成する処理
        setInterval(function() {
            var ball = document.createElement("div");
            ball.className = "ball";
            ball.style.position = "absolute";
            ball.style.width = "30px";
            ball.style.height = "30px";
            ball.style.borderRadius = "50%";
            ball.style.backgroundColor = "blue";
            
            var x = Math.random() * (window.innerWidth - ball.offsetWidth);
            var y = Math.random() * (window.innerHeight - ball.offsetHeight);
            var vx = Math.random() * 2 - 1; // -1から1の間でランダム
            var vy = Math.random() * 2 - 1;
            
            ball.style.left = x + "px";
            ball.style.top = y + "px";
            ball.setAttribute("data-vx", vx);
            ball.setAttribute("data-vy", vy);
            
            document.body.appendChild(ball);
        }, 2000);
    </script>
    <div id="kago"></div>
    <p>スコア：<span id="score">0</span></p>
</body>
</html>
```

この例では、スーパーボールすくいのゲームを実装しています。画面上には黄色のかごが表示され、スマホの操作でかごを動かすことができます。また、青いスーパーボールが画面上を跳ねるように動きます。かごの中にスーパーボールが入ると、スコアが加算されます。

ただし、この例はスクリプト内にすべての処理を書いているため、可読性や保守性は低くなっています。実際の開発では、適切な関数やクラスを作成して処理を分割することが望ましいです。また、絵文字の使用は表示環境によっては正しく表示されない場合があるため、文字列などを使用することをお勧めします。

この例の他にも、さまざまなゲームを作ることが可能です。希望のゲームがあれば具体的な要件を教えていただければ、それに合わせて例を作成します。