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

techbrood 发表于 2017-06-25 19:57:40

标签: babylon, obj, stl, loader

- +

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();

你可以自己在线试试看:


possitive(14) views23029 comments0

发送私信

最新评论

请先 登录 再评论.
相关文章