Beginner question - twisting a mesh

Hello folks,
I’m totally new to three.js (my second day of learning so far), I wanna make a twisted box, in the form of a marshmallow.
I tried morph targets and also quaternions, didn’t succeed so far and not sure what I’m doing wrong.

Please check the pen below so you know what I’m talking about.
Can someone give me a hint how to achieve my goal?
I spent hours trying different approaches and don’t wanna give up yet

I would distort four cylinders :slight_smile:

1 Like

Something like this?


When you’re get bored at work :innocent:


You could also generate each “fiber” by extrusion (THREE.ExtrudeBufferGeometry) a circular THREE.Shape along a helical THREE.Curve, and apply a rotation and color to each fiber.

But @prisoner849’s solution is really great and even simpler.


Thank you all for the answers! @prisoner849’s example is exactly what I was looking for. Amazing, thanks a lot :slight_smile: