Re:Show HN: Squishy 3D helpers powered by Three.js
by marcduck on Wednesday October 28, 2026 @02:45PM
(#50278915)
Looks nice! But I'm always concerned about the performance impact of threejs. Considering they're never really seen in 3d, couldn't this be a CSS perspective transform on a 2d graphic to make them look squishy?
[ Parent
| on HN ]
Re:Show HN: Squishy 3D helpers powered by Three.js
by prathje on Thursday October 29, 2026 @05:12AM
(#50286354)
That is a great idea! I initially built them for another project where CSS was not available but it could really push the performance. Right now, their image is cached already when they are not moving but with CSS maybe one could render initial components with threejs and then animate them further with CSS, right? Or would you build them with CSS from the very beginning?
Re:Show HN: Squishy 3D helpers powered by Three.js
by marcduck on Thursday October 29, 2026 @10:19AM
(#50289531)
Maybe render them as an svg or a canvas element? I'm not too familiar with drawing stuff in 2d so I'm not sure, but the character creator could probably be converted to 2D somehow while still having the hairs and shading and stuff. 3D seems like overkill if they're always flat on the screen.
Re:Show HN: Squishy 3D helpers powered by Three.js
by prathje on Thursday October 29, 2026 @01:46PM
(#50293085)
Three.js renders them onto canvas elements, actually, so perhaps there is an easy way to render them onto individual canvases and overlay them? It would be interesting to see how close one could get with 2D layers to the feel of the 3D version. I guess when they are that small, it would be very hard to notice, right?