April 18th, 2022 × #Svelte#Three.js#3D
Svelte Cubed + 3D In Browser
Scott discusses generating 3D visualizations, animations, and physics simulations in the browser using Svelte Cubed and Three.js.
Wes Bos Host
Scott Tolinski Host
In this Hasty Treat, Scott and Wes talk about Svelte Cubed and working in 3D in the browser.
Prismic - Sponsor
Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
LogRocket - Sponsor
LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes
- 00:21 Welcome
- 01:00 Sponsor: LogRocket
- 01:41 Sponsor: Prismic
- 02:45 Intro to 3D in the browser
- Svelte Cubed
- Getting started with Svelte Cubed
- 03:49 Declarative vs imperative
- 07:43 How does Three.JS work?
- ThreeJS
- 12:28 Orbit controls
- 15:47 Svelte Cannon
- Svelte Cannon
- Blender
Tweet us your tasty treats
- Scott's Instagram
- LevelUpTutorials Instagram
- Wes' Instagram
- Wes' Twitter
- Wes' Facebook
- Scott's Twitter
- Make sure to include @SyntaxFM in your tweets