Back to Node List

Pixel Rotate

pixel_rotate

Rotates an image by any angle. RotSprite mode keeps palette colors while smoothing edges

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
画像
input
Image
Required
回転させる画像です

Output Ports

NameTypeDescription
画像
output
Image
回転後の画像です

Parameters

NameTypeDefaultRangeDescription / Options
角度
angle
Angle
0— / step 1

時計回りの回転角度です。入力ピン化すると回転アニメにも使えます

方式
sampling
Enum
RotSprite

回転の品質です

  • RotSprite(きれい)RotSprite
    Scale2xで8倍に拡大してから回転し、多数決で縮小します。色を混ぜずに輪郭が滑らかになります
  • そのまま回転Nearest
    最近傍サンプリングで回転します。速いですが輪郭が階段状になります
キャンバス
canvas
Enum
Expand

出力キャンバスの決め方です

  • 回転に合わせて拡張Expand
    回転後の画像が全部入るように、キャンバスを広げます
  • 元のサイズを保つKeep
    元のキャンバスサイズを保ちます。はみ出した角は切れます

概要

90°単位の回転は 変換(Transform)で足ります。このノードは「45°傾けた剣」「回転するコイン」のような任意角度の回転が必要なときに使います。

方式

方式 説明
RotSprite(きれい) Scale2xで8倍に拡大してから回転し、8×8サブピクセルの多数決で縮小。色を混ぜないので、パレットを保ったまま輪郭が滑らかになる
Nearest(そのまま回転) 最近傍サンプリング。速いが輪郭が階段状になる

キャンバス

説明
Expand(回転に合わせて拡張) 回転後の画像が全部入るサイズへ広げる。空いた場所は透明
Keep(元のサイズを保つ) 元サイズのまま。はみ出した角は切れる

技術詳細

  • 回転は画像中心を軸に行います
  • angle = 0 は入力をそのままパススルーします
  • RotSpriteの多数決で同数になった場合は不透明色を優先します
  • 出力には新しい色が発生しません(入力の色と透明のみ)

使用例

  1. 回転アニメ: Time SourceRemap(0..360)angle に接続し、Animation Render でコインの回転スプライトシートを量産
  2. 武器の構え違い: 剣のスプライトを RotSprite, angle: 45 で回転し、斜め持ちバリエーションを作る
  3. 量産前の下ごしらえ: canvas: Keep で回転後も同一サイズを保ち、Sprite Sheet Pack へそのまま流す
Back to Node List
Pixel Rotate — PixPipeline Node Reference