Question

我在使CSS3d渲染器工作时遇到了很多麻烦，而且看起来基本的Javascript阻碍了我。

我通过Sid.js分别加载所有的Three.js库，如果我通过这个方法添加CSS3DRenderer.js文件，我得到

Uncaught TypeError: undefined is not a function

上的

renderer = new THREE.CSS3DRenderer();

（它在Three.js库之后加载）

如果我从标题中加载它，我会

未捕获的ReferenceError：未定义THREE

（cssrender line 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添加到标题中修复它。将不得不找出另一种动态加载方式。

Three.js CSS3D渲染器 - 未捕获TypeError：undefined不是函数

1 个答案: