EDIT: I’ve ported development over to Google Code, the API below is outdated.
Check out the newest version HERE
Check out my post about it HERE
For the past month I’ve been working toward a greater project called “Envi”. Essentially it’s a wordpress theme which will allow people to create “Myst” like environments using an array of free tools. The first step toward this ultimate goal is the Panoscoper plugin which is made to take any object (including embedded video objects) and wrap them as though they were 360° virtual environments. For this 1.0 release, the options are quite simple:
- framewidth:
- The width of the viewing frame
- Default is 4:3 ratio of height
- frameheight:
- The height of the viewing frame
- Default is object height
- offsetview:
- The offset to start viewing from
- Default is 0
- speed:
- The amount of movement
- Default is 80
- compass:
- Use the compass to indicate direction
- Default is true
- compassIMG:
- Set the location of the compass image
- Default is ‘compass.png’
Heres a demo:
$("#baltimore").panoscope({frameheight:600,framewidth:500});
Used with Attribution from http://www.flickr.com/photos/inju/4452949140/
Heres a test using a vimeo video, not very functional yet but you get the idea
$("#vimeotest").panoscope({
frameheight:400,
framewidth:400,
offsetview:1000
});
360° Panorama CGI Movie // Part 02 / Panorama from Storz & Escherich on Vimeo.
Future Enhancements:
- CSS Bulletproofing
- Panning up and down
- Image overlays
- Vimeo Detection and Autoplay of clone.
- Compass offset
- Minimap
Not tested in Internet Exploder, be warned.
P.S. iPad, iPhone, iPod Touch Compatible!
Download: jQuery Panoscoper v0.1
Also, go to the panoscoper jquery plugin page at http://plugins.jquery.com/project/Panoscoper
5 Comments
This is a really nice plugin, thanks!
Nice one, I am going to share it on my tech blog at http://www.greepit.com
Regards,
Sarfraz
I have submitted this page to Stumble!. Looks good.
У вас только 1 сайт – “artimore.com” и все ?
На самом деле, вы можете увидеть мое портфолио сайте здесь:
http://aaronbrewer.net/
8 Trackbacks
[...] Ссылка на сайт плагина Posted in Без рубрики « Превью для изображений imgPreview You can leave a response, or trackback from your own site. [...]
[...] environments – Panoscoper 28 September, 2010By Lauris VeipsCC, Images, jQueryNo CommentsPanoscoper is a jQuery plugin that wraps elements, mostly images and videos, and makes them look like 360° [...]
[...] This post was mentioned on Twitter by eBot, jQueryBuzz, pok rap, kapilratnani, wanlinksniper and others. wanlinksniper said: JQuery Panoscoper Plugin: Make anything into a 360° Panorama http://ff.im/-rekKU [...]
[...] Panoscoper (tags: jquery panorama) [...]
[...] Panoscoper [...]
[...] Panoscoper [...]
[...] Panoscoper [...]
[...] Panoscoper [...]