AI game creator

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

No:45708

←

Prev Next

→

make a 3d game
Developer User19664｜Date and time 24/2/21 6:12:33
Build time 2.921 sec｜Game capacity 0.52KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!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>