Opening workflow…
Websites · Intermediate
Recreate ECHO, a digital human
Create an interactive metallic portrait with scanning light and 35,000 particles that scatter and return. Give the workflow to your AI, or copy one prompt at a time. Start from the head model and build the effect in your own project.
Before you start
Uses your AI plan- You’ll need
A coding assistantCodex or Claude Code
Three.js0.185.1 · free, open source
- What it uses
- 4 prompts to your coding assistantCounts toward your assistant’s usual allowance. Nothing extra to buy.
- The tutorial
- Free with an account · 4 steps
Tutorial outline
4 steps, in order. Open the tutorial for the instructions, prompts, settings and checks.
Start with the portrait
Give it the ECHO look
Turn the surface into particles
The particle surface Check it, then make it yours
Exactly what the creator used
- Codex / Claude Code
- Use your available coding model · Your existing assistant
- Three.js
- 0.185.1 · Open source
Recipe targets Three.js 0.185.1 and Vite 8.0.13 with plain HTML, CSS, and JavaScript. Node.js 22.21.1 is the author test runtime. The original demo uses React, but React is not needed to recreate the scene. Prompts were written from the completed design; they are not a claim that the original was generated in one shot. An author-built rehearsal using this recipe and the head model installed, built, and passed desktop interaction checks. It is visually similar, not pixel-identical. An independent learner or second-assistant recreation is still pending.