Esta es mi demostración , quiero agregar ancho de línea para darle más grosor a mi quad.
Miré esta pregunta y traté de entender cómo puedo usar LineMaterial y Line2 .
Parece que no funcionan en la demostración.
Este es el código correspondiente
function QuadGeometry(w, h) { let pts = [ [0.5, 0.5], [-0.5, 0.5], [-0.5, -0.5], [0.5, -0.5] ].map((p) => { return new THREE.Vector2(p[0], p[1]); }); let g = new THREE.BufferGeometry().setFromPoints(pts); g.setIndex([0, 1, 2, 3, 0]); g.scale(w, h, 1); return g; } let g = QuadGeometry( THREE.MathUtils.randInt(15, 30), THREE.MathUtils.randInt(15, 30) ); let m = new LineMaterial({ color: "yellow", linewidth: 5 }); let quad = new Line2(g, m);Como podéis ver el quad no se ve con estos cambios
Si reemplazo con LineBasicMaterial y Line el quad es visible
También descubrí que puede ser un error , pero soy muy principiante con three.js
Cualquier edición en los códigos y caja sería genial para mostrarme.
Está utilizando una instancia de BufferGeometry para crear la instancia de Line2 que no es compatible. Tienes que usar LineGeometry en su lugar.
Codesandbox actualizado: https://codesandbox.io/s/static-forked-68lif?file=/index.html