从动效设计到代码|网易云音乐2018年度听歌报告的背后( 十 )
还记得我在文章开头说过,我们设计师团队也贡献了可能上万行代码!
这其实不是在炫耀,而是目前 BX-AE2CSS 的一个局限。由于时间和精力(其实是水平)有限,我只能做到逐帧导出动画数据,一个图层一帧就是一行,一秒一般是 30 帧,可以脑补一下几个页面下来的有多少行……这样虽然可以兼容表达式等复杂动画操作,但并不是一个「优雅」的解决方案。
CSS 动画是可以指定关键帧之间的缓动插值函数的,如果能做好转换( AE 里的插值曲线和 CSS 还是略有不同的),导出的代码也会更高效精简。这也是我之后的一个改进方向,希望能有所突破。
虽然这个工具现在还很初级(我把版本号先设为 0.1 了哈哈),导出的代码质量也不高,但它已经达到「可用」的级别——经过项目验证的哦。
我把它开源到 Github 上了,更详细的安装、使用教程欢迎访问项目主页,欢迎大家试用,顺便求 Star !
推荐阅读
- 明日方舟|明日方舟:早露皮肤的攻击动作设计得很出彩,化身成白熊的指挥员
- 设计师|魔兽世界:9.1.5刚上线,就要9.2了?来看设计师爆料的更多细节
- 文明|LOL:设计师的想象力从未下水道,细看符文之地,竟是地球缩影!
- 原神|扒遍了《原神》的五张地图,我发现它悄悄改了自己的开放世界设计
- edg战队|设计师爆料EDG冠军皮肤主色调:黑、白、红配色更和谐
- 常规赛|幻想概念原画设计,每一笔都尽显功底,故事性也是很强
- 黄忠|三国杀:星黄忠入围技能新鲜出炉,“穿杨”的设计天马行空
- 手办|设计师是黑粉吗?Q版手办做成这样,网友直呼辣眼睛
- 炉石传说|炉石传说:把冲锋玩到极致?设计师千万不能看到的OTK冲锋套路
- 设计师|我为潮玩疯狂氪金:90后小伙一年买一屋娃,设计师逐梦研发30款玩具