Make it together and pop n 20's game

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

No:6217

2957

←

Prev Next

→

Make it together and pop n 20
Developer User3181｜Date and time 23/7/1 21:27:25
Build time 22.049 sec｜Game capacity 2.246KB｜

Script

了解です。ポップン20を作ってみましょう！以下がHTMLファイルの内容です。

🚀

このプログラムでは、スマホ上で宇宙船を操作するシンプルなゲームを作っています。宇宙船はフィンガータップによって左右に移動します。画面右端および左端に到達した場合、宇宙船は停止します。実際にブラウザでこのHTMLファイルを開くと、宇宙船が表示されます。そして、画面をタップすることで宇宙船を左右に動かすことができます。

←

Prev　Next

→ 　

Back　

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

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

了解です。ポップン20を作ってみましょう！

以下がHTMLファイルの内容です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ポップン20</title>
    <style>
        #game-container {
            position: relative;
            width: 100vw;
            height: 100vh;
            background-color: #f2f2f2;
        }
        
        #player {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 50px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player">🚀</div>
    </div>

このプログラムでは、スマホ上で宇宙船を操作するシンプルなゲームを作っています。宇宙船はフィンガータップによって左右に移動します。画面右端および左端に到達した場合、宇宙船は停止します。

実際にブラウザでこのHTMLファイルを開くと、宇宙船が表示されます。そして、画面をタップすることで宇宙船を左右に動かすことができます。