Make Any Image 3D With React Three Fiber

Опубликовано: 09 Январь 2023
на канале: Code Workshop

4,352

In this video I explain how to create a depth map for any image using an Open Source machine learning model and then use that image and depth map to create a custom shaderMaterial in React Three Fiber with a Fragment Shader that creates a cool pseudo 3D parallax effect.

Code Sandbox Project:
https://codesandbox.io/s/pseudo3d-sha...

MiDAS Depth Estimation Model
Try it online here: https://huggingface.co/spaces/pytorch...

See the original code and citations here.
https://github.com/isl-org/MiDaS

Learn More About Shaders Here
https://thebookofshaders.com/
https://learnopengl.com/Getting-start...

Смотрите видео Make Any Image 3D With React Three Fiber онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code Workshop 09 Январь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,352 раз и оно понравилось 97 людям.

269