|
@@ -1,7 +1,7 @@
|
|
|
<!DOCTYPE html>
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
<html lang="en">
|
|
|
<head>
|
|
<head>
|
|
|
- <title>three.js webvr - cubes</title>
|
|
|
|
|
|
|
+ <title>three.js webvr - htc vive</title>
|
|
|
<meta charset="utf-8">
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
|
<style>
|
|
<style>
|
|
@@ -67,13 +67,13 @@
|
|
|
scene.add( camera );
|
|
scene.add( camera );
|
|
|
|
|
|
|
|
room = new THREE.Mesh(
|
|
room = new THREE.Mesh(
|
|
|
- new THREE.BoxGeometry( 6, 6, 6, 10, 10, 10 ),
|
|
|
|
|
- new THREE.MeshBasicMaterial( { color: 0x202020, wireframe: true } )
|
|
|
|
|
|
|
+ new THREE.BoxGeometry( 6, 6, 6, 8, 8, 8 ),
|
|
|
|
|
+ new THREE.MeshBasicMaterial( { color: 0x404040, wireframe: true } )
|
|
|
);
|
|
);
|
|
|
room.position.y = 3;
|
|
room.position.y = 3;
|
|
|
scene.add( room );
|
|
scene.add( room );
|
|
|
|
|
|
|
|
- scene.add( new THREE.HemisphereLight( 0x404020, 0x202040, 0.5 ) );
|
|
|
|
|
|
|
+ scene.add( new THREE.HemisphereLight( 0x606060, 0x404040 ) );
|
|
|
|
|
|
|
|
var light = new THREE.DirectionalLight( 0xffffff );
|
|
var light = new THREE.DirectionalLight( 0xffffff );
|
|
|
light.position.set( 1, 1, 1 ).normalize();
|
|
light.position.set( 1, 1, 1 ).normalize();
|
|
@@ -157,7 +157,7 @@
|
|
|
//
|
|
//
|
|
|
|
|
|
|
|
renderer = new THREE.WebGLRenderer( { antialias: true } );
|
|
renderer = new THREE.WebGLRenderer( { antialias: true } );
|
|
|
- renderer.setClearColor( 0x101010 );
|
|
|
|
|
|
|
+ renderer.setClearColor( 0x505050 );
|
|
|
renderer.setPixelRatio( window.devicePixelRatio );
|
|
renderer.setPixelRatio( window.devicePixelRatio );
|
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
|
renderer.sortObjects = false;
|
|
renderer.sortObjects = false;
|
Mr.doob