Yotsuba Games
Back to Node List

Wrap Offset

wrap_offset

Move an image while wrapping pixels around the canvas edges.

Reviewed
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
X็งปๅ‹•
offset_x
Int
0-4096โ€“4096

ๆจชๆ–นๅ‘ใซๅ‹•ใ‹ใ™้‡ใงใ™ใ€‚ๅณใธๅ‹•ใ‹ใ™ใจใ€ๅณ็ซฏใ‹ใ‚‰ๅ‡บใŸ้ƒจๅˆ†ใŒๅทฆ็ซฏใซ็พใ‚Œใพใ™ใ€‚

Y็งปๅ‹•
offset_y
Int
0-4096โ€“4096

็ธฆๆ–นๅ‘ใซๅ‹•ใ‹ใ™้‡ใงใ™ใ€‚ไธ‹ใธๅ‹•ใ‹ใ™ใจใ€ไธ‹็ซฏใ‹ใ‚‰ๅ‡บใŸ้ƒจๅˆ†ใŒไธŠ็ซฏใซ็พใ‚Œใพใ™ใ€‚

ๅทฆๅณใ‚’ใคใชใ
wrap_x
Bool
trueโ€”

ใ‚ชใƒณใซใ™ใ‚‹ใจๅทฆๅณใฎ็ซฏใŒใคใชใŒใ‚Šใพใ™ใ€‚ใ‚ชใƒ•ใงใฏใ€ใฏใฟๅ‡บใ—ใŸ้ƒจๅˆ†ใฏ้€ๆ˜Žใซใชใ‚Šใพใ™ใ€‚

ไธŠไธ‹ใ‚’ใคใชใ
wrap_y
Bool
trueโ€”

ใ‚ชใƒณใซใ™ใ‚‹ใจไธŠไธ‹ใฎ็ซฏใŒใคใชใŒใ‚Šใพใ™ใ€‚ใ‚ชใƒ•ใงใฏใ€ใฏใฟๅ‡บใ—ใŸ้ƒจๅˆ†ใฏ้€ๆ˜Žใซใชใ‚Šใพใ™ใ€‚

Overview

Moves an image and wraps overflow around from the opposite side. Its two main jobs are checking seams in tile assets and creating infinite scrolling.

Usage tips

  • An essential tile-production check is to offset by half the dimensions (offset = width/2). This moves seams to the center, where discontinuities are immediately visible. Use it with tile_preview.
  • For scrolling animation, promote offset_x to an input pin ๐Ÿ“Œ and connect time_source to make the background flow endlessly. Advance by exactly one full width per loop (offset=width) for a seamless cycle.
  • Use transform for ordinary translation where overflow disappears. This node is for movement that wraps.

Related nodes

  • tile_preview โ€” arrange tiles to inspect seams (use them together)
  • transform โ€” ordinary translation without wrapping
  • time_source โ€” drive scrolling
  • animation_render โ€” bake scrolling animation

Where it helps

  • Move the seams of a tile asset to the center for inspection.
  • Make offsets before and after seamless processing easier to see.
  • Use wraparound instead of transparent gaps for translational movement.

Technical details

The output dimensions match the input image. On axes where wrap_x / wrap_y is enabled, source coordinates are taken modulo the image dimensions to wrap them to the opposite side.

Back to Node List
Wrap Offset โ€” PixPipeline Node Reference