[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-105369":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":15,"stars30d":15,"stars90d":14,"forks30d":14,"starsTrendScore":16,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":9,"trendingCount":14,"starSnapshotCount":14,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},105369,"wise-motion","WiseWong6\u002Fwise-motion","WiseWong6","理解意图、设计动效、复用与组合本地动作的 Wise Motion 技能及离线动效目录",null,"JavaScript",56,10,1,0,4,12,49.52,"Apache License 2.0",false,"main",true,[],"2026-11-01 00:15:14","# Wise Motion\n\n理解动作需求，拆解并匹配参考，交付现有源码与接入说明。字幕、分镜、配色和整片组合由调用方的 AI 自行设计；文字动效、转场、插画和组合均可按需取用。\n\n\u003C!-- catalog-counts:start -->\n目录有 319 个单个动作、105 个插画单图、48 个组合片段，共 472 项；数量由目录定义自动生成，详见 [目录统计](CATALOG-STATS.md)。\n\u003C!-- catalog-counts:end -->\n\n## 精选动效\n\n从单个动作、组合片段和插画单图中分别精选代表作品。以下关键帧直接取自现有源码的渲染结果；点击图片查看条目说明与源码入口，完整播放请在本地打开 [动效目录](catalog\u002Findex.html)。\n\n### 单个动作\n\n聚焦一个可复用的运动关系，按需接入自己的画面。\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fthread-weave.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fthread-weave.webp\" alt=\"双路牵丝织形：两枚银梭沿针点穿行，连续羽丝逐束织成形体\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>双路牵丝织形\u003C\u002Fstrong>\n      \u003Cbr>双梭牵线穿行，羽丝逐束织出，完成的形体持续保留。\n      \u003Cbr>\u003Csub>关键帧 15.15 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fgenerative-point-morph.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fgenerative-point-morph.webp\" alt=\"点阵连续换形：同一批点在旋转中从球体变为环面\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>点阵连续换形\u003C\u002Fstrong>\n      \u003Cbr>同一批点连续变为球体、环面与波场，旋转和透视同步变化。\n      \u003Cbr>\u003Csub>关键帧 3.65 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fcard-conveyor.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fcard-conveyor.webp\" alt=\"斜向双向滚动：多条斜向卡片带铺满画面，上下分组反向运动\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>斜向双向滚动\u003C\u002Fstrong>\n      \u003Cbr>八条卡片带斜向铺展，上下分组反向连续滚动。\n      \u003Cbr>\u003Csub>关键帧 1.90 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fcapsule-impact-scatter.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fcapsule-impact-scatter.webp\" alt=\"碰撞掀起胶囊：银球撞入彩色胶囊地面，周围胶囊翻转飞散\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>碰撞掀起胶囊\u003C\u002Fstrong>\n      \u003Cbr>银球碰撞带动胶囊翻飞、回落，提亮波向外扩散。\n      \u003Cbr>\u003Csub>关键帧 0.90 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### 组合片段\n\n多个动作在同一时间线中接续、配合，形成完整片段。\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fmotion-oasis-sequence.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fmotion-oasis-sequence.webp\" alt=\"地块铺展与动效绿洲：退台建筑、植被、水面和目录数据卡\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>地块铺展与动效绿洲\u003C\u002Fstrong>\n      \u003Cbr>地砖逐圈翻开 → 楼群与植被长出 → 水面换图、数据卡展开。\n      \u003Cbr>\u003Csub>关键帧 3.20 秒 · 全长 4.95 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fmetal-impact-type-sequence.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fmetal-impact-type-sequence.webp\" alt=\"金属弹开汇聚成字：六色镀彩金属字面完成聚合与扫光\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>金属弹开汇聚成字\u003C\u002Fstrong>\n      \u003Cbr>单球落地分裂 → 六色粒子爆散回收 → 汇成金属字面并扫光。\n      \u003Cbr>\u003Csub>关键帧 3.70 秒 · 全长 5.30 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fglass-interface-sequence.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fglass-interface-sequence.webp\" alt=\"玻璃卡片显现折射：控制中心向前，音乐、天气与消息卡片围绕展开\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>玻璃卡片显现折射\u003C\u002Fstrong>\n      \u003Cbr>六张空间卡片侧转展开 → 音乐、天气与控制中心接续 → 凸泡折射文字。\n      \u003Cbr>\u003Csub>关键帧 3.40 秒 · 全长 7.20 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fpoint-domain-flow-sequence.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fpoint-domain-flow-sequence.webp\" alt=\"黄金矩形递归生长：金色网格、弧线与递归图案铺满画幅\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>黄金矩形递归生长\u003C\u002Fstrong>\n      \u003Cbr>网格建立并推近 → 字符雨幕与铁花交接 → 黄金矩形递归长满画面。\n      \u003Cbr>\u003Csub>关键帧 20.40 秒 · 全长约 21.13 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fseed-bloom-brand-sequence.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fseed-bloom-brand-sequence.webp\" alt=\"生长化蝶与光形字标：蒲公英炸开后化成旋转的蝶群\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>生长化蝶与光形字标\u003C\u002Fstrong>\n      \u003Cbr>种子长成蒲公英 → 炸开旋转化蝶、汇成太阳 → 光束回弹接字标。\n      \u003Cbr>\u003Csub>关键帧 2.80 秒 · 全长 8.20 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fcivilization-growth-sequence.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fcivilization-growth-sequence.webp\" alt=\"薪火生长与文明聚字：植物、织机、水车与天文仪器组成文明群像\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>薪火生长与文明聚字\u003C\u002Fstrong>\n      \u003Cbr>草楷火字变换 → 种子、植物与花依次生长 → 文明群像散成粒子聚字。\n      \u003Cbr>\u003Csub>关键帧 14.20 秒 · 全长 18.60 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### 插画单图\n\n独立取用完整主体，保留它自带的局部动作、材质和光效。\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fbutterfly-illustration.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fbutterfly-illustration.webp\" alt=\"版画蝴蝶：蓝色版画纹理的四翼蝴蝶围绕翼根开合\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>版画蝴蝶\u003C\u002Fstrong>\n      \u003Cbr>四翼错拍开合，触角随振翅弯曲，身体轻浮。\n      \u003Cbr>\u003Csub>关键帧 1.10 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fdrive-car-illustration.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fdrive-car-illustration.webp\" alt=\"小葵敞篷车：小猫驾驶蓝色敞篷车，保留车身与车轮完整造型\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>小葵敞篷车\u003C\u002Fstrong>\n      \u003Cbr>车轮随行程转动，方向盘轻摆，车身微微起伏。\n      \u003Cbr>\u003Csub>关键帧 1.65 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Fmoon-card-illustration.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Fmoon-card-illustration.webp\" alt=\"月相照片卡：米白卡片包围深蓝背景上的月面与环形山\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>月相照片卡\u003C\u002Fstrong>\n      \u003Cbr>纸卡落位，保留月面、环形山与月相暗部。\n      \u003Cbr>\u003Csub>关键帧 2.90 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Ca href=\"references\u002Feffects\u002Frasengan-illustration.md\">\u003Cimg src=\"docs\u002Fpreviews\u002Frasengan-illustration.webp\" alt=\"蓝色能量球：细蓝流线与亮芯围绕球体缠绕\" width=\"640\">\u003C\u002Fa>\n      \u003Cbr>\u003Cstrong>蓝色能量球\u003C\u002Fstrong>\n      \u003Cbr>细蓝流线沿球涡轨迹缠绕，亮芯与线身共同形成球形。\n      \u003Cbr>\u003Csub>关键帧 2.60 秒\u003C\u002Fsub>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## 浏览与使用\n\n直接打开 [动效目录](catalog\u002Findex.html)，无需安装依赖或启动服务器。搜索或按分类选择条目，预览、调整参数，再复制提示词或源码。\n\n\n在工具中明确选择 **Wise Motion**，例如：\n\n```text\n$wise-motion 找两排卡片反向持续滚动的参考，不要停顿，导出源码到我的工程。\n$wise-motion 找“标题先出现、卡片依次展开、最后转场”的参考，分别说明覆盖与缺口。\n```\n\n全局入口直接链接到技能实际源码：共享入口 `~\u002F.agents\u002Fskills\u002Fwise-motion`，Codex 入口 `~\u002F.codex\u002Fskills\u002Fwise-motion`，ZCode 入口 `~\u002F.zcode\u002Fskills\u002Fwise-motion`。保持仅手动调用；已有入口先核对指向。\n\n## 检索与源码导出\n\n以下用 `\u003C技能目录>` 表示安装入口解析后的实际目录，可从任意工作目录运行。检索、查看、导出只需 Node.js；版本要求见 [package.json](package.json)。\n\n```sh\nnode \"\u003C技能目录>\u002Fscripts\u002Fmatch.mjs\" \"卡片依次上移显现，落位后保留，不要弹跳\"\nnode \"\u003C技能目录>\u002Fscripts\u002Fshow.mjs\" stagger-in\nnode \"\u003C技能目录>\u002Fscripts\u002Fexport.mjs\" stagger-in --out-dir \"\u002F目标工程\u002F卡片动作\"\n```\n\n`show` 默认提供简短接入信息，加 `--details` 查看动作阶段与内容限制。`export` 支持 `--variant \u003C样式编号>`，与目录“复制源码”共用生成逻辑；可写入现有目录，任一目标文件已存在时整批停止，不覆盖文件。\n\n已有独立工程的条目导出全部工程文件；普通条目导出组件接入示例、安装程序和说明，在目标工程运行 `node install-wise-motion.cjs` 安装共享组件包，再按说明准备素材。安装程序优先使用当前交付版本；尚未上架时自动降级为同系列最近的已发布稳定版，显示并固定实际版本，配套依赖随所选包安装。导出本身不会安装依赖，源码写入文件后返回绝对路径。见 [快速上手](references\u002Fquickstart.md) 和 [组件说明](REMOTION.md)。\n\n## 播放与渲染\n\n现有播放器、声音、渲染能力继续保留。需要导出单个动效视频时，在技能目录准备依赖后执行：\n\n```sh\nnpm ci\nnpm run build\nWISE_MOTION_RENDER_DIR=\"\u002F目标工程\u002Frenders\" npm run render -- stagger-in stagger-in.mp4\n```\n\n视频渲染使用 Remotion 临时服务；本地目录可直接打开。文件名或绝对输出路径必须位于指定产物目录内。\n\n维护时按 [验证范围与命令](references\u002Fvalidation-matrix.md) 选择检查；局部测试统一使用 `npm run test:files -- tests\u002F具体文件.test.mjs`。全量 `npm test` 另需本地私有历史档案。人工播放见 [验收步骤](tests\u002Fmanual.md)，目录维护见 [维护说明](references\u002Fcatalog-maintenance.md)。\n\n维护者可通过 GitHub 可信发布自动构建并上传 npm，无需长期发包密钥；支持版本标签触发和手动试运行，见 [自动发布说明](references\u002Fpublishing.md)。\n\n## 获取完整三维工程\n\n最新横屏 TIME, IN MOTION 收录 10 个独立动作与 44 秒完整组合。文字、刻度、剪辑及三维制作源码随独立工程导出；npm 只提供轻量运行素材。原剪辑媒体与 Blender 场景按摘要单独准备，见 [动作、源码与制作素材](catalog\u002Fassets\u002Ftime-in-motion\u002FREADME.md)。旧怀表条目与运行素材已替换，旧书签对应到新条目。\n\n## 持续窗口与机械细节\n\nMECHANICAL WINDOWS 第二版收录4个新动作、圆孔展开与闪切的2个新示例，以及32秒完整组合。窗口独立于镜头持续运行；原创几何与剪辑源码可编辑。轻量缓存静音，原媒体与配乐按需准备，见 [动作与源码说明](catalog\u002Fassets\u002Fmechanical-windows\u002FREADME.md)。\n\n## 发布组件包\n\n维护者先构建、检查并用 `npm pack --pack-destination \u002F发布目录` 生成包，再执行：\n\n```sh\nnpm run publish:package -- \u002F发布目录\u002Fwise-motion-版本.tgz --dry-run\nnpm run publish:package -- \u002F发布目录\u002Fwise-motion-版本.tgz\n```\n\n发布脚本使用当前 npm 11 客户端向官方仓库发布，保留正常登录与网页身份验证，并压缩上传请求；仅压缩请求仍可能被仓库拒绝，必须控制实际发布包体积。三维制作原件与剪辑原媒体按清单单独准备，运行素材继续随 npm 提供。脚本要求包名称和版本与当前项目一致，并在联网前拒绝超过项目 200 MB 预算的包；这是项目控制体积的约定，不是 npm 官方限制。升级 npm 大版本后需先适配接口并运行 `npm run test:publish`，验证真实请求的压缩和包内容。试运行不会上架，正式发布仍需核对官方仓库的版本与包摘要。\n\n## 许可\n\n自有技能与源码使用 **Apache-2.0**，允许商业使用、修改、分发和闭源集成；第三方代码、字体和素材保留各自许可与署名。使用及分发前查阅 [版权与来源说明](NOTICE.md) 和 [完整许可](LICENSE)。\n\n## 君子约定\n\n欢迎使用 Wise Motion 制作个人或商业作品，也欢迎修改和集成到自己的项目中。\n\n请尊重原创，不要将本项目的源码或动效库原样或稍作包装后，作为付费源码、素材包或收费下载内容出售。\n\n这是一项基于信任的社区倡议，不构成额外的许可证限制，也不改变 Apache-2.0 授予的权利。\n",2,"2026-10-31 04:26:35","CREATED_QUERY"]