How To Use React Three Fiber Post Processing Shaders

Опубликовано: 28 Ноябрь 2022
на канале: Code Workshop

3,038

Learn how to use React Three Fiber PostProcessing shaders and the Drei Text and Image components to create a cool cyberpunk terminal. We'll also generate some character art with Stable Diffusion to use as assets in our project.

React Three Fiber Starter Template:
https://codesandbox.io/s/react-three-...

Finished Project Demo:
https://codesandbox.io/s/react-three-...

Docs:
https://github.com/AUTOMATIC1111/stab...
https://docs.pmnd.rs/react-postproces...
https://github.com/pmndrs/drei

0:00 Intro
1:15 Generating Art Assets in Stable Diffusion
4:30 Setting up the React Three Fiber Project
6:39 Creating Text in React Three Fiber with Drei
11:14 Adding Dynamic Text to the Scene
30:07 Adding Images to the Scene
37:00 Adding Controls to Switch Characters
46:49 Adding the Loader
55:10 Adding the EffectComposer and Post Processing Effects
1:13 Changing the Text Font

Смотрите видео How To Use React Three Fiber Post Processing Shaders онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code Workshop 28 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,038 раз и оно понравилось 72 людям.

4,641