动画在图形接口的妙用

我们面向业务开发图形组件的时候, 会暴露若干属性接口给业务系统. 当业务系统设置属性时, 如果在图形里通过潜入淡出的形式更新属性, 给人的视觉效果会比直接跳跃式的变化看起来更友好.

由于图形组件普遍是一个由状态机包裹起来的实时(60Hz)渲染系统, 在这个基础上实现渐变相对来说就很便捷了.

TweenJS 是一个动画库, 地址在 https://github.com/tweenjs/tween.js/

我们将它的 update() 函数接入到时钟发生器即可.