From 9166b39c0b3881b130d2eedd776303dec9c6c3d1 Mon Sep 17 00:00:00 2001
From: kihyun lee <kihyun2111@ajou.ac.kr>
Date: Sun, 26 Jun 2022 15:04:40 +0000
Subject: [PATCH] Update README.md
---
README.md | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/README.md b/README.md
index 17f8b15..f33e4a7 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,7 @@ const materials = [
>그리고 더 나아가 주변 환경이 비치도록 Reflection 을 이용할 수도 있습니다.
const path = 'https://raw.githubusercontent.com/tamani-coding/threejs-texture-maps/main/dist/Metal_Tiles_003_';
+
const urls = [
path+'ambientOcclusion.jpg', path+'basecolor.jpg',
path+'metallic.jpg', path+'metallic.jpg',
@@ -31,14 +32,19 @@ const urls = [
];
const reflectionCube = new THREE.CubeTextureLoader().load( urls );
+
scene.background = reflectionCube;
+
const material1 = new THREE.MeshPhongMaterial(
{ color: 0x00ffff, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } );
+
const material2 = new THREE.MeshLambertMaterial(
{ color: 0xffffff, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } );
+
const material3 = new THREE.MeshLambertMaterial(
{ color: 0xffff00, envMap: reflectionCube, combine: THREE.MixOperation, reflectivity: 0.5 } );
+
> 여기서 반사가 얼마나 되는지 조절하려면 reflectivity를 수정하면 됩니다.
> envMap를 reflectionCube로 설정했기에 반사를 활용할 수 있습니다.
--
GitLab