javascript - シーンがレンダリングされないのはなぜですか?

Question

この例を 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 では、この灰色の背景も読み込み時に 1 回点滅するように見えます。どうしたの？

コンテキスト: これは後で拡張することを意図しているため、インスタンス変数を使用して独自のクラスに含まれています。

Answer 1

ニア プレーンは 10000 の距離にあるように見えます。次のように変更します。

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

Answer 2

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