An isometric laboratory scene combining SVG apparatus and WebGL water patterns for wave-interference explainers. Reuse the Node build script, light or dark page, and frequency/spacing controls. Adapt the model, labels, and interaction sequence; add browser recording or a controlled video timeline and audio. The example outputs HTML, not an MP4.
A self-contained scene or composition. Replace its content and integrate it into your film.
Open the linked artifact and its project instructions. Check the required runtime, inputs, and upstream terms.
Use the replacement notes above. Bring your own copy, data, assets, and branding; match the timing to your story.
Follow the upstream render workflow. Check framing, typography, audio, and output before publishing.
Source and documentation review is separate from installation and render testing.
Inspected scene construction, theme selection and standalone HTML output.
Read reviewed sourceInspected SVG/WebGL layers and interactive runtime; also reviewed model.mjs. This is a browser scene, not a validated video renderer.
Read reviewed sourceInspected MIT license; retain required notices.
Read reviewed sourceEditorial paper collage, torn edges, print texture, and layered parallax for history, people, and concept explainers. A 20-second silent HyperFrames / GSAP scene with assembly, separation, collision, and recomposition. Replace the artwork and derived layers; extraction masks are tied to the original image and must be adjusted for new compositions.
Procedural natural-science animation for lifecycle and process explainers. A 32-second, 17-shot vertical film with source, planning documents, music, and rendering tools. Reuse the production structure; changing the subject requires adapting drawing and scene code.
Progressively drawn diagrams for teaching, mental models, and step-by-step explanations.