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.
| 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. |
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.
Because of a bug in the THREE.js's OrbitControls.js key down events on the embedded sites will not work.