Make Any Image 3D With React Three Fiber
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...
Watch video Make Any Image 3D With React Three Fiber online without registration, duration hours minute second in high quality. This video was added by user Code Workshop 09 January 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,352 once and liked it 97 people.