Practical Filament - Reshape your UI!
summary
Filament is presented as a working, lightweight PBR engine and the session shows concrete, runnable steps: add the dependency and call Engine.create, attach a Filament view to a Surface/SwapChain, load geometry from filamesh or GLTF, build materials from filamat and KTX environments, and drive frames with a begin/end loop. Examples include a composable 3D canvas and an animated chip, AR integration via ARCore, and repeated claims that it works with acceptable performance and battery cost.
AI-written summary · about
chapters (25)
- 0:00Introduction to Filament
- 1:04What is Filament and PBR
- 2:29Core rendering components
- 3:11Setting up Filament engine
- 4:36Configuring Filament view
- 6:22Displaying Filament output
- 7:44Renderable objects explained
- 8:05Geometry for renderables
- 9:29Geometry with filamesh files
- 10:53Working with materials
- 11:36Material properties and mat files
- 13:21Adding lights to scene
- 13:42Light parameters and environment
- 15:05Realistic lighting with environments
- 16:30Filament for UI
- 16:50Filament as 3D canvas
- 17:51Rendering GLTF models
- 18:57Advanced use cases
- 19:17AR with Filament and ARCore
- 20:44Performance and battery
- 21:06Production use cases
- 21:47Rendering loop details
- 23:32Performance comparison with Lottie
- 24:13Filament with MediaPipe
- 25:15Q&A
related talks
35mPut some 3D sparkles in your 2D app
33m3D content with Compose Multiplatform
45mMaking Your Website Stand Out With React Three Fiber
28mFragment Shaders In Flutter: A whole new World
33mFigma deep dive: Generative shader effects
20mThe future of the web is paved with shaders
34mFrame.JS
34mWebGL Practical Application