Best X Builds
Feature

Production path · 3D and real-time

3D and real-time graphics

Three.js, WebGL, Blender. The X video is almost always a capture. Clearwater looks photographic because of shaders, not because a video model painted water.

  1. Step 1

    Decide capture vs film

    If the camera is live in a browser, ship the demo and record a walkthrough. If you need a locked cinematic, bake the camera in Blender and render offline.

  2. Step 2

    List every asset

    Meshes, textures, HDRIs, fonts. 'No external assets' often still means an embedded generated texture. Say so.

  3. Step 3

    Set a device budget

    Phone fps, a quality ladder, and a screenshot test at two resolutions. A 4K claim on an X preview is not a master.

Tools

  • Three.js / WebGL2
  • Blender (EEVEE or Cycles)
  • Optional: Tripo or other mesh generators

Checks

  • You can move the camera in the live scene
  • Intersections and scale make sense
  • Frame rate holds on the target device
  • The posted MP4 is labeled as a capture if it is one

Videos on this path

  • Architectural exploded view

    Architectural exploded view. Real-time or offline 3D. The X video is usually a capture of a scene, not native video pixels. Posted by @zdkiel_labs.

  • Clearwater

    27 s capture of real-time shallow water with changing camera/ripples, shown by Hypit samples.

  • Pelican on a bicycle

    Pelican on a bicycle. Real-time or offline 3D. The X video is usually a capture of a scene, not native video pixels. Posted by @AxtonLiu.

  • Airport ramp in 3D

    Ramp view where planes, tugs, and baggage containers sit in 3D. Click a stand and the scene shows what is on it. Built with Opus 5.5.

  • Inside a chip fab

    30 second Three.js film of a chip fab. One speck of dust kills the wafer.

  • Lighthouse keeper

    One HTML file. A lighthouse keeper guides a boat through a storm. Procedural Three.js.

  • Unreal character cutscene

    A Tripo and Blender character brought into Unreal for a cutscene with VFX and transitions. Directed with Opus 5.5.

  • Wax stamp

    Several 3D wax seals, one shot with Opus 5.5, running in the browser.

All videos

In short

Is photoreal water a video model?
Not in the Clearwater case. The public WebGL2 project documents waves, refraction, and caustics. Look at the repo before you assume diffusion.

← All how-to guides