Feature a build or sponsor the directory. DM @pranavmore69

Best X BuildsBrowse ↓

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.

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