Three.js 中的 VRML 文件加载问题答案

【问题标题】：VRML file loading issue in three.jsThree.js 中的 VRML 文件加载问题
【发布时间】：2016-08-19 22:08:16
【问题描述】：

我正在尝试使用 three.js 库中提供的 vrmlloader.js 加载 vrml 或 wrl 文件。加载此文件后，它什么都不显示，只显示白色空白页。

VRML 文件的内容在这里：http://jsfiddle.net/shiladittya/y0j1wn0c/

我使用下面的代码读取了这个 vrml 文件：

            var loader = new THREE.VRMLLoader();
            loader.addEventListener( 'load', function ( event ) {
                var geometry = event.content;
                scene.add(geometry);
            } );
            loader.load( "./stl/test.WRL" );

我错过了什么？有什么建议吗？

【问题讨论】：

标签： three.js vrml

【解决方案1】：

您还需要包含 Detector.js（在 three.js 库中可用）和 jQuery（2.0 或更高版本）。

但是，目前这是旧版本的代码。现在，在最新版本的 VrmlLoader.js 中，你必须这样写：

var loader = new THREE.VRMLLoader();
loader.load("./stl/test.WRL", function(object) {
    scene.add(object);
};

【讨论】：

【解决方案2】：

我已经尝试在新的 VrmlParser 项目中加载您的示例。它加载得很好。可以去那里试试吗？

我必须注意，我必须减少缩进，文件不应以制表符 (\t) 开头。

您可以在此处找到 VrmlParser 项目：https://github.com/bartmcleod/VrmlParser

它使用 ThreeJs。

【讨论】：