1.目标——低面图形变形(难度:4.0)
本期我们的目标是将三角面组成的低面图案,通过动画,变成另外一个低面图案.每个三角面的位置,形状和大小颜色都会连续变化,逐渐变成另外一个图案的三角面!
2.分析需求——庖丁解牛
1.低面图形通过美术工具TriangulateImage5和AI来制作,请参考19讲《低面图形》
2.两个低面图形的三角面数量很可能不同(相同为巧合),需要重复图形三角面达到最大数量
3.三角面的颜色和顶点变换,需要提取数值,做字符串和数值之间的转换
4.本例使用JS插值而不是SMIL动画,兼容最新的主流浏览器
。。。
。。。
链接:/s/1w7BI66opHfJS2cZgeEflaQ
提取码:sm3z