ThreePipe Examples

Editors

  • Tweakpane Editor

Post-Processing

  • Tonemap Plugin
  • Vignette Plugin
  • Chromatic Aberration Plugin
  • Filmic Grain Plugin
  • Frame Fade Plugin

Rendering

  • Progressive Plugin
  • Custom Pipeline specification
  • Depth Buffer Plugin
  • Normal Buffer Plugin
  • GBuffer Plugin
    (NormalDepth+Flags)
  • Virtual Cameras Plugin
  • Virtual Camera (Animated)

Interaction

  • Picking (Selection) Plugin
  • Camera View (Animation) Plugin
  • Dropzone (Drag & Drop) Plugin
  • Transform Controls Plugin
  • Editor View Widget Plugin
  • FullScreen Plugin
  • Device Orientation Controls Plugin (Gyroscope)
  • Pointer Lock(FPS) Controls Plugin
  • Three First Person(look around) Controls Plugin

Import

  • FBX Load
  • OBJ MTL Load
  • GLTF Load
  • Rhino 3DM Load
  • DRACO(DRC) Load
  • HDR Load
  • EXR Load
  • Image(png, jpeg, svg, ico, webp, avif) Load
  • USDZ, USDA Load
  • PLY Load
  • STL Load
  • KTX2 Load
  • KTX Load
  • BLEND Load
  • SPLAT Load
    (Gaussian Splatting)
  • Extra(3ds, 3mf, collada, amf, bvh, vox, gcode, mdd, pcd, tilt, wrl, ldraw, vtk, xyz) Load

Export

  • Canvas Snapshot Plugin
    (Image Snapshot)
  • PNG, JPEG, WEBP Export
    (Image Snapshot)
  • EXR, PNG, JPEG, WEBP Export
    (Render Target Export)
  • GLB Export
  • PMAT Material export

UI Config

  • Material UI
  • Object UI
  • Camera UI
  • Scene UI
  • Viewer UI

UI Plugins

  • Tweakpane UI Plugin
  • Blueprint.js UI Plugin

Animation

  • glTF Animation Plugin
  • Popmotion Plugin
  • glTF Camera Animation
  • glTF Animation Page Scroll

Materials

  • Clearcoat Tint Plugin
  • Fragment Clipping Extension Plugin
  • SparkleBump(NoiseBump) Material Plugin
  • Custom Bump Map Plugin

Utils

  • Contact Shadow Ground Plugin
  • HDRi Ground Plugin
    (Projected Skybox)
  • Render Target Preview Plugin
  • Object3D Generator Plugin
    (Lights, Cameras)
  • Geometry Generator Plugin
  • Object3D Widgets Plugin
    (Lights, Cameras)
  • Geometry UV Preview Plugin
  • Parallel Asset Import
  • Convert OBJ to GLB
  • Convert 3DM to GLB
  • Convert HDR to EXR

Samples

  • HTML/JS Sample
  • React/JS Sample
  • React/JSX Sample
  • React/TSX Sample
  • Vue/HTML Sample
  • Vue/SFC Sample
  • Svelte Sample

Lights

  • Directional Light
  • Spot Light
  • Point Light
  • Ambient Light
  • Hemisphere Light
  • Rect Area Light

Tests

  • Multiple Viewers Test
  • glTF Transmission Test
  • glTF Transmission Test + MSAA
  • Uint8 RGBM HDR Test
  • Half-float HDR Test
  • RGBM Test
  • Half Float Test
  • MSAA Test
  • Z-Prepass Test
  • Import Test