Basics of 3D with
Demo✨ https://robpayot.github.io/ufc-3D-bac...
Template 🎓 https://github.com/Robpayot/vite-thre...
Full code access / support 🙏🏻 https://www.patreon.com/user?u=50160165
Hi my name is Robin Payot, I'm a french creative developer making WebGL
websites since 2015, I'm also jury FWA since 2016 and I'm still working
as a freelancer. I've been working with many awarded agencies all over
the world and I'm here to share with you everything I've learned back
then.
In this video we will learn together the basics of Three.js, an amazing library to create 3D rendering in the browser. We're going to create a 3D texts with 3D elements that could appears in the hero of your portfolio for example.
To do this tutorial you will need to download the template and follow
the instructions, good luck!
If you finished the exercise feel free to send your creations in the
comments, I'd be happy to see what you guys are capable of!
You can support me and get a direct access to the code by subscribing to
my patreon ( https://www.patreon.com/user?u=50160165 ), supporting will also give me more time to make new videos!
Thanks!
Other useful links: 📖
Threejs: https://threejs.org/
Learn Threejs: https://threejs.org/docs/index.html#m...
More Threejs example: https://threejs.org/examples/#webgl_a...
Music license Epidemic Sound.
Chapters:
00:00 Intro
02:02 Begin the exercise
05:37 Three.js scene explained
16:12 Create a shape + Movement
30:09 Torus Geometry + Rotation
45:17 Cone Geometry
48:32 Text Geometry
1:05:11 Animate meshes
1:08:10 Mouse animation
#threejs #tutorial #3d #basics #javascript #portfolio
