Three.js에서 배경색을 어떻게 변경할 수 있나요?

Three.js 배경색 사용자 정의

Three.js에서 투명 배경이나 색상 배경을 설정하는 데 문제가 발생한 경우, 검정색 기본값은 실망스러울 수 있습니다. 이 문제를 해결하려면 다음 해결 방법을 살펴보세요.

해결책

문제의 근본 원인은 JavaScript에서 발생하며 렌더러의 투명 색상 값을 수정하여 해결할 수 있습니다. .

예를 들어 Three.js 초기화 함수 내의 코드 like:

renderer.setClearColorHex(0x000000, 1);

다음으로 조정해야 함:

renderer.setClearColorHex(0xffffff, 1);

또는 업데이트된 솔루션의 경우:

renderer.setClearColor(0xffffff, 0);

투명성을 허용하려면 다음 코드를 활용하세요. WebGLRenderer 인스턴스를 생성할 때:

var renderer = new THREE.WebGLRenderer({ alpha: true});

또한 r78에서 이후에는 다음을 사용하여 배경색을 설정할 수 있습니다.

var scene = new THREE.Scene(); // initializing the scene
scene.background = new THREE.Color(0xff0000);

위 내용은 Three.js에서 배경색을 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!