<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><style>body{margin:0;overflow:hidden;background-color:#232526;display:flex;justify-content:center;align-items:center;height:100vh}canvas{position:absolute;background-color:#232526}</style></head><body><canvas id="canvas"></canvas><script>const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const particles = [];
let mouseX = 0;
let mouseY = 0;
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
window.addEventListener("mousemove", (e) => {
mouseX = e.clientX;
mouseY = e.clientY;
});
class Particle {
constructor(x, y, char) {
this.x = x;
this.y = y;
this.char = char;
this.dx = Math.random() * 4 - 2;
this.dy = Math.random() * 4 - 2;
this.color = `rgb(${Math.random() * 455},${Math.random() * 255},${Math.random() * 255})`;
}
update() {
this.x += this.dx;
this.y += this.dy;
}
draw() {
ctx.fillStyle = this.color;
ctx.font = "12px Arial";
ctx.fillText(this.char, this.x, this.y);
}
}
function createParticles() {
const fixedText = `{
"p": "brc-20",
"op": "deploy",
"tick": "ordi",
"max": "21000000",
"lim": "1000"
}`;
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = "#ffffff";
ctx.textAlign = "center";
ctx.font = "16px Arial";
ctx.fillText(fixedText, canvas.width / 2, canvas.height / 2);
let x = mouseX;
let y = mouseY;
const text = "{ p: brc-20, op: deploy, tick: ordi, max: 21000000, lim: 1000 }";
for (let i = 0; i < text.length; i++) {
const char = text.charAt(i);
particles.push(new Particle(x, y, char));
const metrics = ctx.measureText(char);
x += metrics.width;
if (char === "\n") {
x = mouseX;
y += 20; //
}
}
}
function updateParticles() {
for (let i = 0; i < particles.length; i++) {
particles[i].update();
}
}
function drawParticles() {
for (let i = 0; i < particles.length; i++) {
particles[i].draw();
}
}
function animate() {
requestAnimationFrame(animate);
updateParticles();
drawParticles();
}
window.addEventListener("mousemove", createParticles);
animate();</script></body></html>