4月,武汉重启。对此,党政机关也积极引入高级图文新媒体,将优秀的摄影作品与 SVG 充分结合,瞬间成为了朋友圈爆款。实际上该作的技术背景十分简单,135 编辑器中包含相应模板(id97481)可直接使用。由此可见,SVG 交互开发并非代码层面越复杂越好。如果视觉本身足够出彩,轻交互也足以形成大作品。如上图,景物的夜景色彩版取景专业且修图精细,黑白版降低了亮度、饱和度,调整了黑白渐变映射关系,所以使得这组黑白-彩色的变化绝不仅仅是色彩变化,而是多项图片参数的渐进变化。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击渐现」实现。
本作在 GL 操刀下有着出其不意的亮点——“iOS 长按震动反馈的触发时间,恰好和正确开锁的时间吻合,形成游戏中的交互反馈”,快去亲自体验一下吧!
本文是业内非常少见的
华为云的本篇魔都游记系顶级的横版人物交互剧情长卷,由我们从设计到交互完成全部工作,鼈臑主导了代码开发。对人物的步态设计,我们依然采用了序列帧模式(5帧),不过近期我们正在推进基于关节组件的柔顺人物步态 SVG 套件开发,敬请期待。
4月,华为 · 荣耀系掀起了一股 SVG 快闪+暴力伸缩式的交互特效浪潮。本文的前序列快闪登峰造极,可以说是整个行业图文内纯代码动画的顶点标杆,而后序列的暴力伸缩效果富有极大的视觉张力。
由 JZ 的一位课程学员所开发的 GE 超声影像图文,采用复合方法结合描边动画、透明度动画和序列帧等技术,给本文增加了多元化的动画效果。平常对「黑科技图文」接触较少的工业医疗领域也逐渐开始对 SVG 技术有所关注和青睐。
本质上内联式 SVG 并不能形成循环逻辑,而本篇的亮点在于通过叠加多层交互内容,从而实现反复点击的视觉效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「渐进效果」实现。