obj-viewer
v1.0.6 obj mtl three js web components
<obj-viewer>
A Three.js based Web Component for displaying OBJ files along with MTL files on the modern web.
Note: Uses ResizeObserver. Polyfill it on your end.
API
Inputs
Attribute | Description |
---|---|
obj-source |
A path to your OBJ file. Local path or URL. |
mtl-source |
A path to your MTL file. Local path or URL. |
display-grid |
Wether or not to draw the grid. Boolean. |
Usage
Install obj-viewer via npm and import it in your webpack/rollup bundles.
Alternatively, import it in your ES module supported browser with import 'https://unpkg.com/obj-viewer?module';
in a JavaScript module file or in your HTML with <script src="https://unpkg.com/obj-viewer?module" type="module"></script>
. The demo page uses the latter method.
Note
Because of a bug in the THREE.js's OrbitControls.js key down events on the embedded sites will not work.