Good day. I need to move an object along such trajectories: [sin] The object from point A should move to point B in 6 seconds. For I know that animations are created inside functions - render. requestAnimationFrame( animate ); render(); render() { // animation } I can twist an object, move i…

Hi! Seems your question is related to this topic: Struggling with paths - #8 by hofk

You can see the formula for a helix there SpiralFromCylinder

For the moves of your picture. I think the simplest way to do it is using “gsap” on your object.

Thank you - Prisoner849. Found something similar: Object moving over a 3D path MixTeR I need to make animation in a three js. I would like to make animations like on this site: Lusion . Static three js without movement is not interesting to look at

prisoner849 looking at this example: MotionAlongCurve I see one class - CurveModifier. import {Flow} from “…/jsm/CurveModifier.128.js”; Is this a self-written class?

I see. I understand. Well I just say. gsap is an easy alternative, you can combine gsap with threejs. for example . the last part (the bottom of the page) are two spotlights looping. whit gsap you can do something like: –Random example to do change of position – gsap.to(spotLight1.position, {dur…

Gsap isn’t good for complex paths such as paths with curves apparently see this: [image] Three.js and Gsap.js motion paths Questions So after posting on gsap forums apparently the motion path plugin doesn’t really work well with three.js so i’ll leave this comment i got on…

See the reply from prisoner849 hofk has some great examples in there here’s a pen i was playing with also:

Perhaps the reason I still think that gsap is a good alternative is because I have not yet come across something complex enough that I cannot replicate it. In fact, I have only used gsap in simple patterns. But, for example, the prisioner849 example can be replicate with gsap and a mathematical form…

[image] Evil_Google: I see one class - CurveModifier. import {Flow} from “…/jsm/CurveModifier.128.js”; Is this a self-written class? No, see source code hint  <!-- see also https://threejs.org/examples/?q=modi#webgl_m…

Animation. Move object along complex paths

Questions

UI_UNICORN May 26, 2021, 4:18am 8

Gsap isn’t good for complex paths such as paths with curves apparently see this:

Topic		Replies	Views
Threejs move along complex path animation Questions animation , curve	1	1096	February 7, 2022
Three.js and Gsap.js motion paths Questions animation , gsap	7	3677	May 19, 2021
Object moving over a 3D path Questions object3d , animation	3	6416	May 20, 2021
Struggling with paths Questions webgl-renderer	15	9890	May 27, 2021
How to move object from point to point? (more than two points) Questions animation	4	10852	July 15, 2021

Animation. Move object along complex paths

Related topics