혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?
124
작성한 질문수 6

사진처럼 DirectionalLight의 위치를 z: 10, y: 5로 주어 위치하였는데요. 도미노 중간부분이 오히려 어떤 무언가에 가려진 듯 어둡고, 끝 부분에는 가려진게 없는 듯이 밝습니다. 혹시 Light에 near, far 같은 옵션이 있어서 그런건지 아니면 위에 무언가가 가리고 있는건지 잘 모르겠습니다 하하..
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
Three.js에서 DirectionalLight를 사용하실 때, 조명의 범위와 그림자의 품질을 조절할 수 있는 몇 가지 방법이 있습니다. 특히 Light와 함께 그림자를 사용할 경우, 그림자 관련 설정이 필요할 수 있습니다. 다음은 몇 가지 확인해볼 사항입니다:
조명 위치 확인: 조명(DirectionLight)의 위치는 정확히 설정하셨다고 하셨지만, 조명의 방향도 중요한 요소입니다. 조명의 방향이 장면의 특정 부분에 강하게 비추는지 확인해 보세요.
그림자 설정: 그림자 설정 시,
shadow.camera의near와far옵션을 조정할 수 있습니다. 이 두 값은 그림자가 끝나는 지점과 시작되는 지점을 의미하며 조절을 통해 범위를 확장하거나 축소할 수 있습니다.그림자 품질 향상:
shadow.mapSize값을 늘리면 그림자의 해상도가 높아져 디테일이 더 잘 표현될 수 있습니다. 디폴트는 512x512이며, 이를 증가시켜 보세요. 예를 들어 1024x1024로 설정할 수 있습니다.조명 강도: 조명의 강도가 너무 약하거나 강할 경우 원하는 효과가 나오지 않을 수 있습니다.
DirectionalLight의 intensity를 조정하여 이상적인 값을 찾아보세요.물체의 재질: 인접한 물체들이 주변광(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





