跳转到正文
jolt.

THE JOLT COLLECTION / 001—016

找到下一个
“这是怎么做到的?”

观看动效,探索代码,创造自己的版本。

16 个配方原生录屏 · 真实代码
01 / TOUCH
iOS

牵动整个场景。

一次拖动,联动控制台、镜头构图与卡片。

触控与手势 · Jolt Drive
02 / VISUAL
iOS

氛围随你而动。

一个选择弹簧,联动颜色、边框与形状。

视觉效果 · Jolt Drive
03 / TOUCH
iOS

让控件走到眼前。

充电面板清晰可拖动,背景车库渐渐虚化。

触控与手势 · Jolt Drive
04 / MOTION
iOS · SceneKit

走入场景之中。

从环绕镜头进入座舱,再回到车外。

运动 · Jolt Drive
05 / MOTION
iOS

有生命力的弹簧。

随时打断、改变方向,动量依然流畅。

运动
06 / TOUCH
iOS

为触碰而生。

轻轻按下,感受恰到好处的回弹。

触控与手势
07 / TOUCH
iOS

找到它的位置。

拖动、松手,自然吸附到下一个位置。

触控与手势
08 / MOTION
iOS

层层涟漪。

一次入场,演绎整段编舞。

运动
09 / MOTION
iOS

跟随每一刻。

一串弹簧,始终回应你的输入。

运动
10 / VISUAL
iOS

改变氛围。

让色彩、光线与方向流动起来。

视觉效果
11 / TYPE
iOS

每个数字都有故事。

让每次数值变化都值得留意。

文字
12 / VISUAL
iOS

值得庆祝的瞬间。

为美好的时刻,添上一场彩纸雨。

视觉效果
13 / LAYOUT
iOS

腾出一点空间。

插入、重排、展开,让所有元素一起流动。

布局
14 / VISUAL
iOS

惊喜即将揭晓。

从一个点,展开全新的画面。

视觉效果
15 / MOTION
iOS

沿途皆是风景。

曲线、弧线,还有一点冒险精神。

运动
16 / TOUCH
iOS

一切自然衔接。

拖动、滚动、跟随键盘的底部面板。

触控与手势

每个预览都是真实原生录屏。打开配方,查看录制详情、核心 API 示例和完整演示。