2013-08-11 4 views
0

간단한 three.js 코드에 문제가 있습니다. 코드에는 설정을위한 몇 줄의 내용이 포함되어 있으며 몇 개의 큐브가 표시됩니다. 그러나 백그라운드의 일부 큐브는 포 그라운드에 표시됩니다.Three.js - 잘못된 렌더링 출력

내가 할 일을 잊었습니까?

http://goo.gl/qUZKRt에 코드를 호스팅했습니다 (카메라를 회전하려면 시프트를 누릅니다).

도움이된다면 어떤 도움이 될까요?

는 당신에게 모든

+0

중복 http://stackoverflow.com/questions/14019880/cubes-created-by-three-js-are-interfere-parts :

이 예제를 참조하십시오 -of-those-cubes-become-transparenc/ – WestLangley

+0

예,하지만이 질문에 대한 모든 대답을 더 나은 결과로 시도했습니다. 그리고 저는 CanvasRender가 아닌 WebGLRender를 사용하고 있습니다. – coda

+0

"renderer"를 콘솔 창에 입력하십시오. THREE.CanvasRenderer를 사용하고 있습니다. 59. – WestLangley

답변

1

먼저 감사 - WebGLCanvas - 당신은 당신의 코드에서 2 렌더러를 모두 가지고있다. 확인해 봐. scenelight을 사용하고 있으므로 materialcolor으로 설정하는 것만으로는 충분하지 않습니다. 그래서 그것을 확인하십시오. 나머지는 - 조명의 가치로 놀아보기의 문제입니다. http://jsfiddle.net/FeMq7/1/

희망 도움이 알렉스의

+0

CanvasRenderer를 사용하여 피들을 사용해보십시오. 그러면 질문에 설명 된 문제가 나타납니다. – WestLangley

+0

@coda에 의해 명시된 바와 같이> CanvasRender가 아닌 WebGLRender를 사용하고 있습니다. 그리고 Canvas Renderer의 경우 - 자료를 Basic으로 변경하면 문제가 없습니다. –

+0

도움을 주셔서 대단히 감사합니다! 2 개의 렌더러가 있지만 테스트 용 브라우저는 모두 WebGL 렌더러를 사용합니다. – coda