AI game creator

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

No:5039

1376

←

Prev Next

→

Sushi Zanmai Pose
Developer もちきなこ｜Date and time 23/6/29 10:05:32
Build time 14.217 sec｜Game capacity 1.609KB｜

Script

了解です。すしざんまいのポーズをゲーム化してみます。

🍣

このコードは、ブラウザ上でプレイヤーを移動させるゲームです。プレイヤーアイコンは🍣絵文字で表示され、矢印キーを使って上下左右に移動することができます。プレイヤーの位置はHTML要素のスタイル属性を変更することで実現されています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解です。すしざんまいのポーズをゲーム化してみます。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>すしざんまいゲーム</title>
    <style>
        #player {
            font-size: 64px;
        }
    </style>
</head>
<body>
    <div id="player">🍣</div>

document.addEventListener("keydown", function(event) {
            switch(event.code) {
                case "ArrowUp":
                    movePlayer(0, -1);
                    break;
                case "ArrowDown":
                    movePlayer(0, 1);
                    break;
                case "ArrowLeft":
                    movePlayer(-1, 0);
                    break;
                case "ArrowRight":
                    movePlayer(1, 0);
                    break;
            }
        });

function movePlayer(dx, dy) {
            currentPosition.x += dx;
            currentPosition.y += dy;
            player.style.left = currentPosition.x * 100 + "px";
            player.style.top = currentPosition.y * 100 + "px";
        }
    </script>
</body>
</html>
```