이번 시간에는 플레이어의 에너지를 보여 주는 에너지 바를 구현해 보겠습니다.

먼저 관련 변수를 선언해 줍니다.

callController() 메서드 안에 health bar와 에너지를 표시할 하트 등의 sprite를 HUD에 붙여 줍니다.

createCollision() 메서드 안에 플레이어와 적의 충돌을 감지할 수 있도록 위와 같이 작성해 줍니다.

에너지 바가 항상 업데이트 되도록 createUpdateHandler() 메서드의 onUpdate() 안에 updateHealthBar() 메서드가 실행 되도록 작성해 줍니다.

플레이어의 에너지에 따라 하트 수를 다르게 보여줘서 에너지를 나타낼 수 있도록 위와 같이 작성했습니다.

게임을 실행해 보면 왼쪽 상단에 위와 같이 에너지 바가 보여 지는 것을 확인하실 수 있습니다.