How would I create a soft scroll on this animation?

This topic has 7 replies, 2 voices, and was last updated 2 years ago by solid.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
2022-06-28 at 8:25 am #53698

coozoh
Customer

Hi guys, I have a scroll animation of a rocket ship that orbits on scroll. This will be used on a site that uses gsap scroll trigger plugin, it uses “scrub” so the mouse direction velocity eases into position giving a soft scroll effect. How can I replicate this with my animation? Thanks!

2022-07-04 at 12:58 pm #53844

coozoh
Customer

Does anyone have any suggestions on this?

2022-07-05 at 4:55 am #53854

solid
Customer

Hi, I’m working on it too. I’m analyzing this example: https://weedensenteret.no/

Webgl Interactive Development https://www.blend3dweb.ru/

2022-07-05 at 5:07 am #53855

solid
Customer

https://greensock.com/forums/topic/25016-scrolltrigger-and-threejs/

https://greensock.com/forums/topic/29721-threejs-and-gsap/#comment-148466

possibly using RunCode
https://www.soft8soft.com/docs/manual/en/introduction/Using-JavaScript.html

Webgl Interactive Development https://www.blend3dweb.ru/

2022-07-05 at 4:17 pm #53869

solid
Customer

Try to use vue.js
found in Russian version

usage GSAP

Scroll directives

Webgl Interactive Development https://www.blend3dweb.ru/

2022-07-07 at 9:56 am #53968

coozoh
Customer

Firstly, amazing example, the header is something I’ve been trying to achieve with mouse movement, I’ve got 3D elements moving by essentially looking at the mouse cursor but I can’t achieve that gentle accelerated effect where it showly gets to the position. Can I be cheeky and ask how you achieved that soft movement effect?

2022-07-14 at 8:48 am #54118

solid
Customer

opened a separate topic
Link

there is only the possibility of zoom and rotation. And only the developers will answer whether it is possible to transfer inertia to the scroll.

Webgl Interactive Development https://www.blend3dweb.ru/

2022-07-14 at 8:49 am #54119

solid
Customer

coozoh wrote:

Firstly, amazing example, the header is something I’ve been trying to achieve with mouse movement, I’ve got 3D elements moving by essentially looking at the mouse cursor but I can’t achieve that gentle accelerated effect where it showly gets to the position. Can I be cheeky and ask how you achieved that soft movement effect?

what example are you talking about?

Webgl Interactive Development https://www.blend3dweb.ru/
Author

Posts