템플릿 센터업데이트 2026년 11월 2일

科技办公类解说 · AI Office Explainer Kit

혁신 공간

AI/科技/办公类知识解说图形包:30 种场景(13 种参考重建 + 17 种原创同风格),按句子类型自动选场景,支持叠化转场(缩放模糊/擦除/翻转/白闪等)、程序化音效、真人口播帧序列接入。全部图形代码绘制,演示数据为虚构示例。1920×1080 / 30fps。

공유
전체 템플릿

일관된 스타일의 애니메이션과 모션 구성 요소를 조합하여 콘텐츠에 맞는 전체 영상을 제작합니다.

PREVIEWdefault1920×1080 · 30fps
Free template

Download free. Customize and create again.

Free to download, with no top-up required. Reuse and customize it: replace text, images and audio, and adjust visuals and animation.

Personal and commercial video production · Individuals and businesses may make and publish videos under the template license. Unless authorized, you may not repost or resell the template package or source code, including modified versions, or use them to develop a third-party online service.

  • Free assets and musicImage, video and sticker search plus 1,000+ music tracks your AI assistant can match.Asset guide →
  • Optional generationImage, voice and video generation are optional and billed separately.Creator API →
  • First time?Follow the tutorial from template to finished video.Open tutorial →

Template code follows the license on this page; fonts, images and music keep their own licenses. Free asset services have a daily allowance.

템플릿 소개

1920×1080 · 30fps · html-canvas/1。30 种场景,按 scenes[] 顺序拼接;type 可写场景名或句子类型(经 sentenceTypeMap 映射)。场景之间默认 transition(zoomBlur 0.4s),单个 scene 可用 transition 覆盖:cut / fade / wipeUp / slide / flash / flip / zoomBlur(叠化期间前后两个场景同时运动)。

句子类型 → 场景

| 句子类型 | 场景 | 来源 | 主要参数 | |---|---|---|---| | opening | dark_title_cups 发光打字 + 低多边形杯子群 | 参考重建 | title, cups[3]{text,color}, cupsAt, cps | | keyword | light_type 浅色像素底打字 | 参考重建 | title, cps, size | | ecosystem | icon_orbit 图标环 | 参考重建 | count | | data_compare | stat_compare 双数字对比 | 参考重建 | left{value,unit}, right{name,value,unit}, rightAt | | capability | card_flip 三色能力卡翻页 | 参考重建 | items[{title,color:purple/light/dark,tag}], tags[] | | judgment | code_cloud 代码云 + 像素人 + ✔✘ 牌 | 参考重建 | cards[{text,ok}], cardAt | | people | photo_wall 头像墙 + 快讯条(抽象头像) | 参考重建 | name, seed, ticker[], tickerLabel | | talk | talking_head 暗场桌面口播 | 参考重建 | badge;host 帧序列 | | demo | screen_card 软件窗口卡 + 主持人 PiP | 参考重建 | title, heading, hlAt, hlRow, dark | | story | robot_scene 代码绘制机器人插画 | 参考重建 | caption, robots[{x,s,color}] | | montage | rapid_cuts 快闪多切 | 参考重建 | words[], every | | emphasis | glow_word 紫色发光大字 | 参考重建 | word, size | | outro | ending_lineup 米色底大字 + 像素小人排队 | 参考重建 | words[2], count, footer | | ranking | ranking 排行榜 | 原创 | title, items[{name,value}], unit, dark | | timeline | timeline 时间线 | 原创 | title, events[{date,text}] | | process | steps 步骤流程 | 原创 | title, steps[] | | quote | quote 引用卡 | 原创 | text, source | | compare | compare_grid 工具对比表 | 原创 | title, cols[], rows[{label,vals[]}], highlight | | trend | chart 柱状+折线图 | 原创 | title, values[], labels[], unit, dark | | checklist | checklist 清单打勾 | 原创 | title, items[{text,done}] | | chapter | chapter 章节分隔 | 原创 | num, title, kicker | | share | donut 环形占比图 | 原创 v0.3 | title, center, parts[{name,value}], highlight | | location | map_pins 抽象点阵地图 + 定位针 + 虚线航线 | 原创 v0.3 | title, pins[{label,x,y}](x/y 为 0–1 画面比例) | | dialogue | chat 聊天气泡对话(AI 端带输入中动画) | 原创 v0.3 | title, messages[{from:me/ai,name,text}] | | before_after | before_after 左右分屏对比 + 滑块 | 原创 v0.3 | title, before{label,items[]}, after{label,items[]} | | kpi | kpi_tiles 数据看板卡片 | 原创 v0.3 | title, tiles[{label,value,unit,decimals,delta,spark[]}] | | pros_cons | pros_cons 优缺点两栏 | 原创 v0.3 | title, pros[], cons[], prosLabel, consLabel | | faq | faq 问答手风琴 | 原创 v0.3 | title, items[{q,a}] | | reveal | countdown 倒数 + 数字揭晓 | 原创 v0.3 | from, value, unit, decimals, caption | | mindmap | mindmap 思维导图生长 | 原创 v0.3 | center, branches[{name,leaves[]}] | 所有原创场景支持 dark:true 切到暗绿点阵底。

