Awesome

ThetaViewer.js

Animate multiple-Photos taken by Ricoh THETA

Demo

Demo
index.html

Download

theta-viewer.js
theta-viewer.min.js

Dependencies

WebGL supported browser (Chrome or Firefox)
- WebGL does not work on Safari now
Three.js
async.js

Usage

load javascripts

<script src="./lib/async.js"></script>
<script src="./lib/three.js"></script>
<script src="./lib/OrbitControls.js"></script>
<script src="./lib/theta-viewer.js"></script>

<body>
  <div id="viewer" style="width: 100%; height: 100%;"></div>
</body>

var viewer = new ThetaViewer( document.getElementById("viewer") );
viewer.images = ["01.jpg", "02.jpg", "03.jpg"];
viewer.interval = 200; // msec
viewer.autoRotate = true;
viewer.load();

Build JS

src/theta-viewer.coffee -> lib/theta-viewer.js

% npm install
% grunt