Beautiful React Three.js Fiber Configurator – Design & Code

سرفصل های دوره

Learn to create a 3D configurator using Three.js, React Three Fiber, Valtio and Framer Motion.

1 - Introduction

1 - What we will be creating

1 - link for the final project.zip

2-Project-Files.zip

2 - Design

3 - How to plan your designs for threejs R3F experiences

3 - react-three-fiber-course-configurator.zip

3 - 3D Optimization

4 - Optimizing the model

5 - Baking the lightmaps on Blender

6 - Exporting the model to use in React Three Fiber Configurator

4 - React Three Fiber Development

7 - Environment setup using CodeSandBox

7 - code sandbox starter project.zip

8 - Creating the basic React Three Fiber Scene

8 - code sandbox with the source code of this class.zip

9 - Load the blender Model

9 - code sandbox with the source code of this class.zip

10 - Make the model follows the mouse position

10 - code sandbox with the source code of this class.zip

11 - Create the Intro overlay

11 - code sandbox with the source code of this class.zip

12 - Create the Customizer overlay

12 - code sandbox with the source code of this class.zip

13 - Implementing Valtio for state management

13 - code sandbox with the source code of this class.zip

14 - Implementing the colors configurator

14 - code sandbox with the source code of this class.zip

15 - Implementing the decals selector

15 - code sandbox with the source code of this class.zip

16 - Download button and Mobile adjustments

16 - code sandbox with the source code of this class.zip

17 - Animate the interface with framer motion

17 - code sandbox with the source code of this class.zip

18 - Conclusion

139,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training