Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
zhangyupeng
/
Babylon.js
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: 2febc13d4c
Gałęzie Tagi
Babylon.js
/
Viewer
Raanan Weber 020a50c0da Merge remote-tracking branch 'BabylonJS/master' into gui-module 7 lat temu
..
assets 385c77f037 hd button as a viewer button plugin 7 lat temu
dist f8c4254a57 woff in dist 7 lat temu
src d5f0d3529a radius revert 7 lat temu
tests b4937cd5da fixing the tests 7 lat temu
README.md bb272a3545 Viewer configuration - initial 8 lat temu
package.json 783c1f0bfd upgrading webpack and adjusting gulp run and build 7 lat temu
tsconfig-gulp.json d9cf8cc9b7 updating build process 7 lat temu
tsconfig.json 783c1f0bfd upgrading webpack and adjusting gulp run and build 7 lat temu
webpack.assets.config.js 783c1f0bfd upgrading webpack and adjusting gulp run and build 7 lat temu
webpack.config.js 783c1f0bfd upgrading webpack and adjusting gulp run and build 7 lat temu
webpack.gulp.config.js 783c1f0bfd upgrading webpack and adjusting gulp run and build 7 lat temu

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.