0

我正在尝试加载 JSON 模型并将其显示在画布上。但是屏幕上没有绘制任何内容。我试图在loader.load回调中放置警报，但从未显示警报：从未调用回调。我想知道 JSON 文件是否有问题，我从这里下载了它：https ://livingvindonissa.googlecode.com/svn-history/r42/trunk/livingvindonissa/src/model/test/Teapot.json

这是代码： 

<head>
        <title> Teapot </title>
        <style> 
            canvas {width:100%; height:100%; background-color: black} 
            body {background-color: white};
        </style>
    </head>
    <body>
        <h1 align="center"> Teapot </h1>
        <script src="/Users/ramy/Documents/HTML/mrdoob-three.js-58e4622/build/three.min.js"></script>
        <script type="text/javascript">
            // Scene initialization
            var scene= new THREE.Scene();
            var camera= new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);
            var renderer= new THREE.WebGLRenderer();
            renderer.setSize(window.innerWidth,window.innerHeight);
            document.body.appendChild(renderer.domElement);
            camera.position.z= 50;

            // Teapot creation
            var teapot;
            var loader= new THREE.JSONLoader();
            loader.load("/Users/ramy/Documents/HTML/teapot.json", 
                function(geometry) {
                    var material= new THREE.MeshBasicMaterial({color:0x00ff00});
                    teapot= new THREE.Mesh(geometry,material);
                    scene.add(teapot);
                    render();
                });

            // Rendering
            var render= function() {
                requestAnimationFrame(render);
                renderer.render(scene,camera);
            }
        </script>
    </body>
</html>
4

1 回答 1

1

您使用的模型格式似乎与通过Three.js 插件或Python 脚本转换器从 Blender 导出的模型格式不同。对我来说，Three.js 具有包含元数据块的 JSON 格式：

"metadata" :
{
    "formatVersion" : 3.1,
    "generatedBy"   : "Blender 2.65 Exporter",
    "vertices"      : 25253,
    "faces"         : 49658,
    "normals"       : 25252,
    "colors"        : 0,
    "uvs"           : [25399],
    "materials"     : 8,
    "morphTargets"  : 0,
    "bones"         : 0
},

您的文件也有

"vertexPositions"
"vertexNormals"
"vertexTextureCoords"
"indices"

代替

"vertices"
"normals" 
"uvs"
"faces"

我怀疑该文件是以 JSON 格式的通用模型生成的，而不是 Three.js JSON 格式。你能确认你使用的出口商吗？

编辑：为了澄清，这个问题的答案是使用的 JSON 格式与 Three.js JSONLoader 不兼容。您需要找到原始文件，并使用上述方法将其转换，或者手动转换您必须符合 Three.js JSON 格式的 JSON 文件。

于 2013-10-09T13:22:53.183 回答