Learn how to use React Three Fiber and shaders in this 36-minute tutorial. Explore the process of creating a basic scene, understanding shader basics, implementing a wave effect, adding an image texture, and styling. Follow along with provided source code and additional resources to enhance your understanding of Three.js, React Three Fiber, and Drei. Gain practical knowledge on creating visually appealing web experiences using these powerful tools.
Overview
Syllabus
Intro:
Setup:
Create a Basic Scene:
Shader Basics:
Wave Effect:
Adding an Image Texture:
Styling:
Taught by
Wrong Akram
Related Courses
-
Front End Portfolio Website Tutorial - Next.js, Three.js, Tailwind CSS
-
React & Three.js - Building Interactive Minecraft Chest Model with React Three Fiber
-
The Complete React Bootcamp 2023 (Updated)
-
Intermediate Three.js Tutorial - Create a Globe with Custom Shaders
-
3D-fying Websites Using React Three Fiber - From Setup to Deployment
-
Awesome 3D Shattering Effect Tutorial - Next.js 14 with React Fiber and THREE.js
