|
55 | 55 |
|
56 | 56 | var gui; |
57 | 57 |
|
58 | | - var ambientLight; |
59 | 58 | var lightProbe; |
60 | 59 | var directionalLight; |
61 | 60 |
|
62 | 61 | // linear color space |
63 | 62 | var API = { |
64 | | - ambientLightIntensity: 0.0, |
65 | | - lightProbeIntensity: 0.3, |
| 63 | + lightProbeIntensity: 1.0, |
66 | 64 | directionalLightIntensity: 0.2, |
67 | 65 | envMapIntensity: 1 |
68 | 66 | }; |
|
90 | 88 |
|
91 | 89 | // camera |
92 | 90 | camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 ); |
93 | | - camera.position.set( - 15, 0, 20 ); |
| 91 | + camera.position.set( 0, 0, 30 ); |
94 | 92 |
|
95 | 93 | // controls |
96 | 94 | var controls = new THREE.OrbitControls( camera, renderer.domElement ); |
|
99 | 97 | controls.maxDistance = 50; |
100 | 98 | controls.enablePan = false; |
101 | 99 |
|
102 | | - // ambient |
103 | | - ambientLight = new THREE.AmbientLight( 0xffffff, API.ambientLightIntensity ); |
104 | | - scene.add( ambientLight ); |
105 | | - |
106 | 100 | // probe |
107 | 101 | lightProbe = new THREE.LightProbe( 0xffffff, API.lightProbeIntensity ); |
108 | 102 | scene.add( lightProbe ); |
|
137 | 131 | //var geometry = new THREE.TorusKnotBufferGeometry( 4, 1.5, 256, 32, 2, 3 ); |
138 | 132 |
|
139 | 133 | var material = new THREE.MeshStandardMaterial( { |
140 | | - color: 0xffffff, |
| 134 | + color: 0xffffff, |
141 | 135 | metalness: 0, |
142 | 136 | roughness: 0, |
143 | 137 | envMap: cubeTexture, |
|
161 | 155 | gui.domElement.style.userSelect = 'none'; |
162 | 156 |
|
163 | 157 | var fl = gui.addFolder( 'Intensity' ); |
164 | | - fl.add( API, 'ambientLightIntensity', 0, 1, 0.02 ) |
165 | | - .name( 'ambient light') |
166 | | - .onChange( function() { ambientLight.intensity = API.ambientLightIntensity; render(); } ); |
167 | 158 |
|
168 | 159 | fl.add( API, 'lightProbeIntensity', 0, 1, 0.02 ) |
169 | 160 | .name( 'light probe') |
|
0 commit comments