|
|
@@ -66,7 +66,7 @@
|
|
|
<body>
|
|
|
<script src="../build/three.min.js"></script>
|
|
|
<script src="js/libs/tween.min.js"></script>
|
|
|
- <script src="js/controls/TrackballControls.js"></script>
|
|
|
+ <script src="js/controls/DeviceOrientationControls.js"></script>
|
|
|
<script src="js/renderers/CSS3DStereoRenderer.js"></script>
|
|
|
|
|
|
<div id="container"></div>
|
|
|
@@ -196,7 +196,7 @@
|
|
|
|
|
|
var camera, scene, renderer;
|
|
|
var controls;
|
|
|
-
|
|
|
+
|
|
|
var state = 0;
|
|
|
|
|
|
var objects = [];
|
|
|
@@ -208,7 +208,7 @@
|
|
|
function init() {
|
|
|
|
|
|
camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
|
|
|
- camera.position.z = 3000;
|
|
|
+ camera.position.z = 200;
|
|
|
|
|
|
scene = new THREE.Scene();
|
|
|
|
|
|
@@ -323,11 +323,7 @@
|
|
|
|
|
|
//
|
|
|
|
|
|
- controls = new THREE.TrackballControls( camera, renderer.domElement );
|
|
|
- controls.rotateSpeed = 0.5;
|
|
|
- controls.minDistance = 500;
|
|
|
- controls.maxDistance = 6000;
|
|
|
- controls.addEventListener( 'change', render );
|
|
|
+ controls = new THREE.DeviceOrientationControls( camera );
|
|
|
|
|
|
transform( targets.table, 5000 );
|
|
|
|
|
|
@@ -351,13 +347,13 @@
|
|
|
isFullscreen = true;
|
|
|
|
|
|
} else {
|
|
|
-
|
|
|
+
|
|
|
document.webkitExitFullscreen();
|
|
|
-
|
|
|
+
|
|
|
isFullscreen = false;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
} );
|
|
|
|
|
|
function transform( positions, duration ) {
|
|
|
@@ -429,6 +425,8 @@
|
|
|
|
|
|
controls.update();
|
|
|
|
|
|
+ render();
|
|
|
+
|
|
|
}
|
|
|
|
|
|
function render() {
|
Mr.doob