跳到内容
← 龙虾大学

MOTION STUDY / 56 STYLES

看懂一束光,
做出自己的动效。

从文字、卡片到三维空间,逐项看见动作如何发生。这里放着 56 项可交互研习效果,以及让你的 Agent 读得懂、跑得起来的代码和方法。

01–53 运行原公开演示;54–56 依据参考重建。保留原作者、固定版本与许可证,不将研习复现称为原创成片。

文字做遮罩效果预览01 / 文字做遮罩 ↗极光毛玻璃效果预览34 / 极光毛玻璃 ↗暗场发布会效果预览41 / 暗场发布会 ↗液态金属 · 参考重建效果预览54 / 液态金属 · 参考重建 ↗

DOWNLOAD / VERSION 1.0.0

轻量学习,或带走完整工程。

FOR YOUR AGENT

Agent 学习 Skill

给自己的 Agent 读取:风格索引、选型脚本、配方、调用步骤和实践验收。需要制作时,再下载完整技术包。

免费学习 · 0.2 MB · ZIP

下载 Agent Skill ↓
文件校验与版本

SHA-256

3ff176b073379eac3f337d652d8679aa6266447c38ef79be8a0979e0b2366635
SOURCE & ASSETS

完整源码与素材

可编辑的完整演示工程、字体与纹理、固定依赖、来源许可和本地运行说明。包含轻量 Skill,不含 node_modules。

免费学习 · 202.0 MB · ZIP

下载完整技术包 ↓
文件校验与版本

SHA-256

017b2dbb88a0d3afa012f950b21fe5169c7909c52c228a42681dc1a3cd54e12f

只在点击下载后传输 ZIP;浏览页面不会加载完整工程。首次安装依赖需要网络,部分复杂场景首次加载字体和纹理需要时间。

把这句话交给你的 Agent。

请阅读 https://openenergy.top/motion56/learning/v1/SKILL.md,先帮我选择适合当前作品的 1–3 个风格。确认效果编号后下载源码,核对 SHA-256,在本地复现,再替换成我的品牌与内容。保留来源,验证手机和桌面,不自动发布。

从复现,走到自己的作品。

  1. 观察:播放、暂停、拖动,记录主体、入场、停留和退出。
  2. 复现:本地运行原效果,确认字体和素材完整。
  3. 改编:选一个明确用途,换成自己的内容和授权素材。
  4. 检验:桌面、手机、减少动态、快速切换都试一次,提交作品与改动说明。

在本地启动。

解压完整技术包,安装 Node.js 22.12+ 或 24 LTS,在工程目录执行:

cd app
npm ci
npm run build
npm exec -- vite preview --host 127.0.0.1 --port 4173

浏览器打开 http://127.0.0.1:4173/motion56/replica/,不要直接双击 HTML。

知道它从哪里来,也知道如何继续。

原文学习来源:栗畅 / 栗知 AI。代码来源包括 Video Shotcraft、MG Styles、Lemo Opuscar 与 Xilo Opus Video;每项展厅都可查看固定提交链接。龙虾纪元整理运行适配、学习路径与下载包,原署名及许可随包保留。

代码、字体与示例素材按各自许可使用;示例品牌和作品不等于通用商用授权。商用时替换为自己的授权素材。源码能运行与学员已经学会,是两件需要分别验证的事。