Startseite Erkunden Hilfe
Anmelden
zhangyupeng
/
Babylon.js
1
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: e445bfe95c
Branches Tags
Babylon.js
/
Viewer
Raanan Weber 4814b6384c Merge pull request #4426 from RaananW/viewer-modules vor 8 Jahren
..
assets 01b29a7df5 npm package for asserts and viewer vor 8 Jahren
dist c69a526f0e Small issue with the minimal configuration fixed vor 8 Jahren
src 4814b6384c Merge pull request #4426 from RaananW/viewer-modules vor 8 Jahren
tests 5d6afcfe16 passing tests to the new architecture vor 8 Jahren
README.md bb272a3545 Viewer configuration - initial vor 8 Jahren
package.json ea510f73cf fixing build with external dependencies vor 8 Jahren
tsconfig-gulp.json d9cf8cc9b7 updating build process vor 8 Jahren
tsconfig.json a62dbc3e7e should bompile to commonjs modules vor 8 Jahren
webpack.assets.config.js 73985daa0d building the viewer-assets package vor 8 Jahren
webpack.config.js 7f57e796f8 cleanup vor 8 Jahren
webpack.gulp.config.js 73985daa0d building the viewer-assets package vor 8 Jahren

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.