russofaccin/model-viewer

Web Component to easily embed 3D files to HTML pages usin BabylonJS

3D Model-Viewer

Web Component to easily embed 3D files to HTML pages usin BabylonJS

Usage

Include BabylonJS engine script. Get here

<script  src="https://cdn.babylonjs.com/babylon.js"></script>

---

Include BabylonJS file loader

<script src="https://cdn.babylonjs.com/loaders/xxx"></script>

where xxx can be any file from https://github.com/BabylonJS/Babylon.js/tree/master/dist/loaders

---

Include model-viewer script

<script src="dist/model-viewer.min.js"></script>

---

Include model-viewer tag in HTM

<model-viewer src="https://googlewebcomponents.github.io/model-viewer/examples/assets/DamagedHelmet/DamagedHelmet.gltf" camradius="3" yoffset="-0.15" bgcolor="#dbdbdb"></model-viewer>

Attributes

Attribute	Value	Description
src	(required) url: string	Specifies the URL of the 3D model
camradius	(optional) number	The radius distance from camera to target
yoffset	(optional) number	The Y axis offset distance the camera look from target origin
bgcolor	(optional) hex color number	Defines the Skybox texture color