루프의 개체는 Three.js로 전체 lopop에 그림자를 드리 우지 않습니다.
Marthy_Mc_Fly
루프의 모든 큐브가 그림자를 드리 우지 않는 이유는 무엇입니까?
모든 큐브가 그림자를 투사해야하는 방향 조명으로 작업합니다. 그러나 어떤 이유로 5 열 정도 후에 중지됩니다.
let dirLight = new THREE.DirectionalLight(0xFFFFFF, 1.5);
dirLight.position.set(300, -300, 400);
dirLight.castShadow = true;
scene.add(dirLight);
dirLight.shadow.mapSize.width = 512;
dirLight.shadow.mapSize.height = 512;
dirLight.shadow.camera.near = 0.5;
dirLight.shadow.camera.far = 1000;
let cubeGeometry = new THREE.BoxGeometry(1, 3, 1);
let cubeMaterial = new THREE.MeshLambertMaterial({
color: 0xf54242
});
function drawCubes() {
for (let c = 0; c < 25; c++) {
for (let r = 0; r < 10; r++) {
for (let t = 0; t < 2; t++) {
let cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
cube.position.x = c * 1.3;
cube.position.y = r * 3.02;
cube.position.z = t * 1.01;
cube.castShadow = true;
cube.receiveShadow = true;
scene.add(cube);
}
}
}
}
drawCubes();
Mugen87
방향성 그림자 카메라의 기본 절두체가 너무 작기 때문에 그림자가 잘립니다. 다음과 같이 시도하십시오.
const d = 50;
dirLight.shadow.camera.left = - d;
dirLight.shadow.camera.right = d;
dirLight.shadow.camera.top = d;
dirLight.shadow.camera.bottom = - d;
THREE.CameraHelper섀도우 카메라를 디버그하는 데 사용할 수도 있습니다 . 조정에 매우 유용합니다. 그림자 품질은 절두체에 따라 크게 달라집니다. 절두체가 촘촘할수록 그림자가 더 선명 해집니다.
scene.add( new THREE.CameraHelper( dirLight.shadow.camera ) );
three.js R109
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
- 이전 게시물：스플 라이스 세 번째 매개 변수가 어떤 값을 수용합니까?
- 다음 포스트："grails create-controller"와 같은 코드 생성을위한 CLI 스크립트를 만드는 방법
관련 기사
Related 관련 기사
- 1
그림자를 드리 우지 않는 react-three-fiber 3D 개체 (.obj) 모델
- 2
내 오리가 멈췄습니다. three.js 로더의 gltf 개체가 다시 그려지지 않는 것 같습니다.
- 3
Three.js를 사용하여 메시에 그림자를 드리 우지 않는 ShadowMap
- 4
ThreeJS : 객체가 다른 사람에게 그림자를 드리 우지 않습니다.
- 5
Three.js 객체 자체 그림자는 지오메트리에 따라 다릅니다.
- 6
수 출력하지 크기 : ArrayList의 개체를 추가하는 두 스레드 왜 무한 루프에 println 리드를 제거 않습니다
- 7
wpf의 데이터 그리드는 어떤 경우에도 자체 업데이트되지 않습니다.
- 8
Fluent Nhibernates는 for 루프에서 전체 개체 종속성을로드합니다.
- 9
Javascript는 참조로 객체를 복사합니다. 그러나 아래 코드에서는 하나의 개체에 null을 할당했습니다. 하지만 다른 개체는 여전히 같은 값을 가지고 있습니다.
- 10
NullReferenceException이 사용자 코드에서 처리되지 않았습니다. 개체 참조가 개체의 인스턴스로 설정되지 않았습니다.
- 11
Three.js 스포트라이트가 그림자를 드리 우지 않음
- 12
Three.js raycaster는 개체가 원점에서 멀어지면 개체에 충돌하지 않습니다.
- 13
전달 된 객체는 자바 스크립트에서 함수의 첫 번째 매개 변수로 처리되지 않습니다.
- 14
Spark는 여러 줄 옵션이 true로 설정된 경우에도 단일 파일의 모든 여러 줄 json 개체를로드하지 않습니다.
- 15
three.js에서 마우스를 사용하여 개체를 회전하는 방법은 무엇입니까?
- 16
루프 자체 내에서 초기화를 생략 할 수있는 C for 루프가 의도 한대로 작동하지 않습니다.
- 17
Three.js는 마우스 클릭으로 개체 위치를 전환합니다.
- 18
three.js는 구체를 렌더링하지 않습니다.
- 19
내 Java 프로그램이 전체 창에 사각형을 그리지 않습니다.
- 20
최대 절전 모드에서 새로 지속 된 개체의 관계가 채워지지 않습니다.
- 21
서버에서로드하기 전에 한 그림의 퍼지 효과 자리 표시자를로드하는 방법은 무엇입니까?
- 22
입력 라이브러리의 예제 코드로 인해 TypeError : 'type'개체가 첨자 가능하지 않습니다. 그 이유는 무엇입니까?
- 23
C ++ 호출 소멸자는 메모리에서 개체를 실제로 삭제하지 않습니다.
- 24
코드 로직을 따르지 않는 TypeScript : '정의되지 않은'개체를 호출 할 수 없습니다.
- 25
코드 로직을 따르지 않는 TypeScript : '정의되지 않은'개체를 호출 할 수 없습니다.
- 26
모든 브라우저에서 "개체가 'ajaxSubmit'속성 또는 메서드를 지원하지 않습니다."
- 27
개체가 Internet Explorer에서 '이전'속성 또는 메서드를 지원하지 않습니다.
- 28
Angular 8 main-es2015는 HTTP 프로토콜을 통해 전체 코드를로드하지 않습니다.
- 29
객체 일부의 그림자가 표시되지 않음-three.js
몇 마디 만하겠습니다