Modern ThreeJS with Vite

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=TiWRM3J5FlI

UPDATE ⚠️: • Do you want to check out an easier way to use ThreeJS on VueJS, check out TresJS https://tresjs.org/. Tres is a library that allows you to create 3D scenes declarative as Vue Components 😎. • New videos 🔥: • Getting started with TresJS • Getting started with 3D on Vue with T... • Basic Animations with TresJS render loop • Basic animations with TresJS render loop • ---- • ThreeJS is an amazing javascript library that allows you to create amazing 3D Experiences on the web with WebGL. • Most of the tutorials and examples I see on the web uses Webpack, what if we mix the awesomeness of ThreeJS with the performance of Vite, the next generation Frontend tooling. We also going to use Typescript. • The result is just, amazing. • Resources • Modern ThreeJS github template https://github.com/alvarosabu/modern-... • ThreeJS https://threejs.org/ • Vite https://vitejs.dev/ • 00:00 - Intro • 01:52 - Basic Setup • 04:21 - Install deps • 05:07 - Dev Server • 06:25 - Install types for three • 08:11 - Basic Scene prep • 11:14 - Split into sub files • 18:08 - Code enhancement suggestions • 23:58 - Debug using tweakpane • 30:46 - FPS Graph • 34:20 - Why Vite over Webpack • 37:49 - Repository with the Code • 38:51 - Wrapping Up • 39:15 - Outro

#############################

New on site