ThreePipe Examples

Editors/Viewers

  • Tweakpane Editor
  • Model Viewer

Rendering

  • Progressive Plugin
  • Custom Pipeline specification
  • SSAA Plugin
  • Depth Buffer Plugin
  • Normal Buffer Plugin
  • GBuffer Plugin
    (NormalDepth+Flags)
  • SSAO Plugin
  • Virtual Cameras Plugin
  • Virtual Camera (Animated)
  • Basic SVG Renderer Plugin
  • Three SVG Renderer Plugin

Realistic Rendering (webgi)

  • HDR Bloom Plugin
  • DepthOfField Plugin
  • Screen Space Reflection(SSR) Plugin
  • Temporal Anti-aliasing Plugin
  • Outline(Picking) Plugin
  • Screen Space Global Illumination(SSGI) Plugin
  • SSGI + SSR Plugins
  • Anisotropy(Blender) Plugin
  • Velocity Buffer Plugin (TAA)
  • Contact Shadows(SSCS) Plugin

Post-Processing

  • Tonemap Plugin
  • Vignette Plugin
  • Chromatic Aberration Plugin
  • Filmic Grain Plugin
  • Frame Fade Plugin
  • Unreal Bloom Pass

Interaction

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

Configurators

  • Material Configurator Plugin
  • Switch Node (Object Configurator) Plugin
  • glTF KHR Material Variants 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
  • glTF MeshOpt Decode (Compression Extension)

Export

  • Asset Exporter Plugin
    (Scene/GLB Snapshot)
  • Canvas Snapshot Plugin
    (Image Snapshot)
  • PNG, JPEG, WEBP Export
    (Image Snapshot)
  • EXR, PNG, JPEG, WEBP Export
    (Render Target Export)
  • GLB Export
  • GLB (+DRACO) Export
  • PMAT Material Export
  • Transfr.one Share Plugin
    (Upload, share link)

UI Plugins

  • Tweakpane UI Plugin
  • Blueprint.js UI Plugin

Animation

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

Samples

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

Material Extensions

  • Clearcoat Tint Plugin
  • Fragment Clipping Extension Plugin
  • SparkleBump(NoiseBump) Material Plugin
  • Custom Bump Map Plugin
  • Parallax(Relief) Mapping 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
  • AWS Client Plugin
    (S3/R2 upload)
  • Parallel Asset Import
  • Convert OBJ to GLB
  • Convert 3DM to GLB
  • Convert HDR to EXR

Experiments

  • Progressive HDR Environment Shadows
  • SVG Geometry Playground

UI Config

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

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
  • glTF Transmission Test + MSAA + zPrepass