AI game creator

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

No:40067

119

←

Prev Next

→

ドット勇者
Developer User15915｜Date and time 24/1/31 22:54:47
Build time 9.908 sec｜Game capacity 2.214KB｜

Script

了解です。以下に、ドット勇者という単純なゲームの実装例を示します。

🚶

このプログラムでは、画面内で移動可能なドット勇者が表示されます。矢印キーを押すことで、ドット勇者を上下左右に動かすことができます。必要なJavaScriptの処理は、`movePlayer()`という関数内に実装されています。また、ドット勇者は絵文字の「🚶」を使用しています。

←

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>
        #game-board {
            width: 200px;
            height: 200px;
            border: 1px solid black;
            position: relative;
        }
        
        #player {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 20px;
            line-height: 20px;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <span id="player">🚶</span>
    </div>

function movePlayer(event) {
            let stepSize = 20;
            let currentTop = parseInt(player.style.top);
            let currentLeft = parseInt(player.style.left);

switch (event.key) {
                case 'ArrowUp':
                    player.style.top = Math.max(0, currentTop - stepSize) + 'px';
                    break;
                case 'ArrowDown':
                    player.style.top = Math.min(gameBoard.offsetHeight - player.offsetHeight, currentTop + stepSize) + 'px';
                    break;
                case 'ArrowLeft':
                    player.style.left = Math.max(0, currentLeft - stepSize) + 'px';
                    break;
                case 'ArrowRight':
                    player.style.left = Math.min(gameBoard.offsetWidth - player.offsetWidth, currentLeft + stepSize) + 'px';
                    break;
            }
        }

document.addEventListener('keydown', movePlayer);
    </script>
</body>
</html>
```