Displaying skeletons in the Forge viewer Part 3

Right then… now it’s time for the really fun stuff. Looking back over this series of posts, we introduced it then looked at adding simple geometry to the Forge viewer, followed by animated skeletons and animated skeletons with fixed meshes attached.

Today we’ll dig into making our animated skeletons properly visible. Having given up on using a SkinnedMesh, the remaining option was to tweak the underlying display of the SkeletonHelper object. This proved challenging for all sorts of reasons. Back in Chrome 55, it seems the ability to show lines with widths broke in three.js. This was fixed in three.js r91 or r92, which doesn’t help users of the Forge viewer, who are currently using r71. So we can’t just go in and tweak the linewidth setting of the SkeletonHelper’s material, as it won’t change anything.

Luckily for us, there’s the MeshLine library, which helps build a mesh to represent a thick line. I wasn’t aware of this awesome library until Elias Cohenca from…

Read more