In the rotate(index) and stopRotate() methods, we will implement rotation animation behavior using requestAnimationFrame for smooth animations on the browser.
The window.requestAnimationFrame() method asks the browser to call a specified callback function to update an animation before the next repaint. With requestAnimationFrame, the browser optimizes the animations to make them smoother and more resource-efficient.
Using the rotate method, we will update the rotateY transform value of the given object at a steady rate on a set time interval with requestionAnimationFrame.
/MERNVR/index.js:
this.lastUpdate = Date.now() rotate = index => event => { const now = Date.now() const diff = now - this.lastUpdate ...
