0

我很好地使用.babylon文件格式。为 Blender 3D 编辑器开发的导出器完美运行，如果使用以下代码加载导出的模型：

// won't write the full code
// because it was fetched from the playground and it's very standard and works
BABYLON.SceneLoader.Load("", "fileName.babylon", engine, function (newScene) {
...

运行良好，浏览器中的 WebGL 渲染器显示了我的模型。

但是，如果我不想将模型加载为必须保存在 HTTP 服务器（IIS、Apache、lighttpd、nginx 等）的公共文件夹中的静态文件怎么办。

例如，我想从用户端加载一个.babylon文件，或者在我的后端保护对.babylon文件的访问。

好吧，让我们看看情况，如果我在我的网络应用程序中提供某种上传器（使用浏览器中的文件 API），用户将能够从他们的 PC 或其他设备加载 3D 模型。

我正在尝试像这样加载模型：

文件上传（change输入文件事件）效果很好：

    function handleFiles( event ) {
        var uploader = event.srcElement || event.currentTarget;
        var files = uploader.files;

        var reader = new FileReader();
        reader.onload = function( event ) {
            var data = JSON.parse( event.target.result );
            loadCustomMesh( data );
        };

        // passing only single mesh because of testing purpose
        reader.readAsText( files[ 0 ] );
    }

处理几何图形并添加到场景：

function loadCustomMesh( data ) {
    var mesh = new BABYLON.Mesh( Math.random().toString(), scene );
    mesh.setVerticesData( BABYLON.VertexBuffer.PositionKind, data.meshes[ 0 ].positions, true );
    mesh.setVerticesData( BABYLON.VertexBuffer.NormalKind, data.meshes[ 0 ].normals, true );
    mesh.setIndices( data.meshes[ 0 ].indices );

    mesh.position = new BABYLON.Vector3( 0, 0, 0 );
    ...

它工作正常！但！！！没有材料...

我从上传的数据中发现了多材料：

在此处输入图像描述

但是如果使用下一个代码：

mesh.material = data.multiMaterials[ 0 ];

这对这个示例完全有效，它会引发下一个错误：

Uncaught TypeError: t.needAlphaBlending is not a function

我什至不知道下一步该做什么，有什么想法吗？

4

1 回答 1

0

问题在这里解决：

http://www.html5gamedevs.com/topic/16846-how-to-load-babylon-exported-from-blender-using-javascriptfileapixhr/

function handleFiles( event ) {
    var uploader = event.srcElement || event.currentTarget;
    var files = uploader.files;
    var reader = new FileReader();

    reader.onload = function( event ) {
        var result = event.target.result;

        BABYLON.SceneLoader.ImportMesh(
            null,
            event.target.result,
            '',
            scene,
            function( newMeshes, particleSystems, skeletons ) {
                var mesh = newMeshes[ 0 ];
                mesh.position = new BABYLON.Vector3( 0, 0, 0 );
            }
        );
    };

    reader.readAsDataURL( files[ 0 ] );
}
于 2015-08-31T13:13:22.400 回答