three.js学习笔记(二):动画的实现的使用

使用requestAnimationFrame:基础动画

requestAnimationFrame()方法:

  • - window.requestAnimationFrame(callback)告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。
  • - 该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行。
  • - 当你准备更新动画时你应该调用此方法,这将使浏览器在下一次重绘之前调用你传入给该方法的动画函数(即你的回调函数)。
  • - 回调函数执行次数通常是每秒60次,但在大多数遵循W3C建议的浏览器中,回调函数执行次数通常与浏览器屏幕刷新次数相匹配。
  • - 为了提高性能和电池寿命,因此在大多数浏览器里,当requestAnimationFrame()运行在后台标签页或者隐藏的