arturitu

// Modified from https://github.com/joshmarinacci/webxr-experiments/blob/master/nonogram/jstats.js
import * as THREE from 'three'
export default class JStats extends THREE.Group {
  constructor (renderer) {
    super()
    this.renderer = renderer
    const can = document.createElement('canvas')
    can.width = 256
    can.height = 128
    this.canvas = can

arturitu

<!-- Import the component -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
<!-- Use it like any other HTML element -->
<model-viewer src="assets/model.glb" ios-src="assets/model.usdz" preload camera-controls
background-color="#cccccc" auto-rotate shadow-intensity=".8" poster="img/poster.png"
alt="A 3D model of a futuristic chest">
</model-viewer>