Introduction to using 3D in the browser with Svelte and Threlte.
๐๏ธ Links:
Introduction To 3D With Svelte
๐ https://joyofcode.xyz/introduction-to-3d-with-svelte
Threlte
๐ https://threlte.xyz/
Models
๐ https://sketchfab.com/3d-models/cute-ghost-2c8c03bb0e5049529e653f9011a8fc90#download
๐ https://sketchfab.com/3d-models/japanese-bridge-garden-d122e17593eb4012913cde927486d15a
๐๏ธ List of what I use:
๐ https://joyofcode.xyz/uses
โณ๏ธ Timestamps
0:00 Introduction
0:47 What Is Threlte?
3:59 Imperative vs. Declarative
4:59 How To Learn Three.js
6:41 Project Setup
8:30 Creating Your First Scene
16:19 Adding Helpers And GUI Elements For Values
23:42 Importing 3D Models
26:02 Using Blender To Edit 3D Models
31:03 Creating The Final Scene
48:59 Conclusion
13 Comments
If you like tiling WM, you should try Hyprland.
๐ – HOT GIRLS PICS FOR YOU ๐ฅ๐o๐
Quite awesome, very detailed and good flow. Thanks for sharing.
I hope Threlte will reach the same level as React Three Fiber ๐
Very well done. Thanks!
great video, thank you !
Wanted to combine svelte with three js, this video helped me a lot thanks!
Loved the intro
Definitely the best Svelte content around ๐ฅ
Thank you so much: such a lot of useful info for us who know threejs a little and weโre looking to combine it with the declarative style of Svelte! Great tips on Vite tweaks to make SSR work with it. Fabuloso!
Awesome ๐คฉ
Awesome content! Just Subscribed! Thanks for these tutorials!
Edit: Just wanted to add, "Threlte JS tutorial" as keyword in YT search shows your channel as the only one that literally teaches threlte, thanks again!
Finally the tutorial I was waiting for ๐ฅ
Incredible! Amazing video!