Three.js shadow issue

Question

Three.js 스크립트에 문제가 있습니다. 나는이 장면이,

http://jsfiddle.net/Rhtr2/7/

하지만 최대한 빨리 활성화로 그림자 (주석 spot.castShadow=true;)는이에 도달 : 내 코드에서 어디

http://prntscr.com/jx7id

는 잘 모르겠어요 문제는 아니지만 분명히 뭔가라고 생각합니다.

Btw : 섀도우 작업을하는 다른 Three.js 예제는 일반적으로 내 GPU의 문제가 아니며 콘솔 출력이 없습니다.

Answer 1

바이올린에 많은 실수가 있습니다. renderer을 DOM에 올바르게 추가하는 방법에 대한 예제는 three.js 예제를 참조하십시오.

또한 회전은 three.js에서 어떻게 작동하는지 이해할 때까지 실험해야합니다.

그림자 카메라 near 및 far planes을 올바르게 설정해야합니다. http://jsfiddle.net/Rhtr2/58/

---

이궁 :

여기에 업데이트 된 바이올린입니다! 피들 버전 58! jsfiddle FAQ를 읽어보십시오. 그것을 실행하기 위해 바이올린을 "업데이트"할 필요가 없습니다.