[3d book animations problem]

Sorry Rodrigo, that was in response to Jack's message as he wanted me to provide an example without a framework.

For your approach regarding the rotation concern works but brings the same result  

[3d book animations problem]

Hi all,

I had just started by making a version without framework before the one with React
Here is the animation of my book without any framework: https://codesandbox.io/s/book-vanilla-js-1w3dd0 

Thanks Rodrigo, for your contribution but unfortunately it didn't solve the problem (the behavior doesn't change)

[3d book animations problem]

I just did a piece of code and it's fine, the controls work fine.

The only thing left is the angle which is not very functional.

https://codesandbox.io/s/jovial-browser-psc6xy

I thank you for your help

[3d book animations problem]

Thanks for your answer

I will try to explain a little better what I would like to do.

The animation consists in making a book spin endlessly.
At the first click on the book it should finish its rotation to its initial position (0deg) then open
At the second click it must close then restart the infinite rotation

I understood that mixing GSAP and CSS was not good, but I did this because I can't use the animation controls (nothing works on my React project)

Sorry for my English, I'm French :/

[3d book animations problem]

Hi all,
 

I have several problems with the animation of my book.
 

1. I tried to make a rotateY on my book but the controls did not work on my code (play(), pause(), paused()), so I make a rotate in CSS that I disable by adding or removing a class
 

2. The animation works perfectly on the first opening and closing cycle, but on the following ones the currentAngle variable is buggy
 

3. I would like to be able to click on the book only if the animation is finished

Here is my code : https://codesandbox.io/s/sad-mcnulty-7k49my

 

I really need your help ;)

Thanks to all