1
0
Mr.doob 1 долоо хоног өмнө
parent
commit
0168a66eae

BIN
examples/screenshots/webgl_loader_texture_lottie.jpg


BIN
examples/screenshots/webgl_morphtargets_webcam.jpg


+ 3 - 2
examples/webgl_loader_texture_lottie.html

@@ -83,8 +83,8 @@
 					// texture = new THREE.TextureLoader().load( 'textures/uv_grid_directx.jpg' );
 					// texture.colorSpace = THREE.SRGBColorSpace;
 
-					const geometry = new RoundedBoxGeometry( 1, 1, 1, 7, 0.2 );
-					const material = new THREE.MeshStandardMaterial( { roughness: 0.1, map: texture } );
+					const geometry = new RoundedBoxGeometry( 1, 1, 1, 7, 0.1 );
+					const material = new THREE.MeshStandardMaterial( { roughness: 0, map: texture } );
 					mesh = new THREE.Mesh( geometry, material );
 					scene.add( mesh );
 
@@ -94,6 +94,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setAnimationLoop( animate );
+				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				document.body.appendChild( renderer.domElement );
 
 				const environment = new RoomEnvironment();

+ 5 - 6
examples/webgl_morphtargets_webcam.html

@@ -32,7 +32,6 @@
 			import * as THREE from 'three';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js';
 
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 			import { KTX2Loader } from 'three/addons/loaders/KTX2Loader.js';
@@ -114,13 +113,10 @@
 			camera.position.z = 5;
 
 			const scene = new THREE.Scene();
+			scene.background = new THREE.Color( 0x666666 );
 			scene.scale.x = - 1;
 
-			const environment = new RoomEnvironment();
-			const pmremGenerator = new THREE.PMREMGenerator( renderer );
-
-			scene.background = new THREE.Color( 0x666666 );
-			scene.environment = pmremGenerator.fromScene( environment, 0.04 ).texture;
+			scene.add( new THREE.AmbientLight( 0xffffff, 5 ) );
 
 			const controls = new OrbitControls( camera, renderer.domElement );
 
@@ -144,6 +140,9 @@
 					const head = mesh.getObjectByName( 'mesh_2' );
 					head.material = new THREE.MeshNormalMaterial();
 
+					const teeth = mesh.getObjectByName( 'mesh_3' );
+					teeth.material = new THREE.MeshNormalMaterial();
+
 					face = mesh.getObjectByName( 'mesh_2' );
 					eyeL = mesh.getObjectByName( 'eyeLeft' );
   					eyeR = mesh.getObjectByName( 'eyeRight' );

粤ICP备19079148号