使用Babylon.js加载obj文件时网页崩溃

时间:2016-09-08 16:24:58

标签: javascript 3d babylonjs

我购买了obj文件格式的3d场景,以及一些纹理文件。 obj文件有187 MB。我尝试使用以下代码加载obj文件(我用其他obj示例文件测试了我的代码,工作正常)。但是,加载一段时间后,我的网页随后崩溃了。它在崩溃后上传了网页的截图。

我使用babylon.2.4.js,babylon.objFileLoader.js,node.js用于我的Web服务,IIS用于服务器。

我想知道有人可以帮我解决这个问题吗?

非常感谢你!

您诚挚的,

Chi Xiao

    var camera;

    window.addEventListener('DOMContentLoaded', function() 
    {
        var canvas = document.getElementById('renderCanvas');
        var engine = new BABYLON.Engine(canvas, true);

        engine.enableOfflineSupport = false;

        BABYLON.SceneLoader.Load("http://127.0.0.1:8082/scenes/kc8/", "kc8.obj", engine, function (newScene)
        { 
            camera = new BABYLON.ArcRotateCamera("Camera", 3 * Math.PI / 2, Math.PI / 8, 50, BABYLON.Vector3.Zero(), newScene);
            camera.attachControl(canvas, true);

            var light = new BABYLON.HemisphericLight("hemi", new BABYLON.Vector3(0, 1, 0), newScene);
            light.diffuse = new BABYLON.Color3(1, 1, 1);
            light.specular = new BABYLON.Color3(1, 1, 1);
            light.groundColor = new BABYLON.Color3(0, 0, 0);

            engine.runRenderLoop(function() 
            {
                newScene.render();
            });

            window.addEventListener('resize', function() 
            {
                engine.resize();
            });
        });
    });

Screenshot of the webpage on Chrome

Screenshot of the console on Chrome

0 个答案:

没有答案