inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Three.js로 시작하는 3D 인터랙티브 웹

도미노 만들기 4 - 쓰러뜨리기

혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?

124

준규

작성한 질문수 6

0

image.png

사진처럼 DirectionalLight의 위치를 z: 10, y: 5로 주어 위치하였는데요. 도미노 중간부분이 오히려 어떤 무언가에 가려진 듯 어둡고, 끝 부분에는 가려진게 없는 듯이 밝습니다. 혹시 Light에 near, far 같은 옵션이 있어서 그런건지 아니면 위에 무언가가 가리고 있는건지 잘 모르겠습니다 하하..

blender 인터랙티브-웹 three.js

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

Three.js에서 DirectionalLight를 사용하실 때, 조명의 범위와 그림자의 품질을 조절할 수 있는 몇 가지 방법이 있습니다. 특히 Light와 함께 그림자를 사용할 경우, 그림자 관련 설정이 필요할 수 있습니다. 다음은 몇 가지 확인해볼 사항입니다:

  1. 조명 위치 확인: 조명(DirectionLight)의 위치는 정확히 설정하셨다고 하셨지만, 조명의 방향도 중요한 요소입니다. 조명의 방향이 장면의 특정 부분에 강하게 비추는지 확인해 보세요.

  2. 그림자 설정: 그림자 설정 시, shadow.cameranearfar 옵션을 조정할 수 있습니다. 이 두 값은 그림자가 끝나는 지점과 시작되는 지점을 의미하며 조절을 통해 범위를 확장하거나 축소할 수 있습니다.

  3. 그림자 품질 향상: shadow.mapSize 값을 늘리면 그림자의 해상도가 높아져 디테일이 더 잘 표현될 수 있습니다. 디폴트는 512x512이며, 이를 증가시켜 보세요. 예를 들어 1024x1024로 설정할 수 있습니다.

  4. 조명 강도: 조명의 강도가 너무 약하거나 강할 경우 원하는 효과가 나오지 않을 수 있습니다. DirectionalLight의 intensity를 조정하여 이상적인 값을 찾아보세요.

  5. 물체의 재질: 인접한 물체들이 주변광(Ambient Light)에 반응하는 방식과 조명의 타입에 따라 달라질 수 있습니다. MeshBasicMaterial, MeshPhongMaterial 등 다양한 재질을 테스트해 보세요.

관련된 질문도 참고할 수 있는 글을 추천드립니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

box3.position.x 위치

0

35

1

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

80

1

소스코드 파일이 강의랑 같나요?

0

117

2

materials 배열에 있는 top, bottom ... 들에 대해서

0

118

0

gltf 포맷 사용

0

242

1

점프 애니메이션 stop

0

127

2

사양에 따른 다른 결과

0

111

1

중복 질문 삭제

0

160

1

gltf.scene.children 이 없는데도 모델이 화면에 떠요

0

101

2

GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!

0

159

1

일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요

0

76

0

그림자가 다르게 표현됩니다

0

138

1

setAnimationLoop 위치가...

0

98

1

얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요

0

134

1

블렌더 texture paint 시 미러모드

0

162

0

DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!

0

104

1

blender 에서 색칠하기 편 Texter paint slot추가없음

0

956

2

fin 버전도 그냥 실행이 안돼요

0

289

2

자바스크립트 실행이 안되는 것 같아요

0

378

1

모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?

0

237

1

live server와 localhost:8080

0

340

1

material에 canvas 를 texture 로 넣는방법이 궁금해요

0

268

1

모바일 조이스틱은 어떻게 만들 수 있을까요?

0

206

1

징검다리 예제에서 SpotLight가 동작 오류

0

301

2