Hp/Mp바를 가로방향으로 넣어봤습니다.
(코드가 가로로 작동하는건 아니고... 편집으로 비슷한 느낌이 나게 해봤습니다.)

픽셀이 변환되면서 약간 일그러지다보니 이것저것 시도해서 잘 나온 결과물로 올려봅니다.
일단 웨이포인트 패널 파일에 시작 기능을 걸어놨는데, 상시를 원하시면 허드패널에 넣으시면 됩니다.
클릭방지 기능이 애매하게 작동해서, 일부위치는 클릭 시 HP/MP 숫자가 온/오프 됩니다.
(클릭캐처가 영향 없는 분들도 있고, 저처럼 뭔가 차이가 있는 경우도 있어서... 상황에 따라 수정해서 적용하셔야 할듯합니다.)

# Hp를 빨강으로 변경하고, Mp를 추가했습니다. (v1.1)
  (Mp 색상은 hsvTransform 수치로 쉽게 변경하실수 있습니다.  Hp는 이미지 파일을 고쳐야 하는...ㅠㅠ)
  Hp와 Mp의 json 파일을 분리해놨으니 원하는 것만 쓰셔도 됩니다.

이런 구조로 만들어져 있습니다. (대충 그림...ㅎㅎ;)
마나는 같은 파일에 색상 옵션만 추가하고 10픽셀 아래로 배치했어요