All motion recipes

3D & backgrounds / CANVAS

Rotating wire cube

A wire cube turns around two axes with a fixed camera.

Rotating wire cube, DKC reference still

DKC reference implementation; not an original creator video. You can play, pause, and inspect time in the reference.

Make it fit your project.

Your brief stays in this browser. Preparing a prompt does not send it to a server.

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.

  1. Confirm the supplied content, target environment, and required assets before implementing.
  2. 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.
  3. Expose seek(t) so frames can be inspected deterministically; add play, pause, replay, and a reduced-motion still.
  4. 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.

By sending this brief, you agree to our privacy policy. Prefer a conversation? Book a strategy call.

Catalog 2026-10-22.a82e12098f76 · Source revision sha256:dfbe6519cbc4fc84acc4cbf926d8a01c7f2e248dd46cedd67a9112b0e928c2ba