Inicio Explorar Axuda
Rexistro Iniciar sesión
zhangyupeng
/
Babylon.js
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Árbore: a3a04d984b
Ramas Etiquetas
Babylon.js
/
Viewer
Raanan Weber 0be3534651 names and touch-action %!s(int64=7) %!d(string=hai) anos
..
assets 0be3534651 names and touch-action %!s(int64=7) %!d(string=hai) anos
dist b3d896b31f cleanup %!s(int64=7) %!d(string=hai) anos
src 525e289d4a animation names, touch-action none, input scroll %!s(int64=7) %!d(string=hai) anos
tests 2a35aea04f tests runtime %!s(int64=7) %!d(string=hai) anos
README.md bb272a3545 Viewer configuration - initial %!s(int64=7) %!d(string=hai) anos
package.json d9dcee2c4b stability changes and bug fixes %!s(int64=7) %!d(string=hai) anos
tsconfig-gulp.json d1b2d1e35a referencing the right module %!s(int64=7) %!d(string=hai) anos
tsconfig.json 7cb6a2d4d5 tests now run on the source (!) and not on compiled js %!s(int64=7) %!d(string=hai) anos
webpack.config.js 0af2d45602 Added Logo & Font %!s(int64=7) %!d(string=hai) anos
webpack.gulp.config.js d9dcee2c4b stability changes and bug fixes %!s(int64=7) %!d(string=hai) anos

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.