Javascript 中的模型

Models in Javascript

myColladaLoader = new THREE.ColladaLoader();
myColladaLoader.options.convertUpAxis = true;

myColladaLoader.load( 'car.dae', function ( collada ) {
        // Her the dae in a global variable.
        myDaeFile = collada.scene;

        // Position your model in the scene (world space).
        myDaeFile.position.x = 0;
        myDaeFile.position.y = 5;
        myDaeFile.position.z = 0;

        // Scale your model to the correct size.
        myDaeFile.scale.x = myDaeFile.scale.y = myDaeFile.scale.z = 0.2;
        myDaeFile.updateMatrix();

        // Add the model to the scene.
        scene.add( myDaeFile );
    } );


}

您好,我正在尝试使用从 3dsMax 导出的模型创建游戏。由于某种原因,这段代码不允许我导入我的模型?我已经通读了文档,也尝试过这种方式:

var loader = new THREE.ColladaLoader();

 loader.load(
// resource URL
'car.dae',
// Function when resource is loaded
function ( collada ) {
    scene.add( collada.scene );
},
// Function called when download progresses
function ( xhr ) {
    console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
}
);

直接来自文档。我对这类东西很陌生,所以请给我指导!此外,我尝试使用 100% 正确导出的其他模型,因此它的代码。不是模型。

感谢您的任何建议和指导。

根据 判断:

I get this: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource

您 运行 陷入此问题的原因是因为您试图通过 file:// 协议而不是 http:// 或 [=13] 加载内容 xhr =].

看到这个问题:


要解决此问题,您将需要使用网络服务器,以便您可以通过 http:// 而不是 file:// 提供内容。它们很容易设置。一些受欢迎的选项包括:

但是,我建议下载 IDE 并让它自动处理基本的静态服务器内容。 IDE 是非常有用的工具,因为它们可以让您更轻松地组织代码,并且通常会提供各种工具链来简化代码的部署和调试。

我一般用Netbeans. I would suggest creating an HTML5 project。然而,我发现 Netbeans 虽然非常健壮,但对于简单的项目来说可能相当繁重,因为它还支持其他编程模块,如 J2EE、C++ 等,并且经常会占用大量内存。

如果您更喜欢轻一点的东西,我还建议使用 Brackets IDE,它可以非常轻松地提供静态 HTML 文件,并且还支持无数的插件取决于您的需要。

Eclipse 是另一个不错的选择,但往往更多地用于 Java 企业 Web 应用程序而不是静态网页,所以我认为它的很多工具只会妨碍你。