Home Verkennen Help
Registreren Inloggen
zhangyupeng
/
Babylon.js
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: ada8688eb2
Aftakkingen Labels
Babylon.js
/
Viewer
Christopher Stock b69da1ad8d Upgraded sub projects to TypeScript 3.0.1. 7 jaren geleden
..
assets bd1ef18759 support for *-word animation names 7 jaren geleden
dist 4864b6f3a8 Create printExample.html 7 jaren geleden
src b09d4bf577 public _ is hidden 7 jaren geleden
tests 0482b9ef6e Minimize tests memory consuption 7 jaren geleden
README.md bb272a3545 Viewer configuration - initial 7 jaren geleden
package.json b69da1ad8d Upgraded sub projects to TypeScript 3.0.1. 7 jaren geleden
tsconfig-gulp.json 9e2ad61390 fixing viewer build 7 jaren geleden
tsconfig.json 9e2ad61390 fixing viewer build 7 jaren geleden
webpack.assets.config.js 783c1f0bfd upgrading webpack and adjusting gulp run and build 7 jaren geleden
webpack.config.js 8a15941265 fix viewer dev task 7 jaren geleden
webpack.gulp.config.js 8a15941265 fix viewer dev task 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.