Cool effect build review and files changed

The goal was to add a visual effect to the "Welcome to Amp" message on the splash screen that makes it look like the text is illuminated by the animated orb behind it, shimmering when the orb glows.

Implementation Strategy

The agreed-upon approach involved:

1. Extracting the noise/color logic into a shared utility.
2. Lifting animation state up to the SplashScreen (making it stateful) so both orb and text use the same time t.
3. Creating an IlluminatedText widget that samples the orb's glow at positions corresponding to the text's location.

Key Components and Files Touched

1. Shared Glow Logic (orb-glow.ts):

   • Created OrbGlow class to encapsulate noise sampling (makeNoise2D) and color interpolation (lerpColor).
   • OrbGlow.sampleEdge was initially used, but later replaced by OrbGlow.sample for per-character sampling.

2. Illuminated Text Widget (illuminated-text.ts):

   • New widget IlluminatedText created, extending LeafRenderObjectWidget.
   • Its RenderObject (IlluminatedTextRenderObject) iterates over text graphemes.
   • Technique: Each character samples the orb's glow using this._glow.sample(...).
   • The sampling position is offset based on the character index (i * 0.5) to create a ripple effect across the text.
   • A distance falloff factor (distanceFalloff) was introduced to make characters closer to the orb glow more intensely.
   • The final glow value is boosted (Math.pow(glowValue, 0.7)).
   • The text color is blended with the orb's primary/secondary colors based on the effectiveGlow.

3. Animation Management (animated-orb.ts & splash-screen.ts):

   • AnimatedOrb was updated to accept an external glow?: OrbGlow and t?: number prop, allowing the parent to control its state.
   • SplashScreen was converted to a StatefulWidget to manage _t (time) and the shared _glow: OrbGlow instance.
   • The AnimatedOrb and IlluminatedText widgets in SplashScreen receive the same _glow and time.

4. Intensity Tuning:

   • glowIntensity in SplashScreen was increased from 0.5 to 1.0.
   • The blending threshold in IlluminatedText for non-RGB colors was lowered from 0.3 to 0.15.

5. Conditional Rendering Pattern:

   • In SplashScreen, IlluminatedText is now only used if animationSupport === 'fast' (60fps). Otherwise, plain RichText is used to maintain performance when animations are disabled or slow.