TNToonle アニメ制作ガイド

ANIMATION DESK · 2026-10-29 時点

コマと秒から
逆算する制作ノート

Toonle は、コマを描いて動かすブラウザ用のアニメ制作ツールです。このサイトは「1 本を何分で、どの順番で作るか」を、本体の数値(既定 5fps、無料 100 フレーム、MP4 640×360)から逆算してまとめた日本語の制作ノートです。

Toonle を遊ぶ90 分の内訳を見る

  1. 01遊び方:8 コマで 1 本つくる最初の 1 本は 8 コマで足ります。完成までの手順を、画面の並び順にそのまま書きます。
  2. 02ツールとブラシ:8 つの中身ツールは 8 つ。うち 4 つに形(スタンプ)の選択肢があり、一部は広告視聴で解放されます。
  3. 03タイムライン:コマと尺の作り方尺はフレーム数 × フレーム長で決まります。タイムラインはその 2 つを操作する場所です。
  4. 04レイヤー:線と色を分ける初期状態で 2 枚。線を Foreground、色を Background に置くと、塗りの事故が減ります。
  5. 05保存と書き出し:MP4 と PNG動画は MP4・640×360 固定。縦長の作品も横長に収まるので、構図は最初から横で考えた方が得です。
  6. 06時間配分:1 本を 90 分で作る制作は 5 段階に割ると破綻しません。合計 90 分を、どこに厚く使うかを先に決めます。
  7. 07秒とフレームの換算尺=コマ数 × フレーム長。この 1 式と換算表があれば、作る前に長さが決まります。
  8. 08よくある質問仕様に関する質問を、本体の実装と配信ページの記載から整理しました。

1 本 90 分の内訳

中割りに時間が寄るので、清書の枠を先に確保します。合計 90 分。

配分の詳細と、30 分版の作り方

先に覚える数字

ジャンル
アニメーション制作・お絵かき(Simulation タグ)
無料の上限
1 レイヤー 100 フレーム(プレミアムは 300)
既定の尺
1 コマ 200ms = 5fps。100 コマで 20 秒
書き出し
MP4 640×360/PNG(現在のフレーム)
対応
ブラウザ(PC・モバイル・タブレット)、横向き・縦向き両対応
開発元
Alpbyte(2025 年 6 月公開・最終更新 2026-10-28 表記)

更新履歴

2026-10-29
初版公開(全17ページ)。
2026-10-28
掲載する数値と外部リンクを実測・確認(観測日)。

制作机から引く