React & Three.js | Working with Shaders using React Three Fiber
Hey everyone! Today we will be learning how to use React Three Fiber & Shaders!
Join the discord: / discord
Source Code:
https://github.com/wrongakram/R3F-Shader
https://codesandbox.io/s/r3f-wavey-im...
Links:
Written Tutorial: https://cat-change-b22.notion.site/R3...
Three.js: https://threejs.org/
React Three Fiber: https://github.com/pmndrs/react-three...
Drei: https://github.com/pmndrs/drei
Article: https://tympanus.net/codrops/2020/03/...
Mario Carrillo: / marioecg
Bruno Simon Three.js Course: https://threejs-journey.xyz/
Social Links:
/ wrongakram
https://github.com/wrongakram
https://dribbble.com/Wrongakram
Intro: 0:00
Setup: 2:15
Create a Basic Scene: 3:44
Shader Basics: 7:00
Wave Effect: 24:32
Adding an Image Texture: 30:44
Styling: 34:43
New to the channel?
Hey, there my name is Akram, I am a Front end developer and UI Designer. I'm here to hopefully educate people on how to code projects that actually look good. My stack mainly consists of react.js and node.js. For UI design I like to use Adobe XD and Framer as my go-to. If you have any suggestions on tutorials you would like to see feel free to DM me :)
Watch video React & Three.js | Working with Shaders using React Three Fiber online without registration, duration hours minute second in high quality. This video was added by user Akram 17 July 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 76,010 once and liked it 2.5 thousand people.