AI game creator

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

No:219

224

←

Prev Next

→

Raining Sand game
Developer User2906｜Date and time 23/6/10 19:49:02
Build time 26.599 sec｜Game capacity 2.437KB｜

Script

In this game of raining sand、Symbols like dango will fall on the screen.、Click on it to score points. The score is displayed on the scoreboard on the screen and、A new dango falls every second. It can be operated even when playing on a smartphone and、Scores can be viewed on the pictorial score board.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>砂を降らすゲーム</title>
    <style>
        body {
            background-color: #0077be;
            overflow: hidden;
        }
        #sand {
            position: absolute;
            top: -100px;
            left: 0;
            right: 0;
            margin: auto;
            width: 50px;
            height: 50px;
            background: url("https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/emojidex/112/dango_1f361.png") no-repeat center center;
            background-size: contain;
            animation: fall 2s linear infinite;
        }
        @keyframes fall {
            0% {
                transform: translate(0, -100px) rotate(0deg);
                opacity: 1;
            }
            100% {
                transform: translate(calc(-50vw + 25px), 100vh) rotate(360deg);
                opacity: 0;
            }
        }
    </style>
</head>
<body>
<div id="sand"></div>
<script>
    let score = 0;
    const scoreBoard = document.createElement('div');
    scoreBoard.style.position = 'fixed';
    scoreBoard.style.top = '10px';
    scoreBoard.style.right = '10px';
    scoreBoard.style.color = 'white';
    scoreBoard.style.fontSize = '30px';
    scoreBoard.innerText = `Score: ${score}`;
    document.body.appendChild(scoreBoard);

setInterval(addSand, 1000);
</script>
</body>
</html>

この砂を降らすゲームでは、画面上に「だんご」のようなシンボルが降ってくるので、それをクリックして得点を稼ぎます。画面上のスコアボードに得点が表示され、1秒ごとに新しい「だんご」が降ってきます。スマホでプレイする場合でも操作可能で、得点は絵文字の「得点ボード」で確認できます。