Build a 3D Animated Cube using Three.js, Next.js and Framer Motion
A web animation featuring a 3D cube, animated on scroll, mouse move and on drag, using Three.js, react three fiber, Next.js and Framer Motion.
Demo / Source code: https://blog.olivierlarose.com/tutori...
00:00 Intro
00:24 Cube Geometry
4:55 Cube Texture
7:07 Drag Gesture
8:20 Mouse Move Gesture
12:38 Scroll Gesture
15:18 Scroll Gesture with Framer Motion
18:47 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #gsap #framer #motion #svg #morph
Смотрите видео Build a 3D Animated Cube using Three.js, Next.js and Framer Motion онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Olivier Larose 14 Сентябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 15,075 раз и оно понравилось 569 людям.