爲什麼我的場景不能渲染？

我試圖在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

爲什麼我的場景不能渲染？

回答

相關問題