Skip to content
Snippets Groups Projects
Commit 9166b39c authored by kihyun lee's avatar kihyun lee
Browse files

Update README.md

parent 326180c8
Branches
No related tags found
No related merge requests found
...@@ -24,6 +24,7 @@ const materials = [ ...@@ -24,6 +24,7 @@ const materials = [
>그리고 더 나아가 주변 환경이 비치도록 Reflection 을 이용할 수도 있습니다. >그리고 더 나아가 주변 환경이 비치도록 Reflection 을 이용할 수도 있습니다.
const path = 'https://raw.githubusercontent.com/tamani-coding/threejs-texture-maps/main/dist/Metal_Tiles_003_'; const path = 'https://raw.githubusercontent.com/tamani-coding/threejs-texture-maps/main/dist/Metal_Tiles_003_';
const urls = [ const urls = [
path+'ambientOcclusion.jpg', path+'basecolor.jpg', path+'ambientOcclusion.jpg', path+'basecolor.jpg',
path+'metallic.jpg', path+'metallic.jpg', path+'metallic.jpg', path+'metallic.jpg',
...@@ -31,14 +32,19 @@ const urls = [ ...@@ -31,14 +32,19 @@ const urls = [
]; ];
const reflectionCube = new THREE.CubeTextureLoader().load( urls ); const reflectionCube = new THREE.CubeTextureLoader().load( urls );
scene.background = reflectionCube; scene.background = reflectionCube;
const material1 = new THREE.MeshPhongMaterial( const material1 = new THREE.MeshPhongMaterial(
{ color: 0x00ffff, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } ); { color: 0x00ffff, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } );
const material2 = new THREE.MeshLambertMaterial( const material2 = new THREE.MeshLambertMaterial(
{ color: 0xffffff, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } ); { color: 0xffffff, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } );
const material3 = new THREE.MeshLambertMaterial( const material3 = new THREE.MeshLambertMaterial(
{ color: 0xffff00, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } ); { color: 0xffff00, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } );
> 여기서 반사가 얼마나 되는지 조절하려면 reflectivity를 수정하면 됩니다. > 여기서 반사가 얼마나 되는지 조절하려면 reflectivity를 수정하면 됩니다.
> envMap를 reflectionCube로 설정했기에 반사를 활용할 수 있습니다. > envMap를 reflectionCube로 설정했기에 반사를 활용할 수 있습니다.
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment