Hi everyone! As the title says, I’m trying here to twist a mesh along a path using shaders. The vertex shader I am using is based on this one Kinetic Typography with Three.js by Mario Carrillo ( live demo , click the “Twisted” link). The code is producing the expected effect, as long as the mesh …

Hi! Maybe these links will be helpful: Spline + DataTexture https://github.com/zz85/threejs-path-flow

Thank you very much for your response @prisoner849 , I’m looking into your codepen right now. I’ve also asked for help on twitter and a solution that seems similar to your implementation has been suggested ( link to tweet ).

[image] Geometry Manipulation in Three.js — Twisting In this article we are going to cover a common technique for manipulating geometries in Three.js. Reading time: 2 min read [twist effect with Three.js] [vase twist] …

I have managed to get the desired effect thanks to your suggestions @prisoner849 ! :partying_face: I have updated the original sandbox accordingly ( link ) I can’t say that I understand the maths behind it yet, but hopefully I’ll get to it! There is one line specifically that I stuggle to understan…

@TheoGil By default, curve uses this.arcLengthDivisions = 200; for calculation of cumulative lengths: https://github.com/mrdoob/three.js/blob/9ef27d1af7809fa4d9943f8d4c4644e365ab6d2d/src/extras/core/Curve.js#L113L146 Thus, length of curve.cacheArcLength is 201, so index of the last item is 200 an…

Awesome, it makes sense. Thank you very much once again!

How to twist a mesh along a path?

Questions

prisoner849 September 27, 2020, 10:22am 2

Hi!
Maybe these links will be helpful:

Spline + DataTexture
https://github.com/zz85/threejs-path-flow

Topic		Replies	Views
Struggling with paths Questions webgl-renderer	15	9930	May 27, 2021
Mesh with TubeGeometry and LineCurve3 Questions tubegeometry , linecurve3	2	1647	December 1, 2023
Threejs move along complex path animation Questions animation , curve	1	1101	February 7, 2022
Curve as a path for moving a mesh Questions animation	1	1641	February 8, 2022
How to make a twisted cube Questions geometry	6	1358	February 23, 2023

How to twist a mesh along a path?

Related topics