meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

Svelte Cubed + 3D In Browser

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.91.2K Ratings

🗓️ 18 April 2022

⏱️ 20 minutes

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0

Monday! Monday! Monday! Open wide dev fans! Get ready! To stuff your face with

0:07.0

JavaScript CSS! Node modules! Barbecue tips! Get workflow! Break dancing! Soft skills!

0:12.0

Web development! The hastiest! The Carrazius! The tastiest! Web development

0:17.0

treats! Coming in hot! Here is Wes Barakuda! Boss and Scott El Torro Lugo!

0:24.0

Tolinsky!

0:27.0

Welcome to Syntax! On this Monday, hasty treat, we're going to be talking about 3D in the browser,

0:35.0

specifically with Sveltecube, but also just kind of in general. My name is Scott Tolinsky,

0:40.0

I'm a developer from Denver, Colorado, and with me, as always, on this 449th episode of Syntax,

0:48.0

is Wes Boss. Hey, everybody! Excited to be here. Yeah, I'm excited to be here. I'm excited that you're

0:54.0

excited to be here. Stoked! Stoked! You know what else I'm stoked about is two of our amazing

0:59.0

sponsors, Prismic and a log rocket. Log rocket is the perfect place to see all of your errors

1:04.0

and exceptions happen using a scrubble video replay where you can actually see the user

1:10.0

click on the thing that broke the thing, and then you get access to the tools that you typically

1:14.0

know and love, like the network requests, error log, and more within your browser. It's

1:19.0

really cool to imagine being able to see as if you were the user who did the thing

1:24.0

and broke the thing. You can see all of that in your own browser and via all of log

1:30.0

rockets, amazing tools. Not only that, but they have a lot of really amazing

1:34.0

performance tracking metric tools now as well. So check it out at logrocket.com

1:38.0

for it slash Syntax. Sign up and you'll get 14 days for free. Thanks so much for a log

1:42.0

rocket for sponsoring. We're also sponsored by Prismic, which is a headless

1:46.0

CMS. It's not only a headless CMS. There's millions of headless CMSs out there.

1:51.0

What's really important is that the editing experience for your headless CMS is awesome

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2026.