ComfyUI Node: Moving Shape | RyanOnTheInside

Moving Shape | RyanOnTheInside:

The MovingShape node is designed to generate animated shapes that move across a sequence of frames, providing a dynamic visual element for your AI art projects. This node allows you to create shapes that can move linearly, ease in and out, bounce, or follow an elastic path. You can control the shape's size, color, starting and ending positions, and even add effects like growth and palindrome motion. This flexibility makes it a powerful tool for adding motion and visual interest to your creations.

Moving Shape | RyanOnTheInside Input Parameters:

frame_width

This parameter defines the width of each frame in the animation. It determines the horizontal space available for the shape to move within. The value should be an integer representing the number of pixels.

frame_height

This parameter defines the height of each frame in the animation. It determines the vertical space available for the shape to move within. The value should be an integer representing the number of pixels.

num_frames

This parameter specifies the total number of frames in the animation. It controls the duration of the animation and how smooth the movement of the shape will be. The value should be an integer.

rgb

This parameter sets the color of the shape using an RGB string format. The color is defined by a string in the format "R,G,B", where R, G, and B are integers between 0 and 255 representing the red, green, and blue color components, respectively.

shape

This parameter determines the type of shape to be generated. It can be a string specifying the shape type, such as "circle", "square", etc.

shape_width_percent

This parameter defines the width of the shape as a percentage of the frame width. It allows you to scale the shape relative to the frame size. The value should be a float between 0 and 100.

shape_height_percent

This parameter defines the height of the shape as a percentage of the frame height. It allows you to scale the shape relative to the frame size. The value should be a float between 0 and 100.

shape_start_position_x

This parameter sets the starting horizontal position of the shape as a percentage of the frame width. The value can range from -100 to 100, where negative values position the shape outside the left edge, 0 centers it, and positive values position it towards the right edge.

shape_start_position_y

This parameter sets the starting vertical position of the shape as a percentage of the frame height. The value can range from -100 to 100, where negative values position the shape outside the top edge, 0 centers it, and positive values position it towards the bottom edge.

shape_end_position_x

This parameter sets the ending horizontal position of the shape as a percentage of the frame width. The value can range from -100 to 100, where negative values position the shape outside the left edge, 0 centers it, and positive values position it towards the right edge.

shape_end_position_y

This parameter sets the ending vertical position of the shape as a percentage of the frame height. The value can range from -100 to 100, where negative values position the shape outside the top edge, 0 centers it, and positive values position it towards the bottom edge.

movement_type

This parameter specifies the type of movement for the shape. It can be "linear", "ease_in_out", "bounce", or "elastic", each providing a different motion effect.

grow

This boolean parameter determines whether the shape should grow in size during the animation. If set to True, the shape will increase in size as it moves.

palindrome

This boolean parameter specifies whether the animation should play forward and then reverse, creating a palindrome effect. If set to True, the shape will move to the end position and then return to the start position.

delay

This parameter sets the number of frames to delay the start of the animation. It allows you to introduce a pause before the shape begins to move. The value should be an integer.

Moving Shape | RyanOnTheInside Output Parameters:

images

This output parameter provides the generated sequence of frames as a list of images. Each image represents a frame in the animation, showing the shape at its respective position and size.

Moving Shape | RyanOnTheInside Usage Tips:

• Experiment with different movement_type settings to achieve various motion effects, such as smooth transitions with "ease_in_out" or dynamic bounces with "bounce".
• Use the grow parameter to add a sense of depth and progression to your animations by making the shape increase in size as it moves.
• Adjust the delay parameter to synchronize the start of the shape's movement with other elements in your animation, creating a more cohesive visual experience.

Moving Shape | RyanOnTheInside Common Errors and Solutions:

"Invalid RGB format"

• Explanation: The rgb parameter is not in the correct "R,G,B" format.
• Solution: Ensure the rgb parameter is a string in the format "R,G,B", where R, G, and B are integers between 0 and 255.

"Shape type not recognized"

• Explanation: The shape parameter contains an invalid shape type.
• Solution: Verify that the shape parameter is set to a valid shape type, such as "circle" or "square".

"Frame dimensions must be positive integers"

• Explanation: The frame_width or frame_height parameter is not a positive integer.
• Solution: Ensure both frame_width and frame_height are positive integers representing the number of pixels.

"Number of frames must be a positive integer"

• Explanation: The num_frames parameter is not a positive integer.
• Solution: Set the num_frames parameter to a positive integer to define the duration of the animation.