ジャンプアクションゲーム's game

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

No:16025

107

←

Prev Next

→

ジャンプアクションゲーム
Developer はにわ｜Date and time 23/9/15 7:37:31
Build time 18.622 sec｜Game capacity 2.082KB｜

Script

了解いたしました。以下にジャンプアクションゲームの例を示します。

上記のコードは、1枚のHTMLファイルにジャンプアクションゲームを実装したものです。JavaScriptは`script`タグ内に記述しています。ゲームはスマートフォン上で操作することを前提としており、クリックするとプレイヤーキャラクターがジャンプします。プレイヤーキャラクターは青い四角で表現され、画面の底から上にジャンプして戻ってきます。

←

Prev　Next

→ 　

Back　

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

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

了解いたしました。以下にジャンプアクションゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ジャンプアクションゲーム</title>
    <style>
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: blue;
        }
    </style>
</head>
<body>
    <div id="player"></div>

function jump() {
                if (isJumping) return;
                isJumping = true;
                var height = 200; // ジャンプの高さ
                var duration = 1000; // ジャンプの時間

var start = null;
                function jumpStep(timestamp) {
                    if (!start) start = timestamp;
                    var progress = timestamp - start;
                    var yPos = Math.min((progress / duration) * height, height / 2);
                    player.style.bottom = yPos + "px";

if (yPos < height / 2) {
                        requestAnimationFrame(jumpStep);
                    } else {
                        player.style.bottom = "0px";
                        isJumping = false;
                    }
                }

requestAnimationFrame(jumpStep);
            }

document.addEventListener("click", function() {
                jump();
            });
        });
    </script>
</body>
</html>
```