Javascript 为什么我的场景没有渲染？

我正在尝试用咖啡脚本重新实现。我的代码如下所示：

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中，此灰色背景在加载时也会闪烁一次。怎么了

---

上下文：它使用实例变量包含在它自己的类中，因为这意味着以后要进行扩展。

您的近平面看起来距离为10000。更改为：

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

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

---

您的近距离飞机似乎在10000的距离处。更改为：