如何使用BabylonJS加载OBJ或STL模型

BabylonJS（也就是babylon.js，这是一个和three.js类似的WebGL开发框架），更多的用在游戏领域。

本文说明和演示如何使用babylon.js来加载一个标准3d模型文件，如OBJ或STL。

1.首先引入babylon主js和loader（主要是文件解析作用）的js脚本如下：

<base href="//wow.techbrood.com" />
<script src="/libs/babylon/babylon.js"></script>
<script src="/libs/babylon/babylon.objFileLoader.js"></script>

2.创建一个场景

var canvas = document.getElementById("renderCanvas");
var engine = new BABYLON.Engine(canvas, true);
var scene = new BABYLON.Scene(engine);

3.使用AssetsManager创建一个加载器

var loader = new BABYLON.AssetsManager(scene);

4. 加载模型文件

var bunny = loader.addMeshTask("bunny", "", "/uploads/161101/", "bunny.obj");
bunny.onSuccess = pos;

loader.onFinish = function() {
    engine.runRenderLoop(function() {
        scene.render();
    });
};

loader.load();

你可以自己在线试试看：