javascript - 来自 blender 的 babylon.js 纹理

Question

当我尝试将场景从 Blender 导出到 Babylon.js 时，我遇到了一些基本问题(我认为)。我想我不太了解纹理的工作原理。

让我们举一个基本的例子。我在 Blender 上创建了一个新场景。只有一盏灯、一个相机和一个立方体。我对多维数据集选项没有任何更改。我只是在标准 Material 上应用来自 jpg 的纹理。它看起来像这样:

我使用 Babylon 导出器生成一个 .babylon 文件。但是当我导入它时，没有应用纹理。

结果:

我真的不明白为什么...要导入纹理，有什么特别的事情要做吗？

这是我的导入代码:

<script>
var canvas = document.getElementById("renderCanvas");
var engine = new BABYLON.Engine(canvas, true);
BABYLON.SceneLoader.Load("", "test.babylon", engine, function (newScene) {
    // Wait for textures and shaders to be ready
    newScene.executeWhenReady(function () {
        // Attach camera to canvas inputs
        newScene.activeCamera.attachControl(canvas);

        // Once the scene is loaded, just register a render loop to render it
        engine.runRenderLoop(function() {
            newScene.render();
        });
    });
}, function (progress) {
    // To do: give progress feedback to user
});
</script>

Answer 1

Shivaan Keldon (提出问题的人)在评论中回答:

Got it ! When using textures with Babylon.js, you must unwrap the UV map before applying the texture in Blender !