ThreePipe Examples

Editors/Viewers

  • Tweakpane Editor
  • Model Viewer

Rendering

  • Progressive Plugin
  • Custom Pipeline specification
  • SSAA Plugin
  • MSAA + SSAA
  • Viewer Render Size
  • 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
  • Three GPU Path Tracer
  • 3D Tiles Renderer

Realistic Rendering (webgi)

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

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)
  • glTF Mesh Lines (Fat Lines)
  • glTF pbrSpecularGlossiness
    (Convert/Import)
  • AssimpJs Plugin
  • B3DM Load (3D Tile)
  • I3DM Load (3D Tile)
  • PNTS Load (3D Points)
  • CMPT Load (3D Tiles)
  • DZI Load (DeepZoomImage)
  • Slippy Map Tiles Load
    (OpenStreetMap ZYX)
  • Google Maps Globe (OGC Tiles)
  • Google Maps 3D (OGC Tiles)
  • File/Blob load

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
  • FBX Export (AssimpJs)
    (glTF To FBX)
  • 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 4 Sample

Material Extensions

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

Utils / Experiments

  • 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
  • Fat Lines (Mesh Lines)
  • Line Spiral (Mesh Lines)
  • Progressive HDR Environment Shadows
  • Multi-render UV clipping
    (Material Extension)
  • SVG Geometry Playground
  • Stencil Clipping Portal
  • Stencil Picking Outline

Shaders

  • Basic Screen Shader
  • Advanced Screen Shader
  • Screen Shader Material
  • Screen Pass Extension
  • Screen Pass Extension Plugin
  • ShaderToy Player

UI Config

  • Material UI
  • Object UI
  • Camera UI
  • Camera (Ortho) 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
  • JS ImageData Test
  • glTF Transmission Test + MSAA + zPrepass
  • Dispose + Reimport (URL)
  • Dispose + Reimport (URL, Root)
  • Clear + Reimport (URL, Root)