Estoy tratando de mostrar un elemento DOM en el espacio 3D en la vista AR usando la clase HTMLMesh de ThreeJS. Cada vez que trato de agregar el elemento a la escena, no se muestra y también recibo esta advertencia en la consola:
WebGL: INVALID_VALUE: texImage2D: no canvas
Este es mi código:
let html = [ '<div style="width:100px; height:100px; background-color: red">', '<h2>Some info in a panel</h2>', '</div>' ].join("\n"); let div = document.createElement("div"); div.innerHTML = html; let object = new THREE.HTMLMesh(div); object.position.set(position.x - 2, position.y + 2, position.z - 4); this.scene.add(object);