Back to Node List

Animation Render

animation_render

Renders animation as spritesheet by evaluating upstream graph for each frame

Draft
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
画像
image
Image
Required
アニメーションする元画像

Output Ports

NameTypeDescription
スプライトシート
spritesheet
SpriteSheet
全フレームを横に並べたスプライトシート
フレーム数
frame_count
Int
アニメーションの総フレーム数
FPS
fps
Int
1秒あたりのフレーム数
列数
columns
Int
スプライトシート配置で実際に使われた列数
行数
rows
Int
スプライトシート配置で実際に使われた行数
フレーム幅
frame_width
Int
1フレームの幅
フレーム高さ
frame_height
Int
1フレームの高さ
配置順
fill_order
Text
フレームの埋め順

Parameters

NameTypeDefaultRangeDescription / Options
総フレーム数
total_frames
Int
81–120

レンダリングするフレーム数

FPS
fps
Int
121–60

1秒あたりのフレーム数

列数
columns
Int
00–32

スプライトシートの列数 (0 = 自動でほぼ正方形に近い配置)

技術詳細

  • マルチフレーム評価は evaluate_graph レベルで実施。このノードの process() は単一フレーム評価のフォールバック
  • AnimationRender は P07A 以降、SpriteSheet 専用型を出力します
  • helper metadata pin として frame_count + fps + columns + rows + frame_width + frame_height + fill_order も併せて出します
  • columns=0 のときは自動でほぼ正方形に近い配置を選びます。columns>0 で明示配置です
  • 上流の TimeSource ノードと組み合わせて使用する設計

使用例

  1. TimeSource → 各種変換ノード → AnimationRender の順に接続
  2. AnimationRender の出力スプライトシートを Preview で確認しPNG保存

Solidターンテーブル

Solid の回転アニメーションをベイクする場合は、Solid Render 側を FixedCanvas にする。

TimeSource.progress
  -> SawtoothWave.input
  -> SolidTransform.rotate_z
  -> SolidRender.image
  -> AnimationRender.image

Solid RenderAutoFit のままだと、角度によって1フレームのサイズや中心が変わり、スプライトシートでガタつくことがある。

Back to Node List
Animation Render — PixPipeline Node Reference