|
@@ -114,20 +114,25 @@
|
|
|
|
|
|
var fullScreenButton = document.querySelector( '.full-screen' );
|
|
var fullScreenButton = document.querySelector( '.full-screen' );
|
|
|
|
|
|
- fullScreenButton.onclick = function() {
|
|
|
|
- vrEffect.setFullScreen( true );
|
|
|
|
- };
|
|
|
|
|
|
+ if ( navigator.getVRDevices === undefined ) {
|
|
|
|
|
|
- vrControls = new THREE.VRControls(camera);
|
|
|
|
- vrEffect = new THREE.VREffect(renderer, VREffectLoaded);
|
|
|
|
|
|
+ fullScreenButton.innerHTML = 'Your browser doesn\'t support WebVR';
|
|
|
|
+ fullScreenButton.classList.add('error');
|
|
|
|
|
|
- function VREffectLoaded(error) {
|
|
|
|
- if (error) {
|
|
|
|
- fullScreenButton.innerHTML = error;
|
|
|
|
- fullScreenButton.classList.add('error');
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ vrControls = new THREE.VRControls( camera );
|
|
|
|
+ vrEffect = new THREE.VREffect( renderer, function ( error ) {
|
|
|
|
+
|
|
|
|
+ fullScreenButton.innerHTML = error;
|
|
|
|
+ fullScreenButton.classList.add('error');
|
|
|
|
+
|
|
|
|
+ } );
|
|
|
|
+
|
|
|
|
+ fullScreenButton.onclick = function() {
|
|
|
|
+ vrEffect.setFullScreen( true );
|
|
|
|
+ };
|
|
|
|
+
|
|
renderer.setClearColor( 0xf0f0f0 );
|
|
renderer.setClearColor( 0xf0f0f0 );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
renderer.sortObjects = false;
|
|
renderer.sortObjects = false;
|