

This uses regl as the WebGL wrapper, and comes in at a total of 140kb uglified, or 46kb gzipped. 360-image-viewerģ60-image-viewer is a standalone panorama WebGL image viewer for desktop and mobile.
#PHOTOSPHERE VIEWER WINDOWS CODE#
Unlike Panolens.js that is based on Three.js too, this basic demo contains the base code to implement your own 360 image viewer with only Three.js. In this article, we'll share with you 7 libraries that will allow you to embed equirectangular images in the browser so the user can interact with theme easily.

If you are willing to display that kind of images in the web, you will need a special piece of code to make it work. This format has become popular in social media and marketing and has found application in 3D graphics programs, simulations of interiors, immersive panoramic movies, and computer and video games. An equirectangular panorama consists of a single rectangular image whose width and height correlate as 2:1. They contain light data originating from all directions, and therefore can be visualized as comprising the points on a sphere. Nowadays, a lot of devices allow the user to create very interesting panorama images but not with only 180 degrees, but 360. Unlike cylindrical views, spherical panoramas incorporate a 180° vertical viewing angle and a 360° horizontal viewing angle.
