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 应用程序而不是静态网页,所以我认为它的很多工具只会妨碍你。
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 应用程序而不是静态网页,所以我认为它的很多工具只会妨碍你。