☰

ThreePipe Examples

Editors/Viewers

• Tweakpane Editor
• Model Viewer

Custom

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
• Anisotropy(Blender) Plugin
• Velocity Buffer Plugin (TAA)
• Contact Shadows(SSCS) Plugin
• Advanced Ground Plugin
  (Baked Shadow/Planar Reflections)
• R3F/TSX + WebGI Sample
• R3F Screen Space Reflections (SSR)
• Fat/Mesh Lines (SSR+Shadow)

Post-Processing

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

Interaction

• Picking (Selection) Plugin
• Dropzone (Drag & Drop) Plugin
• Transform Controls Plugin
• Editor View Widget Plugin
• Loading Screen Plugin
• FullScreen Plugin
• Interaction Prompt Plugin
• Object Constraints 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
• Drei Pivot Controls (R3F)

Configurators

• Material Configurator Plugin
• Switch Node (Object Configurator) Plugin
• glTF KHR Material Variants Plugin

Text

• Monkey Type 3D (Mini Game)
• Troika Text Plugin
  (SDF Text)
• Dynamic Text Plane
  (Simple/SVG)
• Dynamic Text Plane
  (Troika Text)
• Troika Text (2D) + Shadow
• Drei Troika Text+HTML (R3F)

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
• Video (mp4, mov, webm) 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 / Config

• Tweakpane UI Plugin
• Blueprint.js UI Plugin
• Timeline UI Plugin (Animation)
• Material UI
• Object UI
• Camera UI
• Camera (Ortho) UI
• Scene UI
• Viewer UI
• Hierarchy UI Plugin

Animation

• Camera View (Animation) Plugin
• Animation Object Plugin
  (Property Animations)
• glTF Animation Plugin
• Transform Animation Plugin
• Animate Material Properties
• Popmotion Plugin
• glTF Camera Animation
• glTF Animation Page Scroll
• Animation Clip (glTF) Custom Data
• Follow Path(curve) Constraint

Framework Samples

• HTML/JS Sample
• R3F/JS Sample
• R3F/TSX Sample
• R3F React Router Sample
• React/JS 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 Helpers)
• Line Helper Widget
  (Spline Editor)
• Skeleton Helper Widget
  (Bones Skeleton)
• Bone Helper Widget
  (Single Bone)
• Watch Hands Plugin (webgi)
• SSGI + SSR Plugins (webgi)
• 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
• Flickity Image Carousel

Shaders

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

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)
• Dispose + Reimport 2 (URL, Root)
• Reimport Duplicate (URL, Root)
• Clear + Reimport (URL, Root)
• Clear + Reimport 2 (URL, Root)
• TheatreJs UI Plugin (Incomplete)
• Instanced Mesh Demo
• R3F Diamond Caustics
• R3F Spline Glass
• Drei Transform Controls (R3F)