在BabylonJS中加载Blender场景

时间:2016-04-01 03:14:12

标签: javascript babylonjs

我在Blender做了一个场景,我导出了一个.babylon,现在我将它导入到游戏中。地图是351KB,我将它加载到游戏中:

var BABYLON;
var canvas = document.getElementById('gamecanvas');
var engine = new BABYLON.Engine(canvas, true);
var scene = new BABYLON.Scene(engine);
var light = new BABYLON.PointLight('light', new BABYLON.Vector3(0,0,10), scene);
var player = new BABYLON.FreeCamera('player', new BABYLON.Vector3(1,1,1), scene); //IMPORTANT LINE
var player_height = 2;
var player_speed = 1;
var player_inertia = 0.9;
var mouse_position = new BABYLON.Vector2(mouse_position.x, mouse_position.y);

function INIT_GAME(){

    engine.runRenderLoop(function(){ //IMPORTANT LINE
        scene.render();
    });

    canvas.height = window.innerHeight;
    canvas.width = window.innerWidth;
    canvas.requestPointerLock = canvas.requestPointerLock || canvas.mozRequestPointerLock;
    canvas.requestPointerLock();

    scene.enablePhysics(); //IMPORTANT LINE
    scene.setGravity(new BABYLON.Vector3(0, -10, 0)); //IMPORTANT LINE

    player.attachControl(canvas, true); //IMPORTANT LINE
    player.ellipsoid = new BABYLON.Vector3(1, player_height, 1);
    player.checkCollisions = true;
    player.applyGravity = true;
    player.keysUp = [87];
    player.keysDown = [83];
    player.keysLeft = [65];
    player.keysRight = [68];
    player.inertia = player_inertia;
    player.speed = player_speed;

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

    BABYLON.SceneLoader.Load('Scenes', 'zombie_map.babylon', engine); //IMPORTANT LINE
}

我试图将所有内容缩小到您应该看到的内容,但我将其全部留在那里以防万一我错过了。 (在页面加载时加载INIT_GAME)。我的问题是,我认为现场正在加载,但它只是给了我一个奇怪的加载图标,我认为只是巴比伦试图加载我通过它的场景。我的问题是:

  • 我装好了吗?
  • 导入.babylon场景的正确格式是什么?
  • 地图的大小对于浏览器来说是否太大,如果是,我该如何压缩它?

如果您需要正面查看结果,我可以提供指向该网站的链接。让我知道,谢谢!

1 个答案:

答案 0 :(得分:1)

我认为解决方案非常简单。

在rootURL之后添加斜杠。

所以替换

BABYLON.SceneLoader.Load('Scenes', 'zombie_map.babylon', engine); //IMPORTANT LINE

BABYLON.SceneLoader.Load('Scenes/', 'zombie_map.babylon', engine); //IMPORTANT LINE

试试这个,让我知道它是怎么回事。