AI game creator

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

No:40016

←

Prev Next

→

☝が移動する
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/31 18:16:55
Build time 13.473 sec｜Game capacity 3.045KB｜

Script

了解しました。以下が、指定された条件に合うゲームのサンプルコードです。このゲームでは、☝が画面内を移動する簡単なアクションゲームをプレイすることができます。

☝️

上記のコードをhtmlファイルに保存し、ブラウザで開くことでアクションゲームをプレイすることができます。☝をスマホのタッチ操作やキーボード操作で動かしてみてください。画面内を移動しながら遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>アクションゲーム</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            user-select: none;
        }
        
        #player {
            position: absolute;
            font-size: 40px;
        }
    </style>
</head>

const player = document.getElementById('player');
        let playerX = 0;
        let playerY = 0;

function updatePlayerStyle() {
            player.style.transform = `translate(${playerX}px, ${playerY}px)`;
        }

function movePlayer(dx, dy) {
            playerX += dx * playerSpeed;
            playerY += dy * playerSpeed;

// 画面外に出ないように制限
            playerX = Math.max(0, Math.min(playerX, window.innerWidth - playerSize));
            playerY = Math.max(0, Math.min(playerY, window.innerHeight - playerSize));

updatePlayerStyle();
        }

// タッチ操作
        window.addEventListener('touchstart', (event) => {
            const touch = event.touches[0];
            startX = touch.clientX;
            startY = touch.clientY;
        });

window.addEventListener('touchmove', (event) => {
            event.preventDefault(); // スクロールを防止

const touch = event.touches[0];
            const dx = touch.clientX - startX;
            const dy = touch.clientY - startY;

movePlayer(dx, dy);

startX = touch.clientX;
            startY = touch.clientY;
        });

// キーボード操作
        window.addEventListener('keydown', (event) => {
            let dx = 0;
            let dy = 0;

switch (event.key) {
                case 'ArrowLeft':
                    dx = -1;
                    break;
                case 'ArrowUp':
                    dy = -1;
                    break;
                case 'ArrowRight':
                    dx = 1;
                    break;
                case 'ArrowDown':
                    dy = 1;
                    break;
                default:
                    return;
            }

movePlayer(dx, dy);
        });

updatePlayerStyle();
    </script>
</body>

</html>
```