Learn How To Make Interactive 3D Apps With Svelte And Threlte

Threlte is a 3D framework for Svelte.

🔴 Patreon: https://www.patreon.com/joyofcode
𝕏 Twitter: https://twitter.com/joyofcodedev
💬 Discord: https://discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses

🔗 Three.js: https://threejs.org/
🔗 Threlte: https://threlte.xyz/
🔗 Svelte Tutorial: https://svelte.dev/tutorial
🔗 Three.js Manual: https://threejs.org/manual/#en/fundamentals
🔗 Three.js Example: https://threejs.org/examples/#webgl_animation_keyframes
🔗 Sketchfab: https://sketchfab.com/
🔗 Mixamo: https://www.mixamo.com/
🔗 3D Model (Littlest Tokyo by Glen Fox): https://github.com/mrdoob/three.js/raw/refs/heads/master/examples/models/gltf/LittlestTokyo.glb

🔖 Timestamps

0:00 Intro
1:39 Threlte Basics
4:43 Translating Three.js Code To Threlte
8:24 Using Threlte Extras (Utilities, Abstractions and Plugins)
10:10 Using Svelte Tweakpane UI
11:30 Loading 3D Assets
15:38 More Threlte Features
16:33 Outro

#joyofcode #sveltekit #svelte