/theta-viewer.js

Animate multiple-Photos taken by Ricoh THETA

Primary LanguageJavaScriptMIT LicenseMIT

ThetaViewer.js

Animate multiple-Photos taken by Ricoh THETA

Demo

Download

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