3jsでは、setClearColorの値は白ですが、外部のhtmlファイルを呼び出すと黒く表示されますか？ Three.jsで

Question

は、setClearColorの値は白ですが、私は外部のhtmlファイルを呼び出すときには、黒のレンダリング：

enter image description here

外部ファイルコード：

<div id="3d-modal"></div> 
<script src="juicer/js/three.js"></script> 

3D-モーダルスクリプト：

<script> 
var scene = new THREE.Scene(); 
var camera = new THREE.PerspectiveCamera(75, 
window.innerWidth/window.innerHeight, 0.1, 1000); 
var renderer = new THREE.WebGLRenderer({antialias : true}); 

// renderer.setSize(window.innerWidth, window.innerHeight); 

renderer.setClearColor(0xffffff); 
renderer.shadowMap.enabled = true; 
renderer.shadowMap.type = THREE.PCFSoftShadowMap; 

// Appending Webgl to the "container" Div... 
// document.body.appendChild(renderer.domElement); 

var container = document.getElementById("3d-modal"); 
var canvas_width = 290; 
var canvas_height = 165; 
var renderer = new THREE.WebGLRenderer(); 
renderer.setSize(canvas_width , canvas_height); 
container.appendChild(renderer.domElement); 

var animate = function() { 
requestAnimationFrame(animate); 
renderer.render(scene, camera); 
}; 
animate(); 
</script> 

どうすればこの問題を解決できますか？

Answer 1

私がthree.jsを使い始めたとき、私はこれを見つけました。

更新：それは実際にはjavascriptの問題だ

renderer.setClearColor(0xffffff, 0); 

（ノート：：構文=> setClearColor（カラー、アルファ））

更新ソリューションのHdN8に感謝

更新＃2：WestLangleyが指摘したように、another similar questionには、低コードsetClearColor（）機能と連携して新しいWebGLRendererインスタンスを作成するとき：

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

アップデート＃3：R78以来そのうちMr.doobポイントあなたは、代わりに、コードを使用することができますシーンの背景色を設定するには：

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