Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

IMPORTANT NOTICE:

THIS IS VERY OLD AND YOU SHOULD NOT USE THIS. NO RESPONSES TO EMAILS OR TICKETS WILL BE GIVEN FROM ME


PHOTOSPHERE

This allows you to view the new Photospheres in Android 4.2 without a problem without Google+

Thanks to

TO TEST

Open test.html and press "makeIt"

TO USE

Get Three.js (or use the bundled copy) and sphere.js and run:

new Photosphere("link-to-image.jpg").loadPhotosphere(document.getElementById("element-on-page"));

If you are including this into some gallery app which can read EXIF XMP tags, you can make it render faster (this is why you don't need every single shot for it to work, Android adds these tags in):

new Photosphere("link...").setEXIF({
	"full_width" : "GPano:FullPanoWidthPixels value",
	"full_height" : "GPano:FullPanoHeightPixels value",
	"crop_width" : "GPano:CroppedAreaImageWidthPixels value",
	"crop_height" : "GPano:CroppedAreaImageHeightPixels value",
	"x" : "GPano:CroppedAreaLeftPixels value",
	"y" : "GPano:CroppedAreaTopPixels value"
}).loadPhotosphere(...);

Tada! :D

LICENSE

GPLv3 http://www.tldrlegal.com/license/gnu-general-public-license-v3-(gpl-3)

HOW IT WORKS

  1. We load EXIF XMP data
  2. AJAX request as string
  3. Use Javascript string positioning to pull out the xmp chunk
  4. Pull out our attributes we need
  5. Create an image of full_width x full_height and put the linked image on at x, y with crop_width x crop_height.
  6. Load Three.JS using Panorma-like details (I used the Three.JS example for this and baked it into the class. I don't have a clue about 3D stuff nor am I really that interested)
  7. Boom!

About

Photosphere -- THIS IS A PROOF OF CONCEPT. NO SUPPORT IS GIVEN

Resources

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.