godot-interaction-feedback

KO | EN

gitlite — search

#agent #chatgpt #ai #docker #macos #claude-code #rag #automation #web #hacktoberfest

godot-interaction-feedback

(★ 9)

Plug-n-play configurable animations addon for Godot UI and Node2D

파일 탐색기

ZIP 다운로드

- - bug_report.md
  - feature_request.md
  - question.md
- - tests.yml
- FUNDING.yml
- pull_request_template.md
- - external_modification_guard.gd
  - external_modification_guard.gd.uid
  - feedback_effect.gd
  - feedback_effect.gd.uid
  - feedback_input_device.gd
  - feedback_input_device.gd.uid
  - feedback_input_mode.gd
  - feedback_input_mode.gd.uid
  - interaction_feedback.gd
  - interaction_feedback.gd.uid
  - LICENSE
  - plugin.cfg
  - plugin.gd
  - plugin.gd.uid
  - README.md
- - buttons.gif
- .gdignore
- featured.png
- icon.png
- scene.png
- shake_node_inspector.png
- wide.png
- - test_hold_effects.gd
  - test_hold_effects.gd.uid
  - test_virtual_pointer.gd
  - test_virtual_pointer.gd.uid
- - interaction_feedback_test_env.gd
  - interaction_feedback_test_env.gd.uid
- - test_demo_controls.gd
  - test_demo_controls.gd.uid
  - test_sticky_effect.gd
  - test_sticky_effect.gd.uid
- - test_channels.gd
  - test_channels.gd.uid
  - test_input_device.gd
  - test_input_device.gd.uid
  - test_oscillator.gd
  - test_oscillator.gd.uid
- README.md
.editorconfig
.gitattributes
.gitignore
archive.sh
CODE_OF_CONDUCT.md
icon.png
icon.png.import
LICENSE
project.godot
README.md
SECURITY.md

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

# 프로젝트 배지

Static Badge
Static Badge

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<br>

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

<br>

<br>

Enjoy interactive example: https://paufau.itch.io/godot-interaction-feedback

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

## Usage

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

<table>
	<tr>
		<td width="50%"><img alt="Scene tree with InteractionFeedback and effect nodes" src="https://raw.githubusercontent.com/paufau/godot-interaction-feedback/refs/heads/main/assets/scene.png" /></td>
		<td width="50%"><img alt="FeedbackShakeEffect in the inspector" src="https://raw.githubusercontent.com/paufau/godot-interaction-feedback/refs/heads/main/assets/shake_node_inspector.png" /></td>
	</tr>
	<tr>
		<td align="center">Node setup</td>
		<td align="center">Fine tune per effect</td>
	</tr>
</table>

...or do same thing from code:

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

## Effects

Effects naming convention:

- `Feedback<Property>Effect` - applied all time during hover/press
- `Feedback<Property>OnceEffect` - fires once per state update
- `Feedback<Property>OscillatedEffect` - loops continuously

| 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`       |   ✅    |   ✅   |

> ⚠️ marks **deprecated** classes, use their analogs instead

> Note: On touch screens hover effects are skipped by default, since there is no pointer to hover with. Override per node with `touch_mode`

## Author

- [Pavel Pakseev](https://www.linkedin.com/in/pavel-pakseev/)

## Sponsor & Support

⭐ _Star_ ⭐ the repo if it saved you time

You can also support me here:

godot-interaction-feedback

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

# 프로젝트 배지

Was this content helpful?

Recent Feedback

godot-interaction-feedback

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

# 프로젝트 배지

Was this content helpful?

Recent Feedback

Download README