Skip to content

vprime/Photosphere-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Photosphere-Viewer

Easily display your photosphere images on the web as taken from Google maps or other software.

Implimenting

This uses Three.js WebGL library to project a sphere using your image as the inner texture, and Orbit controls to move around the image. To add a photosphere to your websie, you'll need to include all the JS files in the JS viewer. Initialize the sphere with Photosphere.init("<URL to your image>");. You can use a JPG, GIF, or PNG image. It's best to use a square image in a resolution by the power of 2, but the library will automaticly rescale the image if you don't have that. I reccomend at least a resolution of 4096x4096 for a clean image.

Use Detector.webgl; to determine if WebGL is available. It's a requirement, thankfully prety much all modern browsers support WebGL.

Testing

Your web browser may not allow you to open this launched directly from your filesystem. If you want to test locally, then use pip to install SimpleHTTPServer then run it within same directory of index.html.

pip install SimpleHTTPServer
python -m SimpleHTTPServer 80

About

Easily display your photsphere images on the web as taken from Google maps or other software.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published