全局参数

canvas · theme{font, accent, ca2, icons[], darkBg, darkDot, disc, lightBg, lightDot, board, logo} · mark{enabled,text}(自有角标)· subtitles · transition · sentenceTypeMap · host{framePattern,frameCount,fps}(null=剪影占位)· duration(可选,按比例缩放所有 scene)。

渲染

环境:Node 20+、playwright-core 1.58(cd src && npm ci)、Chromium headless shell、ffmpeg、python3+numpy、Noto Sans CJK SC。

node src/render.js presets/demo.json out.mp4 --stills 3,20,40      # 静帧
src/render_parallel.sh presets/demo.json out.mp4 4                 # 并行整片(4 进程)
src/render_parallel.sh presets/new9.json out.mp4 4                 # 仅 v0.3 新增 9 场景

来源与许可

参考重建:动效节奏参考一段公开科技解说视频,未使用其素材、Logo、频道名或人物;厂商标识、App 图标、看板 Logo、人物、机器人均为原创代码绘制,演示数据为虚构示例。音效 numpy 合成。许可:草稿占位,待模板所有者决定(licenses/TEMPLATE-LICENSE.txt)。

개발자 자료

给 AI 的说明

  1. 依次读 motion.json → 本文件 → guide.json → params.schema.json;先读数据,不直接执行包内代码。
  2. 在新实例写 inputs.json(以 presets/demo.json 为起点),每句文案一个 scene,dur = 该句时长;subtitles[] 句级。
  3. 数字/人物/截图须有真实来源;示例数据保留“虚构示例”。不得加入真实人物肖像或第三方 Logo。
  4. 先渲 --stills 给用户确认,再渲整片。

교체 가능한 항목

매개변수설명유형제약 조건기본값
canvas필수—object——
theme필수—object——
mark—object——
subtitles—array——
scenes필수—array——
durationoptional total; scenes scaled proportionallynumber≥ 3,≤ 600—
transition————
sentenceTypeMap—object——
host—objectnull——

업데이트 기록

버전별 개선 사항, 수정 내용과 남은 과제입니다.

AI 도우미로 템플릿 업데이트

이전 템플릿을 보조자에게 전달하고 다음 문장을 보냅니다. 새 버전은 별도의 파일로 저장되고 이전 패키지와 프로젝트는 유지됩니다.

이 MotionGit 템플릿을 직접 업데이트하려면 https://motiongit.cn/update.md를 누르고, 이전 패키지와 기존 프로젝트를 유지하고, 완료되면 사용할 새 파일을 알려주세요.
  1. v0.3.0최신 버전

    v0.3.0:30 个场景(新增环形图、地图定位、聊天、前后对比、数据看板、优缺点、问答、倒数揭晓、思维导图),新场景自动缩字号/折行防溢出;完整 114 秒中文 Demo。待完善:许可待作者确认;真人口播接入未实测;看板“越低越好”指标配色。

더 많은 애니메이션 해설

COMMUNITY

댓글과 제작 결과

질문, 사용 경험, 이 템플릿으로 만든 작품을 공유하세요.

아직 댓글이 없습니다. 첫 작품을 공유하세요.