0

我正在尝试在 CoffeeScript中重新实现这个示例。我的代码如下所示：

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

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

4

2 回答 2

3

您的近平面似乎在 10000 的距离处。更改为以下内容：

@camera = new THREE.PerspectiveCamera 45, @width/@height, 1, 10000
于 2012-07-30T15:10:43.390 回答
1 
@camera = new THREE.PerspectiveCamera 45, @width/@height, 1, 10000
于 2012-07-30T15:07:07.917 回答