|
%!s(int64=4) %!d(string=hai) anos | |
---|---|---|
.. | ||
assets | %!s(int64=6) %!d(string=hai) anos | |
dist | %!s(int64=4) %!d(string=hai) anos | |
src | %!s(int64=4) %!d(string=hai) anos | |
tests | %!s(int64=4) %!d(string=hai) anos | |
README-ES6.md | %!s(int64=6) %!d(string=hai) anos | |
README.md | %!s(int64=5) %!d(string=hai) anos | |
package.json | %!s(int64=4) %!d(string=hai) anos | |
tsconfig-gulp.json | %!s(int64=6) %!d(string=hai) anos | |
tsconfig.json | %!s(int64=6) %!d(string=hai) anos | |
webpack.assets.config.js | %!s(int64=7) %!d(string=hai) anos | |
webpack.config.js | %!s(int64=6) %!d(string=hai) anos | |
webpack.gulp.config.js | %!s(int64=6) %!d(string=hai) anos |
This project is a 3d model viewer using babylonjs. Online docs: https://doc.babylonjs.com/extensions/the_babylon_viewer
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 an 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"
});
});
});