puzzle cube

A 3D motion study: a 3 × 3 puzzle cube floating over a soft grey studio backdrop, built in three.js. Its 26 rounded, glossy black cubies carry raised, rounded print tiles under a clear coat, and each face of the solved cube shows one picture across its nine tiles: orange bars with a target, a blue eye, a white wireframe globe on black, the word CU / BE on pink, green hourglass triangles and lilac rings, all drawn in code with a fine print grain. Studio environment reflections, a key and a rim light and a soft contact shadow on an invisible floor give it a product-shot finish. One seamless 13-second loop plays by itself: the cube starts scrambled and tumbles slowly, then solves itself in twelve quarter turns, each landing with a small mechanical overshoot, until the six pictures come together; it slows down and tips toward you to present the solved faces, then scrambles itself again in twelve quick turns, back to the exact start. Swap in your own six square images with one setting, and change the scramble, the timing or the tumble in one file. Every frame is a pure function of time, with window.__render(t) for frame-exact video export; reduced motion shows one still of the solved cube. It fills any window, and on a portrait screen the camera widens so the whole cube stays in view. three.js and the font are local, so it runs offline.