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
-
React & Three.js - Building Interactive Minecraft Chest Model with React Three Fiber
-
Front End Portfolio Website Tutorial - Next.js, Three.js, Tailwind CSS
-
Intermediate Three.js Tutorial - Create a Globe with Custom Shaders
-
The Complete React Bootcamp 2023 (Updated)
-
Awesome 3D Shattering Effect Tutorial - Next.js 14 with React Fiber and THREE.js
-
How to Add 3D Models to Website Using React Three Fiber
