Inicio Explorar Ayuda
Registro Iniciar sesión
zhangyupeng
/
Babylon.js
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: 8fcb7ee786
Ramas Etiquetas
Babylon.js
/
Viewer
Raanan Weber 8fcb7ee786 documenting the observers hace 7 años
..
assets 90a18313a8 Adding animations select, glow, shadow config, changes to extended configuration hace 7 años
dist 10d1ab0c4c Allowing extending more than one configuration hace 7 años
src 8fcb7ee786 documenting the observers hace 7 años
tests e13827fe1c renaming to fit the directory structure hace 7 años
README.md bb272a3545 Viewer configuration - initial hace 8 años
package.json b16beaced1 updating dependencies and removing unneeded code hace 8 años
tsconfig-gulp.json 67be271278 initial tests integration hace 7 años
tsconfig.json 7cb6a2d4d5 tests now run on the source (!) and not on compiled js hace 7 años
webpack.config.js bf1fab8f2c allowing to debug the viewer straight from vscode hace 7 años
webpack.gulp.config.js 2456c7a62e no file references in import hace 7 años

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.