Domů Procházet Nápověda
Registrovat se Přihlásit se
zhangyupeng
/
Babylon.js
1
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Strom: aa7dd66f66
Větve Značky
Babylon.js
/
Viewer
sebavan de0f3bbfa0 Merge pull request #4578 from RaananW/fix-template-location před 7 roky
..
assets 76b05ee523 fixing fullscreen icon in fullscreen před 7 roky
dist c3f260db25 external config enable hd button před 7 roky
src a8049a0788 undefined is undefined. před 7 roky
tests af1cfd40b1 EnvironmentHelper can be undefined, should be checked před 7 roky
README.md bb272a3545 Viewer configuration - initial před 7 roky
package.json ea510f73cf fixing build with external dependencies před 7 roky
tsconfig-gulp.json d9cf8cc9b7 updating build process před 7 roky
tsconfig.json f98901e796 non-normalized didn't have the right focus před 7 roky
webpack.assets.config.js 73985daa0d building the viewer-assets package před 7 roky
webpack.config.js 7f57e796f8 cleanup před 7 roky
webpack.gulp.config.js 73985daa0d building the viewer-assets package před 7 roky

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.