テンプレートセンター更新日 2026年11月13日

流 · CURRENT

イノベーション

新能源的「风—网—储—轮」传导片:近黑底+薄荷绿+工程细线+等宽字,24 秒五镜推进,落版链条与英文副标可改。

共有
完全テンプレート

統一されたスタイルのアニメーション部品を組み合わせ、コンテンツに合わせて動画全体を制作できます。

PREVIEWdefault1080×1920 · 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.

テンプレート紹介

1080×1920(9:16)、固定 24.0 秒、30 fps、五镜固定节奏。

入口

src/index.html,实现 window.renderFrame(整数帧, inputs);镜头切换点 0.0 / 4.5 / 9.7 / 14.9 / 20.0 秒。

随包素材

  • assets/vo/vo1–vo5.wav:演示旁白,一镜一段(48 kHz)
  • assets/bgm.mp3:演示配乐,覆盖全时长
  • assets/subtitles/subs.ass:与页面内字幕同样式的成品字幕文件

字幕在页面内绘制(中文在上 34px、英文在下 28px 浅暖灰、底边约 190px),不依赖外部文件;subs.ass 供需要外挂轨的后期流程使用。

音频说明

官方 html-canvas/1 渲染为逐帧出图,不混音:旁白与配乐需在客户端或后期按上述素材合成。可用 --music assets/bgm.mp3 绑配乐,旁白按 vo1–vo5 的时间点(0.12 / 4.62 / 9.82 / 15.02 / 20.12)对齐。

開発者向け資料

参数

| 参数 | 类型 | 作用 | | --- | --- | --- | | tagline | string | 落版中文总结,建议 ≤22 字 | | subtitle | string | 落版英文副标 | | showSubtitles | boolean | 是否绘制双语字幕层,默认开启 | | subtitleLines | 5 项数组 | 五镜各一句中英字幕,时间点固定 |

置き換え可能な項目

パラメータ説明型制約デフォルト
tagline落版一行总结(中文),建议 ≤22 字。string≤ 40 文字,≥ 2 文字WIND → GRID → BATTERY → WHEEL
subtitle落版英文副标,大写更易读。string≤ 24 文字,≥ 2 文字CURRENT
showSubtitles是否绘制双语字幕层;false 时输出无字幕画面。boolean—true
subtitleLines五镜各一句双语字幕;时间点固定,替换文字后仍按原节奏进出。array—[{"cn":"这里没有东西在烧,它只是在流动。","en":"Nothing here burns. It only moves."},{"cn":"风不是资源,是流量。","en":"Wind is not a resource. It's a flow."},{"cn":"八十七度电,六百公里。","en":"Eighty-seven kilowatt hours. Six hundred kilometres."},{"cn":"三点九秒,到一百。","en":"Three point nine seconds to a hundred."},{"cn":"从风到轮,一条线。","en":"From wind to wheel. One line."}]

更新履歴

各バージョンの改善、修正、今後の対応事項。

AI アシスタントでテンプレートを更新する

古いテンプレートをアシスタントに渡し、次の文を送信します。新しいバージョンは別のファイルとして保存され、古いパッケージとプロジェクトは保持されます。

https://motiongit.cn/update.md を押してこの MotionGit テンプレートを直接更新し、古いパッケージと既存のプロジェクトを保持して、完了したらどの新しいファイルを使用するかを教えてください。
  1. v1.0.1最新版

    v1.0.1:把演示话术做进模板——页内双语字幕层(中文在上 34px、英文在下 28px),五句中英对照由 subtitleLines 驱动;随包附带 vo1–5、bgm、subs.ass 与音频许可。

その他のアニメーション解説

COMMUNITY

コメントと制作例

質問、使用感、このテンプレートで作った作品を共有できます。

まだコメントはありません。最初の作品を共有しましょう。