ノード一覧に戻る

うごき

sprite_motion

画像の「動きフィルタ」。画像の流れ道に挟むだけで、画像全体が動きます(移動/往復/回転/バウンド/揺れ/点滅/ふわふわ/ランダム)。パラメータのピン化は不要です。

確認済み
解説あり

入力ポート

名前説明
画像
input
Image
必須
動かす画像

出力ポート

名前説明
画像
output
Image
このフレームの動きを適用した画像

パラメータ

名前既定値範囲説明・選択肢
動き
mode
Enum
Float

画像に適用する動きの種類

  • 移動Move
    開始位置から指定量までまっすぐ動く一方向の動き。最終フレームで量に到達。登場・退場・スライドインに
  • 往復PingPong
    行って戻るを等速で繰り返す。左右パトロール・振り子・上下往復に
  • 回転Rotate
    一定速度で回り続ける(360=1周期で1周)。プロペラ・コイン・風車に
  • バウンドBounce
    量の高さから落ちて、跳ねながら着地する。ボール・着地の弾み・ぷるんとした演出に
  • 揺れWobble
    サイン波のようになめらかに揺れる(±量の範囲)。草木のそよぎ・水面の漂いに
  • 点滅Blink
    オン(量)とオフ(0)を切り替える。警告灯・ダメージ点滅・信号に
  • ふわふわFloat
    0から量までゆっくり上がって戻る(常に正方向)。待機モーションの上下・浮遊アイテムに
  • ランダムRandom
    なめらかな乱れを出す(±量の範囲、シードで再現可能)。炎のゆらぎ・画面の揺れに
amount
Float
4-1000–1000 / step 0.5

動きの量(px。回転のみ度)

方向
direction
Enum
Right

移動・往復・揺れ・ランダムの方向(バウンド・ふわふわは常に縦、回転は無関係)

  • Right
  • Left
  • Up
  • Down
周期(フレーム)
period_frames
Int
00–120

何フレームで1回動くか (0 = アニメーション全体で1回)

毎フレーム指定
per_frame
Bool
false

移動・回転のみ: 量を毎フレーム適用します(背景スクロールは「端でループ」と組み合わせる)

端でループ
wrap
Bool
false

移動系: 画面端から出たピクセルを反対側から出します(つながるスクロール素材に)

緩急
easing
Enum
None

移動・往復の速度カーブ

  • なしNone
  • だんだん速くEaseIn
  • だんだん遅くEaseOut
  • 両方EaseInOut
ずらし(フレーム)
offset_frames
Float
0-120–120 / step 1

動きを N フレームずらします(時間差アニメーション用)

点灯割合
duty
Float
0.50.05–0.95 / step 0.05

点滅のみ: 周期のうち表示されている割合

シード
seed
Int
420–999999

ランダムのみ: 決定論的な乱数シード

概要

画像の「動きフィルタ」。画像の流れ道に1個挟むだけで、画像全体が動く。 transform の挿入もパラメータのピン化も不要で、「この画像を動かしたい」への最短ルート。 モーションの計算は motion ノードと同一(ループ端点規則も内蔵)。

使い方のポイント

  • 定番のつなぎ方は 画像ソース → sprite_motion → animation_render の3ノード。 これだけで「ふわふわ浮く画像」のスプライトシートができる
  • 背景スクロール動き=移動 + 毎フレーム指定=ON + 端でループ=ON。 毎フレーム量 × 総フレーム数がキャンバス幅の約数ならつなぎ目なくループする
  • バウンド・ふわふわは常に縦方向。移動・往復・揺れ・ランダムは方向で軸を選ぶ
  • 数値パラメータを細かく駆動したい場合(複数パラメータの同時制御など)は、 motion(数値出力)+ピン化の上級ルートを使う

よくある失敗

  • 回転で絵が欠ける: キャンバス寸法を維持したまま回すため、四隅がキャンバス外に 出た分はクリップされる。余白を持ったキャンバスにしてから回す
  • 回転がギザつく: ドット絵の任意角回転は原理的に劣化する。45°/90°刻みで映える デザインにするか、transform の90°回転を使う
  • 移動がループしない: 「毎フレーム指定」は値が増え続ける。ループ素材には 往復・揺れ等のループする動きか「端でループ」を使う

関連ノード

  • motion — 数値出力版。ピン化したパラメータを個別に駆動する上級ルート
  • transform — 静的な移動・拡縮・90°回転
  • animation_render — 動かした絵をスプライトシートに焼く出口
ノード一覧に戻る
うごき — PixPipeline ノード解説