BabylonJS加载OBJ或STL模型文件实例

本例演示如何使用Babylon.js的AssetsManager加载obj或者stl模型文件。

babylon.js, loader

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 22069
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

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

var createScene = function() {

// This creates a basic Babylon Scene object (non-mesh)
    var scene = new BABYLON.Scene(engine);

new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);
    var cam = new BABYLON.ArcRotateCamera("ArcRotateCamera", 0, 0, 1, new BABYLON.Vector3(0, 1, 0), scene);
    cam.attachControl(canvas);

var loader = new BABYLON.AssetsManager(scene);

var position = 0;
    var pos = function(t) {
        t.loadedMeshes.forEach(function(m) {
            m.position.x -= position;
        });
        position += 1;
    };

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

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

loader.load();

return scene;

};

var scene = createScene();

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

// Resize
window.addEventListener("resize", function() {
    engine.resize();
});

编译

CSS

HTML

本例演示如何使用Babylon.js的AssetsManager加载obj或者stl模型文件。

babylon.js, loader

编辑器支持Emmet

快捷键

本例演示如何使用Babylon.js的AssetsManager加载obj或者stl模型文件。

babylon.js, loader

three.js gltf扩展（draco压缩，pbr，binary）模型加载代码示例

WebGL Three.js - glTF模型加载器在线示例：钢铁头盔

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：