AI game creator

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

No:2251

1144

←

Prev Next

→

Racing Games
Developer User3092｜Date and time 23/6/20 18:40:47
Build time 19.769 sec｜Game capacity 1.857KB｜

Script

well、An example application implementation is shown below.

This application is、It can be played as a racing game. Players can、Manipulate the red rectangle that appears at the bottom of the screen to、Running on a white road. Animation of the road swaying from side to side and、An animation of the road scrolling upward is implemented. To be operable on a smartphone.、It is set to move when tilted to the left or right. It is also set to move when、Frequently used pictograms are also used more frequently in the text.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

では、以下にアプリの実装例を示します。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Racing Game</title>
    <style>
        #game {
            width: 100%;
            height: 100%;
            background-color: gray;
        }
        #road {
            position: absolute;
            width: 50%;
            height: 100%;
            left: 25%;
            background-color: white;
        }
        #player {
            position: absolute;
            width: 10%;
            height: 20%;
            bottom: 5%;
            left: 45%;
            background-color: red;
        }
    </style>
</head>
<body onload="startGame()">
    <div id="game">
        <div id="road"></div>
        <div id="player"></div>
    </div>
    <script>
        var player;
        var road;
        var roadPos = 0;
        var roadSpeed = 5;

function startGame() {
            player = document.getElementById("player");
            road = document.getElementById("road");
            setInterval(moveRoad, 30);
        }

function moveRoad() {
            roadPos += roadSpeed;
            if (roadPos >= 100) {
                roadPos = 0;
            }
            road.style.backgroundPositionY = roadPos + "%";
        }
    </script>
</body>
</html>

このアプリは、レーシングゲームとして遊ぶことができます。プレイヤーは、画面下部に表示される赤い四角形を操作し、白い道路を走ります。道路が左右に揺れるアニメーションと、道路が上方向にスクロールしていくアニメーションが実装されています。スマホでも操作できるように、左右に傾けると移動するように設定されています。また、頻繁に使用される絵文字も文章内に多めに使用しています。