|
@@ -64,16 +64,10 @@
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
- var statsEnabled = true;
|
|
|
|
-
|
|
|
|
- var container, stats, loader;
|
|
|
|
-
|
|
|
|
- var camera, scene, renderer;
|
|
|
|
|
|
+ var camera, scene, renderer, stats;
|
|
|
|
|
|
var mesh;
|
|
var mesh;
|
|
|
|
|
|
- var directionalLight;
|
|
|
|
-
|
|
|
|
var mouseX = 0;
|
|
var mouseX = 0;
|
|
var mouseY = 0;
|
|
var mouseY = 0;
|
|
|
|
|
|
@@ -91,7 +85,7 @@
|
|
|
|
|
|
function init() {
|
|
function init() {
|
|
|
|
|
|
- container = document.createElement( 'div' );
|
|
|
|
|
|
+ var container = document.createElement( 'div' );
|
|
document.body.appendChild( container );
|
|
document.body.appendChild( container );
|
|
|
|
|
|
//
|
|
//
|
|
@@ -106,29 +100,14 @@
|
|
|
|
|
|
scene.add( new THREE.AmbientLight( 0x333344 ) );
|
|
scene.add( new THREE.AmbientLight( 0x333344 ) );
|
|
|
|
|
|
- directionalLight = new THREE.DirectionalLight( 0xffffff, 1 );
|
|
|
|
|
|
+ var directionalLight = new THREE.DirectionalLight( 0xffffff, 1 );
|
|
directionalLight.position.set( 500, 0, 500 );
|
|
directionalLight.position.set( 500, 0, 500 );
|
|
|
|
|
|
- directionalLight.castShadow = true;
|
|
|
|
-
|
|
|
|
- directionalLight.shadow.mapSize.width = 2048;
|
|
|
|
- directionalLight.shadow.mapSize.height = 2048;
|
|
|
|
-
|
|
|
|
- directionalLight.shadow.camera.near = 200;
|
|
|
|
- directionalLight.shadow.camera.far = 1500;
|
|
|
|
-
|
|
|
|
- directionalLight.shadow.camera.left = - 500;
|
|
|
|
- directionalLight.shadow.camera.right = 500;
|
|
|
|
- directionalLight.shadow.camera.top = 500;
|
|
|
|
- directionalLight.shadow.camera.bottom = - 500;
|
|
|
|
-
|
|
|
|
- directionalLight.shadow.bias = - 0.005;
|
|
|
|
-
|
|
|
|
scene.add( directionalLight );
|
|
scene.add( directionalLight );
|
|
|
|
|
|
//
|
|
//
|
|
|
|
|
|
- loader = new THREE.GLTFLoader();
|
|
|
|
|
|
+ var loader = new THREE.GLTFLoader();
|
|
loader.load( "models/gltf/LeePerrySmith/LeePerrySmith.glb", function ( gltf ) {
|
|
loader.load( "models/gltf/LeePerrySmith/LeePerrySmith.glb", function ( gltf ) {
|
|
|
|
|
|
createScene( gltf.scene.children[ 0 ].geometry, 100 );
|
|
createScene( gltf.scene.children[ 0 ].geometry, 100 );
|
|
@@ -141,29 +120,14 @@
|
|
renderer.setPixelRatio( window.devicePixelRatio );
|
|
renderer.setPixelRatio( window.devicePixelRatio );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
container.appendChild( renderer.domElement );
|
|
container.appendChild( renderer.domElement );
|
|
-
|
|
|
|
- renderer.shadowMap.enabled = true;
|
|
|
|
-
|
|
|
|
renderer.autoClear = false;
|
|
renderer.autoClear = false;
|
|
-
|
|
|
|
- //
|
|
|
|
-
|
|
|
|
- renderer.gammaInput = true;
|
|
|
|
renderer.gammaOutput = true;
|
|
renderer.gammaOutput = true;
|
|
|
|
|
|
//
|
|
//
|
|
|
|
|
|
- if ( statsEnabled ) {
|
|
|
|
-
|
|
|
|
- stats = new Stats();
|
|
|
|
- container.appendChild( stats.dom );
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- // COMPOSER
|
|
|
|
|
|
+ stats = new Stats();
|
|
|
|
+ container.appendChild( stats.dom );
|
|
|
|
|
|
- renderer.autoClear = false;
|
|
|
|
|
|
|
|
// BECKMANN
|
|
// BECKMANN
|
|
|
|
|
|
@@ -240,9 +204,6 @@
|
|
mesh.position.y = - 50;
|
|
mesh.position.y = - 50;
|
|
mesh.scale.set( scale, scale, scale );
|
|
mesh.scale.set( scale, scale, scale );
|
|
|
|
|
|
- mesh.castShadow = true;
|
|
|
|
- mesh.receiveShadow = true;
|
|
|
|
-
|
|
|
|
scene.add( mesh );
|
|
scene.add( mesh );
|
|
|
|
|
|
}
|
|
}
|
|
@@ -272,7 +233,8 @@
|
|
requestAnimationFrame( animate );
|
|
requestAnimationFrame( animate );
|
|
|
|
|
|
render();
|
|
render();
|
|
- if ( statsEnabled ) stats.update();
|
|
|
|
|
|
+
|
|
|
|
+ stats.update();
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|