Higgsfield / V052

Higgsfield — Cursor for motion designers

把制作界面与正在变化的作品放在同一画面。上方合成展示果实从整体到剖面的变化，下方轨道和指令说明这些变化是可编辑的。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 20.10 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Higgsfield — Cursor for motion designers · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#eef0e3}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素上方画布时间线指令面板果实主体纹理切片窄体文字

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

编辑器是持续存在的舞台

主画布占上方大部分区域，时间线与指令栏留在下方。播放时让画布变化，编辑器布局保持稳定；修改时把焦点短暂移到指令，再回到画布。

用整果、剖面和纹理建立连续性

用整果、剖面和纹理建立连续性规则示例

0.00 / 7.20 秒

0.8–8 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Higgsfield — Cursor for motion designers · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#eef0e3}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="0.8" data-end="8"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

先展示可辨认的果实主体，再展开不同生长或切开状态，最后推近纹理。每次变化留下相同颜色、形状或切面特征，观众才能把细节和整体连起来。

主体由小到大时，文字让出中心；主体变为纹理背景时，窄体大字重新进入。不要让字和果实在每一帧都抢占同一位置。