AI game creator

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

No:5422

2896

←

Prev Next

→

Moving floor 50
Developer User3825｜Date and time 23/6/30 2:14:35
Build time 27.211 sec｜Game capacity 3.537KB｜

Script

了解です。以下は、スマホで遊べる簡単なゲームの例です。動く床の中でキャラクターが上昇し続けるゲームです。絵文字を使用し、JavaScriptを含むHTMLファイルに実装しています。

👾

これは、「👾」という絵文字を使用したキャラクターが、動く床の上でジャンプするゲームです。スマートフォンで表示して、上にスワイプするとキャラクターがジャンプします。動く床が無理な点、部分的なゲーム化になっている点はご了承ください。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>動く床</title>
    <style>
        body {
            background-color: black;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

#character {
            display: inline-block;
            font-size: 40px;
            color: yellow;
            position: absolute;
        }

.platform {
            display: inline-block;
            width: 100%;
            height: 20px;
            background-color: gray;
            position: absolute;
            bottom: 0;
        }
    </style>
</head>
<body>
    <div id="character">👾</div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>
    <div class="platform"></div>

function jump() {
            if (!isJumping) {
                isJumping = true;
                let jumpCount = 0;
                const jumpInterval = setInterval(() => {
                    characterPositionY -= 5;
                    character.style.bottom = characterPositionY + 'px';
                    jumpCount++;

if (jumpCount > 10) {
                        clearInterval(jumpInterval);
                        fall();
                    }
                }, 20);
            }
        }

function fall() {
            let fallCount = 0;
            const fallInterval = setInterval(() => {
                characterPositionY += 5;
                character.style.bottom = characterPositionY + 'px';
                fallCount++;

if (fallCount > 10) {
                    clearInterval(fallInterval);
                    isJumping = false;
                }
            }, 20);
        }

function moveFloor() {
            const platforms = document.getElementsByClassName('platform');
            setInterval(() => {
                for (let i = 0; i < platforms.length; i++) {
                    let platform = platforms[i];
                    let currentTop = parseInt(platform.style.top);

if (currentTop >= window.innerHeight) {
                        platform.style.top = Math.floor(Math.random() * -100) + 'px';
                    } else {
                        platform.style.top = currentTop + floorSpeed + 'px';
                    }
                }
            }, 20);
        }

document.addEventListener('keydown', (event) => {
            if (event.key === 'ArrowUp') {
                jump();
            }
        });

moveFloor();
    </script>
</body>
</html>
```