Home Verkennen Help
Registreren Inloggen
zhangyupeng
/
Babylon.js
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: 2a24b231d1
Aftakkingen Labels
Babylon.js
/
Viewer
Raanan Weber 000ce008ce small typo in package,json 7 jaren geleden
..
assets 000ce008ce small typo in package,json 7 jaren geleden
dist c69a526f0e Small issue with the minimal configuration fixed 7 jaren geleden
src 4814b6384c Merge pull request #4426 from RaananW/viewer-modules 7 jaren geleden
tests 5d6afcfe16 passing tests to the new architecture 7 jaren geleden
README.md bb272a3545 Viewer configuration - initial 8 jaren geleden
package.json ea510f73cf fixing build with external dependencies 7 jaren geleden
tsconfig-gulp.json d9cf8cc9b7 updating build process 7 jaren geleden
tsconfig.json a62dbc3e7e should bompile to commonjs modules 7 jaren geleden
webpack.assets.config.js 73985daa0d building the viewer-assets package 7 jaren geleden
webpack.config.js 7f57e796f8 cleanup 7 jaren geleden
webpack.gulp.config.js 73985daa0d building the viewer-assets package 7 jaren geleden

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.