Three.js CSS3D渲染器-未捕獲的TypeError：undefined不是函數

Question

我很難讓CSS3d渲染器正常工作，而且似乎基本的Javascript阻礙了我。

我通過Sid.js分別加載了所有Three.js庫，如果通過此方法添加CSS3DRenderer.js文件，則會得到

Uncaught TypeError: undefined is not a function renderer = new THREE.CSS3DRenderer();上Uncaught TypeError: undefined is not a function renderer = new THREE.CSS3DRenderer();

（它正在Three.js庫之后加載）

如果我從標題加載它，我得到

未捕獲的ReferenceError：未定義三

（cssrender第6行）

我以此為例http://mrdoob.github.io/three.js/examples/css3d_periodictable.html

有什么想法可以讓CSS3d渲染器加載嗎？

編輯

這是一個示例http://gms.beektest.co/g150

通過Sid.js加載所有腳本的文件是http://gms.beektest.co/resources/js/player.js

Sid.js([  
            "http://ajax.googleapis.com/ajax/libs/threejs/r67/three.min.js",
            "../../resources/js/beekjs/three-css3d.min.js",
            "../../resources/js/beekjs/Detector.js",
            "../../resources/js/beekjs/beek.js",
            "../../resources/js/beekjs/tween.min.js",
            "../../resources/js/beekjs/scene.js"],

            function(){
            showProgress(0.4);
            init();
        }
    );

調用該錯誤的渲染器函數是

    renderer = new THREE.CSS3DRenderer(); (error is on this line)
    renderer.setSize( window.innerWidth, window.innerHeight );
    renderer.domElement.style.position = 'absolute';
    document.getElementById( 'container' ).appendChild( renderer.domElement );

Answer 1

在標題中添加css3d庫和three.js可以解決此問題。 將不得不找出另一種動態加載方式。