Testing347 commited on
Commit
b22329d
·
verified ·
1 Parent(s): 883c897

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +20 -11
index.html CHANGED
@@ -1110,21 +1110,30 @@ function drawNeuralActivity(time) {
1110
  }
1111
  }
1112
 
1113
- // Even larger, ultra-bold orb-wide glow
1114
  neuralCtx.save();
1115
- neuralCtx.globalAlpha = 0.52 + 0.38 * beat; // higher opacity
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1116
  neuralCtx.beginPath();
1117
- // Radius goes beyond the orb: up to 1.2x the orb's width/height
1118
- neuralCtx.arc(w / 2, h / 2, Math.min(w, h) * (1.1 + 0.22 * beat), 0, Math.PI * 2);
1119
- neuralCtx.fillStyle = "#a21caf";
1120
- neuralCtx.shadowColor = "#ec4899";
1121
- neuralCtx.shadowBlur = 900 + 360 * beat; // extreme, fills the whole section
1122
  neuralCtx.fill();
1123
  neuralCtx.restore();
1124
-
1125
- requestAnimationFrame(drawNeuralActivity);
1126
- }
1127
- requestAnimationFrame(drawNeuralActivity);
1128
  </script>
1129
  </body>
1130
  </html>
 
1110
  }
1111
  }
1112
 
1113
+ // Super radiant, multi-color, living energy glow!
1114
  neuralCtx.save();
1115
+ const energyPulse = 0.54 + 0.48 * beat; // pulsing alpha
1116
+ const glowRadius = Math.min(w, h) * (1.30 + 0.35 * beat); // HUGE radius (fills hero)
1117
+ const x = w / 2, y = h / 2;
1118
+
1119
+ // Create a radial gradient for the glow
1120
+ const grad = neuralCtx.createRadialGradient(
1121
+ x, y, Math.min(w, h) * 0.20,
1122
+ x, y, glowRadius
1123
+ );
1124
+ grad.addColorStop(0, `rgba(236,72,153,${0.68 + 0.18 * beat})`); // bright pink center
1125
+ grad.addColorStop(0.32, `rgba(139,92,246,${0.37 + 0.19 * beat})`); // purple
1126
+ grad.addColorStop(0.65, `rgba(99,102,241,${0.27 + 0.13 * beat})`); // indigo
1127
+ grad.addColorStop(1, `rgba(32,1,39,0.10)`); // fade to transparent
1128
+
1129
+ neuralCtx.globalAlpha = energyPulse;
1130
  neuralCtx.beginPath();
1131
+ neuralCtx.arc(x, y, glowRadius, 0, Math.PI * 2);
1132
+ neuralCtx.fillStyle = grad;
1133
+ neuralCtx.shadowColor = "#f472b6";
1134
+ neuralCtx.shadowBlur = 1400 + 700 * beat; // maximum spread!
 
1135
  neuralCtx.fill();
1136
  neuralCtx.restore();
 
 
 
 
1137
  </script>
1138
  </body>
1139
  </html>