Home Explore Help
Register Sign In
zhangyupeng
/
Babylon.js
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: cb1501e46d
Branches Tags
Babylon.js
/
Viewer
Raanan Weber 816bb029d7 added the ability to add an animation group 7 years ago
..
assets f0d255616e small fixes 7 years ago
dist 0b9065a4c9 initModel will initialize a model 7 years ago
src 816bb029d7 added the ability to add an animation group 7 years ago
README.md bb272a3545 Viewer configuration - initial 7 years ago
package.json b16beaced1 updating dependencies and removing unneeded code 7 years ago
tsconfig-gulp.json be759e3d7e Dist 7 years ago
tsconfig.json 37f6e1114c new compilation definition for viewer dev 7 years ago
webpack.config.js 2bdb4f3986 build 7 years ago
webpack.gulp.config.js 08a43e395c removing oimo from the viewer 7 years ago

README.md

BabylonJS Viewer

This project is a 3d model viewer using babylonjs.

Please note that this is an initial release. The API and project structure could (and probably SHOULD) be changed, so please don't rely on this yet in a productive environment.

The viewer is using the latest Babylon from npm (3.1 alpha).

This documentation is also not full. I will slowly add more and more exmplanations.

Basic usage

See basicExample.html in /dist.

Basically, all that is needed is an html tag, and the viewer.js, which includes everything needed to render a Scene:

<babylon model="https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/BoomBox/glTF/BoomBox.gltf" default-viewer="true"></babylon>
<script src="viewer.js"></script>

This will create a (default) viewer and will load the model in this URL using the gltf loader.

The babylon tag will be automatically initialized.

Configuration

Configuration can be provided using html attributes or a JSON (at the moment). A configuration Mapper can be registered to create new configuration readers.

Before I finish a full documentation, take a look at configuration.ts

Templating

The default templates are integrated in the viewer.js file. The current templates are located in /assets/templates/default/ . Those templates can be extended and registered using the configuration file.