Panorama projection on 3D meshes in Three JS (GLSL shader)
Budget: $25 – $50 USD
I need to make a UV projection of an equirectangular panorama onto a 3D mesh.
The shaders in Three.Js use GLSL, so shading knowledge is required.
Use case:
I will use it for Virtual Tours, in a 3D environment, with several spots for 360° viewing, each of these panoramas individually (one at a time when activated) will make the UV projection directly on the mesh, then I can move in the environment.
See the attached photo for an example, and check out this real-time example:
https://der-mische.de/panorama/herne-wanne-tunnel/ - you can move like a game.
Other examples:
https://www.shadertoy.com/view/XdlGzH
https://tympanus.net/codrops/2020/01/07/playing-with-texture-projection-in-three-js/
The shaders in Three.Js use GLSL, so shading knowledge is required.
Use case:
I will use it for Virtual Tours, in a 3D environment, with several spots for 360° viewing, each of these panoramas individually (one at a time when activated) will make the UV projection directly on the mesh, then I can move in the environment.
See the attached photo for an example, and check out this real-time example:
https://der-mische.de/panorama/herne-wanne-tunnel/ - you can move like a game.
Other examples:
https://www.shadertoy.com/view/XdlGzH
https://tympanus.net/codrops/2020/01/07/playing-with-texture-projection-in-three-js/