색깔이 바뀌는 슬라이더 만들기

여러 레이어로 이루어지고 레이어가 변경될 때마다 색깔이 변하는 슬라이더를 만들어 보았다.

슬라이더를 2개 사용하여 하나의 슬라이더는 값의 변동시 즉시 반영하고, 하나는 일정한 시간동안 그 값 사이를 보간하여 애니메이션 효과를 연출했다.

백그라운드 색을 미리 지정해둔 뒤, 슬라이더의 밸류가 0이 될 때 백그라운드 색을 현재 슬라이더 fill의 색으로 바꿔주어 여러 레이어의 체력 바가 있는듯한 느낌을 연출했다.

현재 남은 밸류보다 높은 값의 데미지가 들어올 땐 overflowValue 필드에 넘은 데미지를 저장해둔 뒤 다음 레이어로 넘어갔을 때 밸류에 적용해주기로 했다.