Description

Changelog

Reviews (0)

Interaction Feedback

Plug-n-play UI animations for Control or Node2D nodes

...or open addons/interaction_feedback/demo/demo.tscn in the editor to click through all of them

Usage

Install the addon from source (copy addons folder to your project directory)
Enable the plugin in your Project Settings
Add an InteractionFeedback node as a child of a Button node
Add an effect node as children of InteractionFeedback (e.g: FeedbackScaleEffect)


Node setup	Fine tune per effect

...or do same thing from code:

var feedback := InteractionFeedback.attach(button)
feedback.add_effect(FeedbackScaleEffect.new())
feedback.add_effect(FeedbackShakeEffect.new())

Effects naming convention:

Effect	What it does	Control	Node2D
`FeedbackScaleEffect`	Scale on hover/press	✅	✅
`FeedbackScaleOnceEffect`	Scale kick	✅	✅
`FeedbackScaleOscillatedEffect`	Scale breathe	✅	✅
`FeedbackRotationEffect`	Tilt on hover/press	✅	✅
`FeedbackRotationOnceEffect`	Rotation kick	✅	✅
`FeedbackRotationOscillatedEffect`	Rotation sway	✅	✅
`FeedbackOffsetEffect`	Position shift	✅	✅
`FeedbackOffsetOnceEffect`	Positional kick	✅	✅
`FeedbackOffsetOscillatedEffect`	Vertical bob	✅	✅
`FeedbackStickyEffect`	Leans toward the pointer	✅	✅
`FeedbackModulateEffect`	Color tint	✅	✅
`FeedbackModulateOnceEffect`	Color flash	✅	✅
`FeedbackModulateOscillatedEffect`	Color breathe	✅	✅
`FeedbackZLevelEffect`	Raises `z_index`	✅	✅
`FeedbackHapticEffect`	Vibrates the device	✅	✅
`FeedbackCursorEffect`	Changes the cursor shape	✅	❌
⚠️ `FeedbackPulseEffect`	Alias -> `FeedbackScaleOscillatedEffect`	✅	✅
⚠️ `FeedbackWobbleEffect`	Alias -> `FeedbackRotationOscillatedEffect`	✅	✅
⚠️ `FeedbackShakeEffect`	Alias -> `FeedbackRotationOnceEffect`	✅	✅