为什么我的场景不能渲染？

我试图在CoffeeScript中重新实现this example。我的代码如下所示：为什么我的场景不能渲染？

class Example 
    width: 640 
    height: 480 

    constructor: -> 
     @camera = new THREE.PerspectiveCamera 45, @width/@height, 10000 
     @camera.position.z = 300 

     @scene = new THREE.Scene 
     cube = new THREE.Mesh(new THREE.CubeGeometry(50,50,50), new THREE.MeshBasicMaterial ({color: 0x000000})) 

     @scene.add cube 

     @renderer = new THREE.WebGLRenderer { antialias: true } 
     @renderer.setSize @width, @height 
     @renderer.setClearColorHex 0xEEEEEE, 1.0 
     @renderer.clear() 

     @element = $(@renderer.domElement).appendTo $('div#display') 

     @renderer.render(@scene, @camera)

然而，这只能说明一个灰色的背景，而不是在Chrome和Firefox的立方体。在Chrome中，加载后此灰色背景也会闪烁一次。怎么了？

上下文：这是包含在它自己的类中使用实例变量，因为这是为了稍后扩展。

来源

2012-07-30 DCKing

你靠近飞机似乎是在10000变化的以下的距离：

@camera = new THREE.PerspectiveCamera 45, @width/@height, 1, 10000

来源

2012-07-30 15:10:43 WestLangley

啊......人类缺陷的危险... – mrdoob 2012-07-31 02:19:21

@camera = new THREE.PerspectiveCamera 45, @width/@height, 1, 10000

来源

2012-07-30 15:07:07

为什么我的场景不能渲染？

回答

相关问题