物理演算スマブラ's game

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

No:18484

←

Prev Next

→

物理演算スマブラ
Developer User8136｜Date and time 23/9/29 17:01:19
Build time 41.546 sec｜Game capacity 3.52KB｜

Script

了解です。以下に物理演算を用いたスマブラ風のゲームの実装例を示します。

😀

このゲームでは、赤い四角がプレイヤーを表し、グレーの四角がプラットフォームを表しています。プレイヤーはスペースキーを押すことでジャンプします。プレイヤーは画面上の最上部までジャンプした場合、下方向に重力がかかります。また、プレイヤーはプラットフォーム上に立つこともできます。ご参考までに、この実装例では物理演算として、プレイヤーの位置を時間経過に応じて更新することでジャンプの挙動を表現しています。ただし、物理演算エンジンを用いてよりリアルな挙動を作りたい場合は、別途物理演算エンジンの利用を検討してください。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解です。以下に物理演算を用いたスマブラ風のゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Smash Bros</title>
    <style>
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
            font-size: 30px;
            text-align: center;
            line-height: 50px;
        }
        #platform {
            position: absolute;
            width: 300px;
            height: 20px;
            background-color: gray;
        }
    </style>
</head>
<body>
    <div id="player">😀</div>
    <div id="platform"></div>

initialize: function() {
                this.player = document.getElementById("player");
                this.platform = document.getElementById("platform");
                this.player.style.left = "50px";
                this.player.style.top = "200px";

this.addEventListeners();
                this.startGameLoop();
            },

addEventListeners: function() {
                document.addEventListener("keydown", function(event) {
                    if (event.key === " ") {
                        game.jump();
                    }
                });
            },

jump: function() {
                if (this.player.style.bottom === "0px") {
                    this.velocityY = this.jumpStrength;
                }
            },

updatePlayerPosition: function() {
                let currentTop = parseInt(this.player.style.top);
                let newTop = currentTop - this.velocityY;
                this.velocityY -= this.gravity;

if (newTop <= 0) {
                    newTop = 0;
                    this.velocityY = 0;
                }

this.player.style.top = newTop + "px";
                if (newTop === 0) {
                    this.player.style.bottom = "";
                } else {
                    this.player.style.bottom = "auto";
                }
            },

update: function() {
                this.updatePlayerPosition();
            },

startGameLoop: function() {
                setInterval(function(){
                    game.update();
                }, 50);
            }
        };

// ゲームの初期化
        game.initialize();
    </script>
</body>
</html>
```

このゲームでは、赤い四角がプレイヤーを表し、グレーの四角がプラットフォームを表しています。プレイヤーはスペースキーを押すことでジャンプします。プレイヤーは画面上の最上部までジャンプした場合、下方向に重力がかかります。また、プレイヤーはプラットフォーム上に立つこともできます。

ご参考までに、この実装例では物理演算として、プレイヤーの位置を時間経過に応じて更新することでジャンプの挙動を表現しています。ただし、物理演算エンジンを用いてよりリアルな挙動を作りたい場合は、別途物理演算エンジンの利用を検討してください。