imageImage

Loads and displays an image from a URL with controls for position, scale, rotation, and feathering. Supports static images and animated GIFs. Use it as a standalone image or as an instancing target for other Source nodes.

  • Search input to find GIFs via Giphy

  • Type 3+ characters to search

  • Press Enter to search immediately

Property name
Description
Compatible datatype

x

Horizontal position

number

y

Vertical position

number

scale

Scale by % percentage

number

rot

Rotation

number

feather

Circular fade out for better blending when using animated gifs or non transparent images.

number

origin

Center point of the shape. Defaults to (0, 0). Changing it moves the shape’s pivot without affecting its x and y position.

point

zindex

Controls which element appears on top when elements overlap; higher values sit above lower ones.

number

src

image source URL

text

circle-info

The zindex increases automatically, unless there's a connection to it.

Example Projects

Gify Officearrow-up-right This simple examples demonstrates that the Image node can be used as instancing target for other nodes. Image arrow-right-long Square, creates 4 instances of the images on each of the square's vertices. Gifs? Oh wow!arrow-up-right In this example an animated gif is used with a technique called Blend Lensing.


circle-info

Cloud storage for your images and videos will be available in a future release.

Last updated