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

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

No:5744

6754

←

Prev Next

→

ニコニコ動画全盛期のコメント欄下記【コメントの種類】が右から左に流れるアニメーションを表示し..ALL
Developer もちきなこ｜Date and time 23/6/30 18:32:16
Build time 38.27 sec｜Game capacity 3.162KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>NicoNico Comment Animation</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
      cursor: none;
      font-family: Arial, sans-serif;
    }

canvas {
      background-color: black;
    }
  </style>
</head>
<body>
  <canvas id="commentCanvas"></canvas>

// Comment Class
    class Comment {
      constructor(text, x, y, speed, color) {
        this.text = text;
        this.x = x;
        this.y = y;
        this.speed = speed;
        this.color = color;
      }

move() {
        this.x -= this.speed;
      }

draw(ctx) {
        ctx.font = '20px Arial';
        ctx.fillStyle = this.color;
        ctx.fillText(this.text, this.x, this.y);
      }
    }

// Canvas Setup
    const canvas = document.getElementById('commentCanvas');
    const ctx = canvas.getContext('2d');

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Create and Animate Comments
    const comments = [];
    setInterval(() => {
      const text = commentTypes[Math.floor(Math.random() * commentTypes.length)];
      const x = canvas.width;
      const y = Math.random() * canvas.height;
      const speed = Math.random() * 3 + 1;
      const color = commentColors[Math.floor(Math.random() * commentColors.length)];

const comment = new Comment(text, x, y, speed, color);
      comments.push(comment);
    }, 100);

function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < comments.length; i++) {
        const comment = comments[i];
        comment.move();
        comment.draw(ctx);

if (comment.x + ctx.measureText(comment.text).width < 0) {
          comments.splice(i, 1);
          i--;
        }
      }

requestAnimationFrame(update);
    }

update();
  </script>
</body>
</html>