AI game creator

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

No:914

154

←

Prev Next

→

Handball Games
Developer User3195｜Date and time 23/6/17 22:31:01
Build time 32.615 sec｜Game capacity 3.54KB｜

Script

このハンドボールゲームは、プレイヤーがキーボードの上下矢印キーを使って、画面内のブルーの人形を動かし、赤いボールを目的地の黒い壁に向かって投げるゲームです。赤いボールは勢いよく跳ね返るため、上手く壁に当てながらゴールを目指しましょう。黒い壁の向こう側にはゴールがあり、赤いボールをゴールに入れるとゲームクリアです。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ハンドボールゲーム</title>
        <style>
            #court {
                background-color: lightgray;
                height: 600px;
                width: 100%;
            }
            
            #ball {
                border-radius: 50%;
                background-color: red;
                height: 50px;
                width: 50px;
                position: absolute;
                top: 275px;
                left: 10px;
            }
            
            #player {
                background-color: blue;
                height: 100px;
                width: 50px;
                position: absolute;
                bottom: 50px;
                left: 10px;
            }
            
            #goal {
                height: 150px;
                width: 10px;
                border: 2px solid black;
                position: absolute;
                top: 225px;
                right: 10px;
            }
        </style>
    </head>
    <body>
        <div id="court">
            <div id="player"></div>
            <div id="ball"></div>
            <div id="goal"></div>
        </div>
        <script>
            var player = document.getElementById("player");
            var ball = document.getElementById("ball");
            var goal = document.getElementById("goal");
            var court = document.getElementById("court");
            
            var playerY = 50;
            var ballX = 10;
            var ballY = 275;
            var ballDx = 2;
            var ballDy = 1;
            var playerSpeed = 10;
            var goalScored = false;
            
            function animate() {
                if (goalScored) {
                    alert("ゴール！おめでとう！");
                    return;
                }
                ballX += ballDx;
                ballY += ballDy;
                if (ballX >= court.offsetWidth - ball.offsetWidth) {
                    ballDx = -2;
                }
                if (ballX <= 0) {
                    ballDx = 2;
                }
                if (ballY >= court.offsetHeight - ball.offsetHeight || ballY <= 0) {
                    ballDy = -ballDy;
                }
                if (ballX >= goal.offsetLeft) {
                    if (ballY >= goal.offsetTop && ballY <= goal.offsetTop + goal.offsetHeight) {
                        goalScored = true;
                    }
                }
                player.style.bottom = playerY + "px";
                ball.style.left = ballX + "px";
                ball.style.top = ballY + "px";
            }
            
            document.addEventListener("keydown", function(event) {
                if (event.key == "ArrowUp") {
                    playerY += playerSpeed;
                } else if (event.key == "ArrowDown") {
                    playerY -= playerSpeed;
                }
            });
            
            setInterval(animate, 10);
        </script>
    </body>
</html>