Venus Animation

What is Venus Animation?

A fully procedural, endlessly rotating Venus rendered entirely in Canvas 2D — no WebGL, no libraries. A seeded CPU pass forges a 1024x512 equirectangular surface (dark umber volcanic plains, the orange-gold highlands of Ishtar Terra / Lakshmi Planum, Maxwell Montes, the Aphrodite Terra spans, Thetis Regio, Alpha / Beta / Atla Regio and Artemis, plus named volcanoes and craters — Maat Mons, Sapas Mons, Ozza Mons, Sif Mons, Rhea Mons, Theia Mons, Idunn Mons, the Mead and Cleopatra craters — over scattered impact craters, shield domes and a fine radar speckle). A per-pixel software sphere pass maps the texture with bilinear sampling, a single directional sun, a soft terminator and a thin atmospheric limb glow. Drag in any direction to turn it, flick for momentum, wheel or two-finger pinch to zoom 0.5x-2.2x, +/- keys or the on-screen buttons to zoom, and press i to probe the surface for its real Magellan geography.

Venus Animation at a glance

Category

Space & Planets

Pricing

Pro component

Libraries

React

Styling

Tailwind CSS

Configurable props

2

AI prompts

Ready for Advance, Antigravity, Claude Code, Cursor, Lovable

How Venus Animation works

A single Canvas 2D software renderer — no WebGL, no libraries. A seeded CPU pass builds a 1024x512 equirectangular surface: dark umber/orange/gold/pale-yellow volcanic plains driven by layered value-noise fbm (warped fbm, a cubed ridge term and a low-frequency term), real Magellan highlands drawn as angular-radius ellipses on the sphere (Lakshmi Planum / Ishtar Terra, Maxwell Montes, the Aphrodite Terra spans, Thetis Regio, Alpha / Beta / Atla Regio, Artemis), a fine radar speckle, plus named volcanoes and craters stamped as radial profiles (Maat Mons, Sapas Mons, Ozza Mons, Sif Mons, Rhea Mons, Theia Mons, Idunn Mons, the Mead and Cleopatra craters), 80 random impact craters and 45 shield domes. The colours come from a 256-entry ramp LUT (dark umber -> orange -> gold -> pale yellow). buildMap pre-computes per-pixel sphere tables (u/v, latitude, sun shade, rim glow, alpha coverage) for the current tilt; retilt() refreshes them when the camera tilts. renderSphere does a bilinear texture fetch per disc pixel and applies the shade + orange atmospheric limb. drawFrame paints the near-black sky, twinkling stars, a radial orange glow, then blits the disc scaled by zoom. Drag in any direction to turn it with a flick (yaw += momentum, decaying 0.94/frame) and vertical tilt clamped to +/-1.45 rad, wheel or two-finger pinch zooms 0.5x-2.2x, +/- keys or the on-screen buttons zoom, and hovering + i/e toggles an inspect probe that reports lat/lon and the nearest named feature/highland. prefers-reduced-motion stops the auto-spin (still draggable). The whole loop is gated by an IntersectionObserver and the Page Visibility API, the one-time texture build is deferred and yields until on screen, and the raster is capped at ~40fps.

Technical information for Venus Animation

What Venus Animation requires

• Canvas 2D context (no WebGL, no three.js/gsap)
• seeded LCG RNG + 3D value noise with fbm, imul-hash H3, plus an ll() lat/lon -> unit-vector helper
• equirectangular texture generator (async, yielding every 16 rows, cancellable): layered warped fbm + cubed ridge + low-frequency term, angular-radius highland ellipses, radar speckle, and radial-profile volcanoes/impact craters/shield domes
• 256-entry colour-ramp LUT (dark umber -> orange -> gold -> pale yellow)
• per-pixel software sphere mapping tables (u, v, latitude, sun shade, rim glow, alpha coverage) built once per tilt; retilt() refreshes on tilt change; renderSphere does a bilinear fetch + shade + orange limb glow
• a fixed 1024x512 texture blitted onto a container-sized canvas with a twinkling starfield and a radial orange glow
• trackball drag (yaw + tilt, tilt clamped +/-1.45) with a 0.94/frame flick, pointer-capture, wheel + two-finger pinch zoom clamped 0.5x-2.2x, +/- keys, on-screen buttons
• render disc buffer sized to the container's shorter side (capped at 560px) on an rAF-throttled ResizeObserver; pointer maths use getBoundingClientRect
• prefers-reduced-motion matchMedia (stops the auto-spin; still draggable)
• inspect probe (hover + i / Escape) that maps the hovered disc pixel back to lat/lon and the nearest named feature or highland
• IntersectionObserver + Page Visibility gate: rendering pauses off-screen or when the tab is hidden, and the one-time texture build is deferred and paused until the box is visible; the raster is capped at ~40fps
• full teardown on unmount (cancel rAFs, disconnect ResizeObserver + IntersectionObserver, clear the loading timer, remove listeners, abort an in-flight build)

Venus Animation questions