Threejs Gaussian Splatting! (r3f + Drei) - How To Guide
Hey folks in this video I'll show you how you can create your own Splats using the Luma app, convert the files from .ply to .splat and get them up and running inside ThreeJs using React Three Fiber and the new splat Drei component!
All links used in this video:
Fiddle for converting: https://jsfiddle.net/2sq3pvdt/1/
gsplat.js: https://github.com/dylanebert/gsplat....
hugging face file upload: https://huggingface.co/
drei: https://github.com/pmndrs/drei
My tools 🎙
Camera: Fujifilm XT-4
Screen studio for recording (affiliate): https://screen.studio/@g2NZ2
Mic: Blue Yeti Black edition
Say hi! 👋
My socials:
TikTok: @sams.code
Discord: / discord
Twitter: / sam_osb
Instagram: / sams.code
Chapters:
00:00 Intro
00:30 Capturing the splat
02:20 Convert the .ply to .splat
04:55 Code to display the splat
#developer #sideproject #javascript #dev #opensource
