Question

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

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

Answer 1

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

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

Answer 2

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

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

2 个答案: