如果说多叉树是 SVG 交互中的桂冠,那么对多叉树的优化策略就是桂冠上的明珠,网易团队这次在公众号体系内,打造了 12 层的穷举式多叉树,理论上形成了超过 4000 种结果的分布,但通过巧妙的优化实现了敏捷的加载的丝滑的操作体验。
教师节,一条线连接一位普通教师的职业生涯,平凡而伟大的画面随意线条的进度和图文的展开逐步呈现。作品基于 E2.COOL 黑科技 SVG 编辑器排版实现。
单体元素点击游走大行其道的当下,难得一见出现双物体的同步游走,当然本质还是 path 动画的应用,并通过编组嵌套进行了符合。画面设计和动画虽然简约,但也融合了丰富的动态组合,是品牌周年纪念主题的佳作典范。
独特的地图游走与遮罩效果设计,打造了一个神秘的大学校园故事场景,通过点击进入不同专业楼内,镜头会不断发生游走并变换文案,最终揭晓产品功能并提供一个简单的操作效果互动。作品中采用了大量的动画连续编组,并且通过双层触发同时激活了丰富的动画效果,因此能实现这般丝滑而酷炫的镜头窥探游走感。