Gsap Drag Canvas Rotation

[Dennyno 42 Likes (Newbie)]

Hi, on this demo, do you think is possible to handle the rotation on the canvas cube by dragging it or by scrolling, using GSAP (and/or any of its plugin) ?

images: let imageCycle = ["slide1", "slide2", "slide3", "slide4", "slide1"];
cubefaces are under "visible cube masks"...

This test seems harder then many other I asked here  btw thanks for any help

See the Pen gORjezj by DedaloD (@DedaloD) on CodePen

[OSUblake 18,533 Likes (Superhero)]

It's possible. GSAP can animate any property of an object, so you would have to create your own custom objects and animate them with GSAP, and then on every tick, perform the needed matrix calculations. However, how to proceed with that is way beyond the scope of these forums as we try to keep these forums focus on GSAP specific questions, and not how to work with 3rd party libraries.

[Dennyno 42 Likes (Newbie)]

8 hours ago, OSUblake said:

It's possible. GSAP can animate any property of an object, so you would have to create your own custom objects and animate them with GSAP, and then on every tick, perform the needed matrix calculations. However, how to proceed with that is way beyond the scope of these forums as we try to keep these forums focus on GSAP specific questions, and not how to work with 3rd party libraries.

Well then, tx anyway @OSUblake !
I even gonna give up on this, cuz Regl gives many errors on console and makes Safari crashing on mobile

[OSUblake 18,533 Likes (Superhero)]

I'm not familiar with Regl, but just from a cursory glance at their API, it looks like it would require a bunch of extra code. It would definitely be a lot easier using WebGL library that already provides objects that you can animate, like three.js.