3D & backgrounds / CANVAS
Rotating wire cube
A wire cube turns around two axes with a fixed camera.

DKC reference implementation; not an original creator video. You can play, pause, and inspect time in the reference.
Make it fit your project.
Build a twelve-second loop by rotating a cube's eight vertices around the Y axis and gently tilting around X. Project the vertices with a fixed perspective and draw the twelve edges with depth-aware opacity. Match the loop endpoints exactly.
Build and check.
- Confirm the supplied content, target environment, and required assets before implementing.
- Build a twelve-second loop by rotating a cube's eight vertices around the Y axis and gently tilting around X. Project the vertices with a fixed perspective and draw the twelve edges with depth-aware opacity. Match the loop endpoints exactly.
- Expose seek(t) so frames can be inspected deterministically; add play, pause, replay, and a reduced-motion still.
- Inspect the opening, midpoint, and final state at desktop and mobile sizes; report any dependency or output limitation.
Know the limits.
- Do not call perspective projection isometric unless parallel lines are actually preserved.
- The prompt guides a coding agent; output quality depends on its implementation and review.
Want us to build it?
Send an optional project brief. We’ll receive your contact details, project description, and this recipe’s ID.
Catalog 2026-10-22.a82e12098f76 · Source revision sha256:dfbe6519cbc4fc84acc4cbf926d8a01c7f2e248dd46cedd67a9112b0e928c2ba