Here is the code!

At the top of the window with the result output there is a button "open in a new window". Better click on it, so everything will be clearer.

There is a 3D cube. You can move it using the numpad buttons (2, 4, 8, 6).

If you play for a long time with the animation, hold 2 buttons at the same time, quickly change directions, release and press the buttons in a different order (you can watch in the console), you will eventually notice that the cube sometimes twitches. It bothers me because I can't fix it. There is such a theory:

  1. The cube changes its css parameters rotateX and rotateY.
  2. These values ​​are given to the cube using the variables of the same name.
  3. It is possible that the code does not change one of the variables for a long time, and then has to be applied to the cube, then because of the difference between its previous value and the one just created, and also because of the relationship between rotateX and rotateY - some kind of wild inversion occurs.

Maybe it is not very clear to paint, but maybe someone has already encountered such a problem and will be able to help / explain?

  • Is it necessary for the handler to be called when more than one key is pressed? - Dmytryk
  • Yes, so that it would be possible to twist the cube at once along two axes. (Diagonally) - Don2Quixote

1 answer 1

Prohibit simultaneous rotation in opposite directions.