Edu · Three.js
Three logos, one lens.
The same render-pipeline tool from the camera & frustum page, but the objects are the Schuck Data brand — a clean 3D wordmark and a tesseract whose edges rebuild the logo's chart from first principles. Move them, spin them, push them past the clip walls, and watch the camera draw each one onto the fixed screen.
Drag a logo or the center of projection to move it; drag empty space to orbit; scroll or pinch to zoom. Each logo has its own position, rotation, and scale in the panel. The screen always shows the actual rendered frame.
The two marks
- Wordmark
- The
SCHUCK/DATAlettering extruded into 3D and shown in wireframe — the brand, clean, with nothing else attached. - Tesseract
- A four-dimensional hypercube drawn as a cube within a cube. One zigzag through its edges is highlighted — outer corner, down a strut to the inner cube, along its bottom, then back into depth — and that path is exactly the four-node rising chart from the logo, reconstructed from the geometry rather than drawn by hand. The brand's chart, hiding inside a hypercube.
Why bother
A logo is usually a flat, fixed thing. Dropping the marks into the pipeline turns them into real geometry you can interrogate: see how field of view squeezes the lockup, how moving a mark off-axis skews its projection, how the clip walls slice a logo in half. It's a brand asset and a lesson in the same window.