Posted by & filed under Motion Graphic, Web Design, Work.

pano

This project uses WebGL and the popular ThreeJS library to create an interactive 360º panorama. This uses a large image mapped onto the inside of  a sphere then the camera is placed in the middle of this and as the user clicks and drags, they can navigate the room. The hover effect happens when the user moves over areas on the image using raycasting in 3D to find which part of the image is currently under the mouse.

The image is rendered in Cinema4D by placing a shiny sphere in the centre of a scene and then baking the texture map of the room as a reflection.

View Project →

Leave a Reply