build-wireframe-scan-reveal

Installation
SKILL.md

Build a Wireframe Scan Reveal

Make one world-space wavefront conduct both representations: draw topology at the front, hold the solid behind it, then remove the temporary cage. Reach for technical-wireframe-info-layout when wireframe is the page's permanent visual language; reach for animation-on-scroll when the conductor is DOM scroll rather than a 3D wave.

Extracted from inner-green-3d.html, where a survey pulse had to grow a procedural moss root through cards and type without reading as a circular mask.

Pair two representations

Create the solid mesh and a temporary LineSegments cage from the same source geometry. Share uScanOrigin, uScanRadius, and time between their materials. Keep both in world space; local-space distance changes when a group is scaled or nested and tears the two fronts apart.

Discard the solid beyond the front, with a lag that leaves the cage visible first:

uniform vec3 uScanOrigin;
uniform float uScanRadius;
uniform float uScanEnabled;
Installs
469
Repository
mengto/skills
GitHub Stars
5.8K
First Seen
Aug 18, 2026
build-wireframe-scan-reveal — mengto/skills