与Three.js交互的液态金属球

Question

我正在用JavaScript迈出第一步，也正在使用Three.js。

今天，我正在看Paul Lewis的教程，用Three.js制作这样的交互式液态金属球http://lab.aerotwist.com/webgl/reactive-ball/

我问我是否可以使用ThreeBinaryLoader使用外部模型来实现。 我将代码更改为此http://codepen.io/gnazoa/pen/wKVLNG，但由于我在这里遇到语法错误而无法使用

sphereGeometry = loader.load( 
    "sources/obj/mmlogo/mm_logo.js", 
    function(
      200,      // radius
      60,       // resolution x
      30);      // resolution y

所以我尝试了另一种语法：

var loader = new THREE.BinaryLoader();
            loader.load( "sources/obj/mmlogo/mm_logo.js", function ( sphereGeometry ) {

                var material = new THREE.MeshPhongMaterial( {
                    color: 0x515151,
                    morphTargets: true,
                    overdraw: 0.5,
                    envMap: reflectionCube,
                    combine: THREE.AddOperation,
                    reflectivity: 1,
                    shininess: 0,
                    side: THREE.DoubleSide,
                } );

而且我仍然遇到相同的语法问题。

我知道也许这确实很简单，但对我来说却很难，因为我正在学习，而这确实很复杂。

您知道是否可以使用正确的语法吗？

Answer 1

尝试这个：

var loader = new THREE.BinaryLoader();
loader.load( "sources/obj/mmlogo/mm_logo.js", function ( sphereGeometry ) {

    var material = new THREE.MeshPhongMaterial( {
        color: 0x515151,
        morphTargets: true,
        overdraw: 0.5,
        envMap: reflectionCube,
        combine: THREE.AddOperation,
        reflectivity: 1,
        shininess: 0,
        side: THREE.DoubleSide
    } );
});

您忘了用});关闭函数}); 。 我大声建议使用一些带有语法检查的IDE。 Javascript中的运行时错误会给您足够的乐趣。 ;）