class NeuralGlyphSystem { constructor(){ this.canvas = document.createElement('canvas'); this.ctx = this.canvas.getContext('2d'); this.canvas.width = 800; this.canvas.height = 600; document.body.appendChild(this.canvas); this.ctx.translate(400,300); // center this.glyphs = this.generateGlyphs(50); requestAnimationFrame(()=>this.drawNeuralFrame()); } generateGlyphs(count=50){ const glyphs = []; for(let i=0;imaxDepth) return; const ctx=this.ctx; const intensity = 0.4 + 0.6*Math.sin(glyph.firingPhase+phaseOffset); const breathe = 1 + 0.2 * intensity; const fontSize = 12 * Math.pow(INV_PHI,depth) * breathe; ctx.fillStyle = `rgba(255,${215*Math.min(1,intensity)},0,${1-depth/(maxDepth+1)})`; ctx.font = `${fontSize}px Courier New`; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillText(glyph.glyph, x, y); const recursiveCount = 4; const goldenAngle = 2*Math.PI*INV_PHI; for(let i=0;i