BabylonJS Viewer

This project is a 3d model viewer using babylonjs. Online docs: https://doc.babylonjs.com/features/featuresDeepDive/babylonViewer/viewerExamples

ES6/NPM usage

Install the package using npm:

npm install @babylonjs/viewer --save

Then in JS/Typescript the viewer to be imported via:

import * as BabylonViewer from '@babylonjs/viewer';

Add a babylon element in a html file:

<babylon id="babylon-viewer" camera.behaviors.auto-rotate="0"></babylon>

And used to load models

BabylonViewer.viewerManager.getViewerPromiseById("babylon-viewer").then(function (viewer) {
    // this will resolve only after the viewer with this specific ID is initialized
    viewer.onEngineInitObservable.add(function (scene) {
        viewer.loadModel({
            title: "Helmet",
            subtitle: "BabylonJS",
            thumbnail: "https://www.babylonjs.com/img/favicon/apple-icon-144x144.png",
            url: "https://www.babylonjs.com/Assets/DamagedHelmet/glTF/DamagedHelmet.gltf",
        });
    });
});