Make a Cooldown Button in Godot 4 - NO CODE!
- Godot 4에서 코딩 없이 쿨다운 버튼을 구현하기 위해 TextureProgressBar와 AnimationPlayer 노드를 활용합니다. 🪄
- TextureProgressBar를 버튼의 자식으로 추가하고, 흰색 텍스처, 나인패치 스트레치, 원하는 채우기 모드(수평, 수직, 원형) 및 색상(self_modulate)을 설정하여 쿨다운 시각 효과를 만듭니다. 📊
- 쿨다운이 활성화된 동안 버튼 클릭을 막기 위해 TextureProgressBar의 'mouse_filter' 속성을 'stop'으로 설정합니다. 🚫
- AnimationPlayer 노드 내에 쿨다운 애니메이션을 생성하고, TextureProgressBar의 'value' (100에서 0으로)와 'mouse_filter' (stop에서 ignore로) 속성을 시간 경과에 따라 변경하는 키프레임을 설정합니다. 🎬
- 버튼의 'pressed' 시그널을 AnimationPlayer의 'play' 메서드에 연결하고, 애니메이션 이름을 추가 입력으로 바인딩하여 버튼 클릭 시 쿨다운 애니메이션이 시작되도록 합니다. 🔗
- 게임 시작 시 버튼이 즉시 클릭 가능하도록, AnimationPlayer의 'reset' 애니메이션에서 TextureProgressBar의 'mouse_filter'를 'ignore'로, 'value'를 '0'으로 설정하여 초기 상태를 조정해야 합니다. 🔄
- UI 품질 향상을 위해 아이콘 사용 시 텍스처 필터 모드를 변경하고 밉맵 생성을 활성화하며, 둥근 모서리 버튼의 경우 'clip_mode'를 'clip + draw'로 설정하는 팁을 제공합니다. 🎨
- 강사는 자신의 Steam 게임 'Lightm'을 홍보하며 데모 체험, 위시리스트 추가, 리뷰 작성을 통해 프로젝트를 지원해달라고 요청합니다. 🎮