Getting Started with Threlte: Animating a Spaceship in Three.js and Svelte - Part 1

Описание: What's up youtube! I'm back with a small Threlte project, where we'll introduce this amazing library by building an animated spaceship that reacts to your mouse movement, we're also going to explore the most important hooks of this wonderful library and learn all the ins and outs of how to combine svelte with threejs. This first part of the tutorial will focus on setting up the project, exploring the basics of threlte, and load onto the scene new models

Timestamps:
00:00 - Introduction
00:47 - Project setup
02:05 - Introducing Threlte's Canvas
02:35 - T notation
04:10 - Grid, Float, ContactShadows
05:18 - Creating the spaceship model
07:47 - Conclusion

Try it on your browser (it will take a while to fully download)
https://domenicobrz.github.io/youtube...

Repo of the project:
https://github.com/Domenicobrz/Threlt...

Episode 0 branch:
https://github.com/Domenicobrz/Threlt...
Episode 1 branch:
https://github.com/Domenicobrz/Threlt...

Models & textures:
https://github.com/Domenicobrz/Threlt...

Subscribe for more exciting webdev tutorials, JavaScript & react three fiber / threejs projects, svelte & threlte content, and a lot of creative coding tips!

If you find this tutorial helpful, don't forget to like the video and share it with your fellow developers. Leave your comments below if you have any questions or suggestions for future videos.

Connect with me on social media:

Twitter:   / domenico_brz  
Instagram:   / domenicbrz  
Website: https://domenicobrz.github.io/webgl/i...

Thank you for watching, and happy coding!

#svelte #threejs #javascript