Simbiosis

Conexión establecida.

", "css": "body { margin: 0; background: #050505; color: #00f2ff; font-family: 'Courier New', monospace; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 100vh; } #nexus { position: absolute; width: 100%; height: 100%; z-index: -1; } .ui { text-align: center; pointer-events: none; text-shadow: 0 0 10px #00f2ff; }", "js": "const canvas = document.createElement('canvas'); document.getElementById('nexus').appendChild(canvas); const ctx = canvas.getContext('2d'); let w, h, particles = []; function resize() { w = canvas.width = window.innerWidth; h = canvas.height = window.innerHeight; } window.addEventListener('resize', resize); resize(); class Particle { constructor() { this.reset(); } reset() { this.x = Math.random() * w; this.y = Math.random() * h; this.size = Math.random() * 2; this.speed = Math.random() * 0.5 + 0.1; } update() { this.y -= this.speed; if (this.y < 0) this.reset(); } draw() { ctx.fillStyle = '#00f2ff'; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } for(let i=0; i<150; i++) particles.push(new Particle()); function animate() { ctx.clearRect(0, 0, w, h); particles.forEach(p =>