精彩的动态插画,结合得当适度的 SVG 交互(点击切换伸长),特斯拉的这篇互动图文阅读体验着实赏心悦目。本作基于 E2.COOL 黑科技 SVG 编辑器开发,使用「点击-切换-伸长」组件,内嵌套「无限图片滑动」而成。
基于触摸指令的 SVG 交互图文并不常有,而能应用到如此流畅丝滑程度的作品更为罕见。开发者将动画组的热区进行了适当的范围前置,极大提升了屏幕滑动与动画执行的同步性,配合精美的画面设计,构建了一个深邃又绚丽的宇宙空间。
语图工作室为太二酸菜鱼制作了一期动感十足的互动游戏长卷,包含了层层滑动、序列控制等交互结构,搭配高品质的动态图 GIF 素材打造了复古像素风下的沉浸式舞厅,把线下门店的改造消息生动地向消费者进行了深入人心的广告。
本作是地平线视差特效的第二次应用,由 E2 平台发布。这篇最为出彩的设计在于斑马线和 4 个人物的选取,人物近大远小,斑马线经过在 3D 空间 X 轴的旋转具有了透视的纵深感,随着向上滑动地平线缓缓抬起,人物出现在眼前,将景深效果直接拉满。