ニコニコ動画の懐かしいコメントコメントが、表示エリア内を右から左に流れるアニメーションで表示します。コメントの順序はランダムです。コメントの上下位置ははランダムです。コメントは一定の感覚で新たに生成されます。コメントは、9割が白で、1割がランダムな色をしています。コメントの種類 wwwwww,www,w,wwwwwwww,うぽつ！,ワロタwwww,ニコニコ動画,かわe,草,( ﾟ∀ﾟ)o彡°( ﾟ∀ﾟ)o彡°,真っ赤な誓い,おっくせんまん！,愛してる〜！,あなたもわたしもニート,でっていう,wwwwww,ww,結論,ヤンマーニ,速攻魔法発動バーサーカーソウル,wwwww,E缶だけは最後まで取っておく,アンインストール,ドーマン！セーマン！ドーマン！セーマン,悪霊退散！悪霊退散！,鈍痛☆鈍痛☆鈍痛☆鈍痛,上海☆上海☆上海☆上海,フランスオランダチベット京都ロンドンロシアオルレアン,ウルトラマン！ウルトラマン！,ガチャガチャきゅ～と・ふぃぎゅ@,ニートがいっぱいニコニコ動画,駅のホームですっぽんぽん♪'s game

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

No:5704

542

←

Prev Next

→

ニコニコ動画の懐かしいコメントコメントが、表示エリア内を右から左に流れるアニメーションで表示..ALL
Developer もちきなこ｜Date and time 23/6/30 17:01:51
Build time 35.267 sec｜Game capacity 3.449KB｜

Script

おっしゃる通り、プログラムを作ります。以下が私が実装したゲームのサンプルコードです。

このコードは、コメントを表示するゲームです。画面内の表示エリアを右から左に流れるアニメーションでコメントを表示します。コメントはランダムに生成され、ランダムな時間でアニメーションが終了するようになっています。コメントの上下位置や色もランダムになっています。ブラウザで上記のコードを開くと、ゲームが動作します。コメントが画面内を流れていく様子を楽しんでください。スマートフォンでも操作できるように実装してあります。

←

Prev　Next

→ 　

Back　

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

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

おっしゃる通り、プログラムを作ります。以下が私が実装したゲームのサンプルコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NicoNico Comment Game</title>
    <style>
        #game-container {
            position: relative;
            width: 500px;
            height: 500px;
            border: 1px solid black;
            overflow: hidden;
        }

.comment {
            position: absolute;
            white-space: nowrap;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

function getRandomInt(min, max) {
            min = Math.ceil(min);
            max = Math.floor(max);
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function createComment() {
            const comment = document.createElement("div");
            comment.classList.add("comment");
            comment.style.color = `hsl(${getRandomInt(0, 360)}, 100%, 50%)`;
            comment.style.top = `${getRandomInt(0, 430)}px`;
            comment.style.right = "-100px";
            comment.textContent = comments[getRandomInt(0, comments.length - 1)];
            document.getElementById("game-container").appendChild(comment);

const speed = getRandomInt(5, 10);
            const animation = comment.animate([
                { right: "-100px" },
                { right: "500px" }
            ], {
                duration: speed * 1000,
                easing: "linear",
                fill: "forwards"
            });

animation.onfinish = () => {
                comment.remove();
            };
        }

setInterval(createComment, 1000); // 1秒ごとにコメントを生成

</script>
</body>
</html>
```

このコードは、コメントを表示するゲームです。画面内の表示エリアを右から左に流れるアニメーションでコメントを表示します。コメントはランダムに生成され、ランダムな時間でアニメーションが終了するようになっています。コメントの上下位置や色もランダムになっています。

ブラウザで上記のコードを開くと、ゲームが動作します。コメントが画面内を流れていく様子を楽しんでください。スマートフォンでも操作できるように実装してあります。