Spaces:
Running
Running
Update index.html
Browse files- index.html +24 -10
index.html
CHANGED
|
@@ -1110,16 +1110,30 @@ function drawNeuralActivity(time) {
|
|
| 1110 |
}
|
| 1111 |
}
|
| 1112 |
|
| 1113 |
-
|
| 1114 |
-
|
| 1115 |
-
|
| 1116 |
-
|
| 1117 |
-
|
| 1118 |
-
|
| 1119 |
-
|
| 1120 |
-
|
| 1121 |
-
|
| 1122 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1123 |
|
| 1124 |
requestAnimationFrame(drawNeuralActivity);
|
| 1125 |
}
|
|
|
|
| 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 |
|
| 1138 |
requestAnimationFrame(drawNeuralActivity);
|
| 1139 |
}
|