This function adds a wireframe after a shapekey.
addWireframeForMorphedCube(app.scene, "Cube3");
function addWireframeForMorphedCube(scene, cubeName) {
const mesh = scene.getObjectByName(cubeName);
if (!mesh) {
console.warn(<code>Object named "${cubeName}" not found</code>);
return;
}
if (!mesh.morphTargetInfluences || mesh.morphTargetInfluences.length === 0) {
console.warn(<code>Object "${cubeName}" has no morph targets</code>);
return;
}
// Clone the geometry to avoid modifying the original
const baseGeometry = mesh.geometry.clone();
// Create a typed array to hold new positions after morphs
const positionAttr = baseGeometry.attributes.position;
const morphPositions = [];
// Initialize with base geometry positions
for (let i = 0; i < positionAttr.count * 3; i++) {
morphPositions = positionAttr.array;
}
// Apply each morph target weighted by its influence
const morphAttrs = baseGeometry.morphAttributes.position || [];
mesh.morphTargetInfluences.forEach((influence, idx) => {
if (influence === 0) return; // skip zero influence
const morphAttr = morphAttrs[idx];
if (!morphAttr) return;
for (let i = 0; i < morphAttr.count * 3; i++) {
morphPositions += influence * morphAttr.array;
}
});
// Replace position attribute with morphed positions
const morphedPositionArray = new Float32Array(morphPositions);
baseGeometry.setAttribute('position', new v3d.BufferAttribute(morphedPositionArray, 3));
baseGeometry.computeVertexNormals();
// Create edges geometry from morphed geometry
const edges = new v3d.EdgesGeometry(baseGeometry, 30); // Use 30° threshold for cleaner edges
const lineMat = new v3d.LineBasicMaterial({ color: 0x000000 });
const wireframe = new v3d.LineSegments(edges, lineMat);
// Match position/rotation/scale of original mesh
wireframe.position.copy(mesh.position);
wireframe.rotation.copy(mesh.rotation);
wireframe.scale.copy(mesh.scale);
wireframe.name = <code>${cubeName}_wireframe</code>;
scene.add(wireframe);
}
}
.
