Downward-looking action RPG's game

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

No:5685

1633

←

Prev Next

→

Downward-looking action RPG
Developer もちきなこ｜Date and time 23/6/30 15:58:47
Build time 24.669 sec｜Game capacity 2.39KB｜

Script

了解です。以下は見下ろし型のアクションRPGのプログラム例です。

😀

このプログラムでは、プレイヤーが顔文字の絵文字で表され、キーボードの上下左右キーで操作することができます。プレイヤーは画面上を移動し、移動する際にはプレイヤーの位置を更新して表示位置を変更します。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下は見下ろし型のアクションRPGのプログラム例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>見下ろし型アクションRPG</title>
    <style>
        #game-container {
            position: relative;
            width: 320px;
            height: 480px;
            border: 1px solid black;
        }
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player">😀</div>
    </div>

// キーボード入力を受け取る関数
        function handleKeyDown(event) {
            const moveAmount = 10; // プレイヤーの移動量
            const keyPressed = event.key;

// 上矢印キーが押された場合
            if (keyPressed === "ArrowUp") {
                playerPosY -= moveAmount;
                document.getElementById("player").style.top = playerPosY + "px";
            }
            // 下矢印キーが押された場合
            else if (keyPressed === "ArrowDown") {
                playerPosY += moveAmount;
                document.getElementById("player").style.top = playerPosY + "px";
            }
            // 左矢印キーが押された場合
            else if (keyPressed === "ArrowLeft") {
                playerPosX -= moveAmount;
                document.getElementById("player").style.left = playerPosX + "px";
            }
            // 右矢印キーが押された場合
            else if (keyPressed === "ArrowRight") {
                playerPosX += moveAmount;
                document.getElementById("player").style.left = playerPosX + "px";
            }
        }

// キーボード入力を監視する
        document.addEventListener("keydown", handleKeyDown);
    </script>
</body>
</html>
```