A text animation effect where text breaks apart into a 3D sphere of characters, representing AI "thinking" before reassembling with highlighted insights.
- Text morphs into animated 3D character sphere
- Smooth multi-phase animation (chaos → sphere → return)
- Highlights key phrases after "analysis"
- Mobile-responsive design
- Pure vanilla JavaScript - no dependencies
- Character Extraction: Each character's exact position is measured
- Chaos Phase: Text breaks apart with random jitter
- Sphere Formation: Characters form a rotating 3D sphere
- Analysis: Sphere rotates while "thinking"
- Return: Characters reassemble with highlighted insights
Simply open text-analysis-effect.html in a modern web browser. Click "Analyse" to start the effect.
You can customize:
- Highlighted phrases (line 580)
- Animation durations (line 290)
- Sphere size and rotation speed
- Visual styling
https://x.com/k_wagner/status/1935066225073328190
Based on the concept of text "thinking" - a visual metaphor for AI processing.