Difference between revisions of "Eyesis4Pi samples"

From ElphelWiki
Jump to: navigation, search
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
==Notes==
 +
* Source files - equirectangular projection (14268x7135).
 +
* Demos:
 +
{| class='wikitable'
 +
! Name
 +
! Source
 +
! Comment
 +
! Description
 +
|-
 +
| Elphel's WebGL Panorama Viewer/Editor
 +
| style='text-align:center' | [https://sourceforge.net/p/elphel/webgl_panorama_editor/ci/master/tree/ sf.net/elphel]
 +
| Most correct textures display , 14268x7135
 +
| WebGL, Open Street Map, [http://blog.elphel.com/2011/06/eyesis-outdoor-panorama-sets-and-the-viewereditor/ '''More information''']
 +
|-
 +
| three.js
 +
| style='text-align:center' | [https://threejs.org/examples/?q=panoram#webgl_panorama_equirectangular three.js]
 +
| Simple test, resizes to 16384x8192
 +
| WebGL
 +
|-
 +
| aframe.js
 +
| style='text-align:center' | [https://aframe.io/examples/showcase/sky/ aframe.js]
 +
| Simple test, resizes to 16384x8192
 +
| 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==
 
==Samples==
1.
+
{|
<br>
+
|[[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 1343349782_575238.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1343349782_575238-0-25-1.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]
<br>
+
&nbsp;/&nbsp;[http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1343349274_575238-0-25-1.jpeg threejs]
<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_1343349782_575238.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=99.1&elevation=-3.9&zoom=0.592&follow=false&mv3d=false&fovy=45 Open in WebGL Viewer]</font>
+
&nbsp;/&nbsp;[http://community.elphel.com/files/eyesis4pi-393/demos/aframe/index.html?file=result_1343349274_575238-0-25-1.jpeg aframe]
<br>
+
]]
 
+
|valign='top'|[[File:Result 1343349274 575238 webgl.jpeg|150px|thumb|WebGL Viewer screenshot]]
2.
+
|}
<br>
+
{|
[[File:Result_1342927567_838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342927567_838636-0-25-1.jpeg]]
+
|[[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)],
<br>
+
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]
<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_1342927567_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=82.7&elevation=0&zoom=0.378&follow=false&mv3d=false&fovy=45 Open in WebGL Viewer]</font>
+
&nbsp;/&nbsp;[http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928339_838636-0-25-1.jpeg threejs]
<br>
+
&nbsp;/&nbsp;[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 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]
 +
&nbsp;/&nbsp;[http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928255_838636-0-25-1.jpeg threejs]
 +
&nbsp;/&nbsp;[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 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]
 +
&nbsp;/&nbsp;[http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928579_838636-0-25-1.jpeg threejs]
 +
&nbsp;/&nbsp;[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 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]
 +
&nbsp;/&nbsp;[http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342929037_024522-0-25-1.jpeg threejs]
 +
&nbsp;/&nbsp;[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 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]
 +
&nbsp;/&nbsp;[http://community.elphel.com/files/eyesis4pi-393/demos/threejs/index.html?file=result_1342928111_838636-0-25-1.jpeg threejs]
 +
&nbsp;/&nbsp;[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>
 
3.
 
<br>
 
[[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]]
 
<br>
 
<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_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 Open in WebGL Viewer]</font>
 
 
<br>
 
<br>
  
 +
<!--
 
<br>
 
<br>
4.
+
{|
<br>
+
|[[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 1342928119 838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928119_838636-0-25-1.jpeg]]
+
|[[File:Result 1342928119 838636 webgl.jpeg|280px|thumb|WebGL Viewer screenshot]]
<br>
+
|-
<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>
+
|[http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928119_838636-0-25-1.jpeg Full Size(14268x7135)]
<br>
+
|-
 
+
|<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>
<br>
+
|}
5.
+
-->
<br>
 
[[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]]
 
<br>
 
<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_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 Open in WebGL Viewer]</font>
 
<br>
 
  
 +
<!--
 
<br>
 
<br>
 
6.
 
6.
 
<br>
 
<br>
[[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]]
+
[[File:Result_1342927567_838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342927567_838636-0-25-1.jpeg]]
 
<br>
 
<br>
<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_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 Open in WebGL Viewer]</font>
+
<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_1342927567_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=82.7&elevation=0&zoom=0.378&follow=false&mv3d=false&fovy=45 Open in WebGL Viewer]</font>
 
<br>
 
<br>
  
 
<br>
 
<br>
7.
+
9.
 
<br>
 
<br>
 
[[File:Result 1342928395 838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928395_838636-0-25-1.jpeg]]
 
[[File:Result 1342928395 838636.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1342928395_838636-0-25-1.jpeg]]
 
<br>
 
<br>
 
<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_1342928395_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=2.7&elevation=-12.2&zoom=0.335&follow=false&mv3d=false&fovy=45 Open in WebGL Viewer]</font>
 
<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_1342928395_838636.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=2.7&elevation=-12.2&zoom=0.335&follow=false&mv3d=false&fovy=45 Open in WebGL Viewer]</font>
<br>
 
 
<br>
 
8.
 
<br>
 
[[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]]
 
<br>
 
<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_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 Open in WebGL Viewer]</font>
 
<br>
 
 
<br>
 
9.
 
<br>
 
[[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]]
 
<br>
 
<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_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 Open in WebGL Viewer]</font>
 
 
<br>
 
<br>
  
Line 81: Line 117:
 
11.
 
11.
 
<br>
 
<br>
[[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]]
+
[[File:Result 1343349782_575238.jpeg|500px|link=http://community.elphel.com/files/eyesis/pano-db-3/images/20120801/result_1343349782_575238-0-25-1.jpeg]]
 
<br>
 
<br>
<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_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 Open in WebGL Viewer]</font>
+
<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_1343349782_575238.jpeg&range=95&labels=false&keepzoom=false&closest2d=false&seethrough=0.4&transition=5&mask=&azimuth=99.1&elevation=-3.9&zoom=0.592&follow=false&mv3d=false&fovy=45 Open in WebGL Viewer]</font>
 
<br>
 
<br>
 +
-->
 +
[[Category:Eyesis4Pi]]

Latest revision as of 18:27, 20 February 2017

Notes

  • Source files - equirectangular projection (14268x7135).
  • Demos:
Name Source Comment Description
Elphel's WebGL Panorama Viewer/Editor sf.net/elphel Most correct textures display , 14268x7135 WebGL, Open Street Map, More information
three.js three.js Simple test, resizes to 16384x8192 WebGL
aframe.js aframe.js Simple test, resizes to 16384x8192 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

WebGL Viewer screenshot
WebGL Viewer screenshot
WebGL Viewer screenshot
WebGL Viewer screenshot
WebGL Viewer screenshot
WebGL Viewer screenshot