INTERACTION DESIGN · CAMERA AND PARTICLES

Camera travel and the sense of depth

Learn how opening, warp, and ring travel combine camera paths with particles to create continuous motion.

Camera and particle motion cuesOpening moves the camera, warp emphasizes particles, and ring travel follows a curved path.OPENINGWARPRING TRAVELcamera crosses depthparticles carry speedcamera follows a curvescene settles to viewdensity rises and fallsrings define clearance

Opening moves through an existing scene

The opening establishes scale by allowing nearby particles to cross the frame while the solar system grows from a distant point into the saved or default composition. Particles need varied depth and individual fade timing; otherwise the whole layer appears to switch on or off.

The ending is a state handoff. Camera position, lens, bank, body scale, texture detail, clouds, lighting, orbit lines, and labels must converge without a visible snap. Expensive textures can be prepared early, but should not become fully visible until their blend is ready.

Warp lets particles carry the speed

Warp cannot move the camera through an unlimited physical scene, so the particle stream supplies much of the perceived velocity. Population begins lightly, reaches its strongest interval later, then decreases before arrival. Tail length, width, brightness, and lateral origin vary so the field does not look copied.

A direction is chosen for one journey. Continually changing particle roll looks like unstable steering and adds calculation without a useful cue. A stable direction with a meaningful chance of near-zero roll produces variety while remaining comfortable.

The warp-to-opening bridge overlaps motion

If warp ends before opening begins, the screen pauses. If both fields reach full density together, the number of stars suddenly doubles. Solar Time overlaps a fading warp tail with a gradually appearing opening field while bringing their apparent flow speeds closer.

Late warp particles should pass the viewer or recede naturally. Their opacity follows remaining life rather than disappearing only because a target particle count has fallen. Count-based deletion is the source of many “lights off” endings.

Mars, Saturn, and Uranus travel follow geometry

Saturn's rings make camera clearance obvious. A straight interpolation from an arbitrary tracked view can cut through the ring plane or force the target angle suddenly. A curved route blends current camera velocity into the approach, so starting close to Saturn does not replace the user's motion with a canned direction.

Canceling is another handoff. Saturn, the rings, and the other planets must return through the same scale progression. If surrounding planets become points first, the system seems to reassemble in separate pieces.

Mars, Saturn, and Uranus share the same travel controls. Mars offers a surface journey; Saturn and Uranus take you around their rings. T cycles through the three destinations during approach or cruising, carrying the current speed into the next journey. Right-drag up/down adjusts travel speed from 10% to 200%, and the wheel moves the viewpoint closer or farther away.

Approach and departure follow smooth curved paths. Keeping the departing planet visible helps the destinations feel like parts of one continuous scene. Use 0 for the default composition or Escape for the pre-journey view; dismiss an open card first if it consumes Escape.

Cinematics do not change astronomical state

A cinematic may rotate the viewing frame, move the camera, alter presentation scale, and choose particle cues. It should not change simulation time or regenerate star coordinates. When a hidden browser tab resumes, one monotonic progress value should settle the renderer into a valid camera state.

Try it in Solar Time

  1. Start the default opening and watch particle layers appear individually.
  2. Press W from several camera angles and compare the direction and population ramp.
  3. Press T to enter the nearer ring system. Wait for the loop, then press T again to visit the other planet; compare the two ring fields.
  4. Switch browser tabs during a cinematic and return. The final camera should remain recoverable with 0.

Project context

Continue learning