Master Webgl with React Three Fiber and Threejs : course 3

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

Master Webgl effects with React Three Fiber and animations with React and Greensock (GSAP)

1. INTRODUCTION AND THE PROJECT WE WILL BUILD

1. 01 A_INTRODUCTION AND THE PROJECT WE WILL BUILD

2.1 _sources_r3f.zip

2. 01 B_SETUP AND LINKS

2. Create the scene, shaderMaterial and add texture

1. 02 A_CREATE THE HeroText AND STYLE IT

2. 02 B_CREATE THE Scene

3. 02 C_USING shaderMaterial

4. 02 D_USING useFrame HOOK

5. 02 E_USING useLoader TO ADD TEXTURE

3. Create the Header and animate the svg wheel while scrolling

1. 03 A_CREATE THE Header and style it

2. 03 B_ANIMATE THE SVG wheel while scrolling

4. Create the image and the content section and the split text staggered animation

1. 04 A_CREATE THE ImageSection AND STYLE IT

2. 04 B_CREATE THE ContentSection AND STYLE IT

3. 04 C_CREATE A splitText FUNCTION

4. 04 D_CREATE THE STAGGERED ANIMATION

5. Create and animate the featured work section

1. 05 A_CREATE THE FeaturedWork AND STYLE IT

2. 05 B_ANIMATE FeaturedWork

6. Create the projects section and handle mouse event

1. 06 A_CREATE THE Projects AND STYLE IT

2. 06 B_CREATE THE ProjectItems AND STYLE IT

3. 06 C_HANDLE MOUSE EVENT

7. Create and animate the say Hello section

1. 07 A_CREATE THE SayHello AND STYLE IT

2. 07 B_ANIMATE THE SayHello

8. Thank you

1. 08 A_THANK YOU

45,900 تومان

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

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

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

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