Skip to content

kronpano/SkyboxTransparencyFromDepth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Skybox transparency from generated depth map

small examples of using depth map and 360 skyboxes with three.js

The generated depth map was used to create the CockpitTransp.png file.
I imported the 360 image and the greyscale depthmap into an image editor.
There I used a curve and threshold filter to create a transparency mask for the windows and saved the output as CockpitDepthBW.jpg. The CockpitDepthBW.jpg is used as an alpha map to make the windows transparent and show the background.
The three.js part is basically just one big sphere for the background and a second smaller sphere for the cockpit. The cockpit uses standard material because that accepts an alphaMap to create the desired effect. Added orbit control and that's about it.

About

small examples of using depth map for transparency and a 360 skybox with three.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages