Difference between revisions of "Eyesis4Pi samples"
From ElphelWiki
Line 5: | Line 5: | ||
! Name | ! Name | ||
! Source | ! Source | ||
+ | ! Comment | ||
! Description | ! Description | ||
|- | |- | ||
| Elphel's WebGL Panorama Viewer/Editor | | Elphel's WebGL Panorama Viewer/Editor | ||
| style='text-align:center' | [https://sourceforge.net/p/elphel/webgl_panorama_editor/ci/master/tree/ sf.net/elphel] | | style='text-align:center' | [https://sourceforge.net/p/elphel/webgl_panorama_editor/ci/master/tree/ sf.net/elphel] | ||
+ | | Most correct display, quick | ||
| WebGL, Open Street Map, [http://blog.elphel.com/2011/06/eyesis-outdoor-panorama-sets-and-the-viewereditor/ '''More information'''] | | WebGL, Open Street Map, [http://blog.elphel.com/2011/06/eyesis-outdoor-panorama-sets-and-the-viewereditor/ '''More information'''] | ||
|- | |- | ||
| three.js | | three.js | ||
| style='text-align:center' | [https://threejs.org/examples/?q=panoram#webgl_panorama_equirectangular three.js] | | style='text-align:center' | [https://threejs.org/examples/?q=panoram#webgl_panorama_equirectangular three.js] | ||
+ | | Simple test | ||
| WebGL | | WebGL | ||
|- | |- | ||
| aframe.js | | aframe.js | ||
| style='text-align:center' | [https://aframe.io/examples/showcase/sky/ aframe.js] | | style='text-align:center' | [https://aframe.io/examples/showcase/sky/ aframe.js] | ||
− | | WebVR, Mobile, based on three.js | + | | Simple test |
+ | | WebGL, WebVR, Mobile, based on three.js | ||
|} | |} | ||
* WebGL Panorama Viewer requires a browser supporting WebGL like Firefox4 or Chrome and high-performance video card. | * WebGL Panorama Viewer requires a browser supporting WebGL like Firefox4 or Chrome and high-performance video card. | ||
Line 23: | Line 27: | ||
==Samples== | ==Samples== | ||
{| | {| | ||
− | |[[File:Result 1343349274 575238.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1343349274_575238-0-25-1.jpeg|thumb|1]] | + | |[[File:Result 1343349274 575238.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1343349274_575238-0-25-1.jpeg|thumb|1: [http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1343349274_575238-0-25-1.jpeg source(14268x7135)], |
− | |[[File:Result 1343349274 575238 webgl.jpeg| | + | open with: [http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start=result_1343349274_575238.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=36.7&elevation=15.8&zoom=0.251&follow=false&mv3d=false&fovy=45 WebGL Viewer] |
− | |- | + | [http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1343349274_575238-0-25-1.jpeg threejs] |
− | |[http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/ | + | [http://community.elphel.com/files/eyesis4pi-393/demos/aframe/index.html?file=result_1343349274_575238-0-25-1.jpeg aframe] |
− | + | ]] | |
− | + | |valign='top'|[[File:Result 1343349274 575238 webgl.jpeg|150px|thumb|WebGL Viewer screenshot]] | |
+ | |} | ||
+ | {| | ||
+ | |[[File:Result 1342928339 838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928339_838636-0-25-1.jpeg|thumb|2: [http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928339_838636-0-25-1.jpeg source(14268x7135)], | ||
+ | open with: [http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start=result_1342928339_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=1.3&elevation=-3.1&zoom=0.334&follow=false&mv3d=false&fovy=45 WebGL Viewer] | ||
+ | [http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928339_838636-0-25-1.jpeg threejs] | ||
+ | [http://community.elphel.com/files/eyesis4pi-393/demos/aframe/index.html?file=result_1342928339_838636-0-25-1.jpeg aframe] | ||
+ | ]] | ||
+ | |valign='top'|[[File:Result 1342928339 838636 webgl.jpeg|150px|thumb|WebGL Viewer screenshot]] | ||
|} | |} | ||
− | |||
{| | {| | ||
− | |[[File:Result | + | |[[File:Result 1342928255 838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928255_838636-0-25-1.jpeg|thumb|3: [http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928255_838636-0-25-1.jpeg source(14268x7135)], |
− | + | open with: [http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start=result_1342928255_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=59.9&elevation=-4.7&zoom=0.276&follow=false&mv3d=false&fovy=45 WebGL Viewer] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928255_838636-0-25-1.jpeg threejs] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/aframe/index.html?file=result_1342928255_838636-0-25-1.jpeg aframe] | |
− | + | ]] | |
− | + | |valign='top'|[[File:Result 1342928255 838636 webgl.jpeg|150px|thumb|WebGL Viewer screenshot]] | |
|} | |} | ||
− | |||
{| | {| | ||
− | |[[File:Result | + | |[[File:Result 1342928579 838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928579_838636-0-25-1.jpeg|thumb|4: [http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928579_838636-0-25-1.jpeg source(14268x7135)], |
− | + | open with: [http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start=result_1342928579_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=284.1&elevation=-5.7&zoom=0.434&follow=false&mv3d=false&fovy=45 WebGL Viewer] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928579_838636-0-25-1.jpeg threejs] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/aframe/index.html?file=result_1342928579_838636-0-25-1.jpeg aframe] | |
− | + | ]] | |
− | + | |valign='top'|[[File:Result 1342928579 838636 webgl.jpeg|150px|thumb|WebGL Viewer screenshot]] | |
|} | |} | ||
− | |||
− | |||
{| | {| | ||
− | |[[File:Result | + | |[[File:Result 1342929037 024522.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342929037_024522-0-25-1.jpeg|thumb|5: [http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342929037_024522-0-25-1.jpeg source(14268x7135)], |
− | + | open with: [http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start=result_1342929037_024522.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=2.5&elevation=-5.7&zoom=0.434&follow=false&mv3d=false&fovy=45 WebGL Viewer] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342929037_024522-0-25-1.jpeg threejs] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/aframe/index.html?file=result_1342929037_024522-0-25-1.jpeg aframe] | |
− | + | ]] | |
− | + | |valign='top'|[[File:Result 1342929037 024522 webgl.jpeg|150px|thumb|WebGL Viewer screenshot]] | |
|} | |} | ||
− | |||
− | |||
{| | {| | ||
− | |[[File:Result | + | |[[File:Result 1342928111_838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928111_838636-0-25-1.jpeg|thumb|6: [http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928111_838636-0-25-1.jpeg source(14268x7135)], |
− | + | open with: [http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start=result_1342928111_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=356.8&elevation=-3.3&zoom=0.334&follow=false&mv3d=false&fovy=45 WebGL Viewer] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928111_838636-0-25-1.jpeg threejs] | |
− | + | [http://community.elphel.com/files/eyesis4pi-393/demos/aframe/index.html?file=result_1342928111_838636-0-25-1.jpeg aframe] | |
− | + | ]] | |
− | + | |valign='top'|[[File:Result 1342928111_838636 webgl.jpeg|150px|thumb|WebGL Viewer screenshot]] | |
|} | |} | ||
<br> | <br> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-- | ||
<br> | <br> | ||
{| | {| | ||
− | |[[File: | + | |[[File:Result 1342928119 838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928119_838636-0-25-1.jpeg|thumb|4]] |
− | |[[File:Result | + | |[[File:Result 1342928119 838636 webgl.jpeg|280px|thumb|WebGL Viewer screenshot]] |
|- | |- | ||
− | |[http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/ | + | |[http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928119_838636-0-25-1.jpeg Full Size(14268x7135)] |
|- | |- | ||
− | |<font size="3">[http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start= | + | |<font size="3">[http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=20120801_ro.kml&proto=20120801_ro.kml&ntxt=2&as_camera=95&start=result_1342928119_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=353.2&elevation=0.1&zoom=0.284&follow=false&mv3d=false&fovy=45 Open in WebGL Viewer]</font> |
|} | |} | ||
+ | --> | ||
<!-- | <!-- |
Revision as of 19:47, 9 January 2017
Notes
- Source files - equirectangular projection (14268x7135).
- Demos:
Name | Source | Comment | Description |
---|---|---|---|
Elphel's WebGL Panorama Viewer/Editor | sf.net/elphel | Most correct display, quick | WebGL, Open Street Map, More information |
three.js | three.js | Simple test | WebGL |
aframe.js | aframe.js | Simple test | WebGL, WebVR, Mobile, based on three.js |
- WebGL Panorama Viewer requires a browser supporting WebGL like Firefox4 or Chrome and high-performance video card.
Samples