javascript - MeshBasicMaterial() 色が認識されない

Question

これは、赤い色のメッシュ (hex:0xff3300) をシーンにレンダリングするコードです。しかし、私のすべての試みは失敗しました.THREE.MeshBasicMaterial（）に指定した16進数の色に関係なく、白いメッシュしか見られません.

<div style="height:500px;width:500px;background:black"></div>
<script type="text/javascript" src="three.js"></script>
<script>
var div=document.getElementsByTagName("div")[0];
var renderer=new THREE.WebGLRenderer();
renderer.setSize(div.offsetWidth,div.offsetHeight);
div.appendChild(renderer.domElement);
var scene=new THREE.Scene();
var camera=new THREE.PerspectiveCamera(45,div.offsetWidth/div.offsetHeight,1,4000);
camera.position.set(0,0,3);
scene.add(camera);
var geometry=new THREE.PlaneGeometry(1,1);
var mesh=new THREE.Mesh(geometry,new THREE.MeshBasicMaterial(0xff3300));
scene.add(mesh);
renderer.render(scene,camera);
</script>

私を助けてください