파워업

파워업 프로젝트는 가중 메쉬를 사용하여 간단한 애니메이션에 추가할 수 있는 시각적 효과를 보여줍니다. 당사는 Spine 기본형(powerup-ess.spine)과 Spine 전문가형(powerup-pro.spine)에 대한 별도의 Spine 프로젝트를 제공합니다. Spine 기본형 버전은 회전 및 기울이기와 같은 기본 변형에만 의존하는 반면, Spine 전문가형 버전은(아래에서 확인) 보다 극적인 효과를 나타내기 위해 가중 메쉬를 사용합니다.

날개

설정

각 날개는 3개의 뼈로 이루어져 있습니다. 왼쪽 날개의 경우 뼈의 이름은 left-wing, left-wing2 및 left-wing3입니다. 이 3개의 뼈는 left-wing 슬롯 아래의 wing 메쉬 어태치먼트를 변형시킵니다.

right-wing 슬롯 아래에 있는 wing 메쉬 어태치먼트는 scaleX에 -1을 입력하여 X축에 플립된 것을 제외하고는 복제품입니다.

두 메쉬는 모두 동일한 이미지를 사용하므로 스켈레톤의 텍스처 아틀라스를 내보낼 때 공간을 절약할 수 있습니다.

날개 뼈가 회전할 때 메쉬의 적절한 변형을 위해 정점의 밀도는 뼈의 방향을 따라 더 높아집니다.

각 날개의 정점에는 먼저 가중치 보기의 자동 기능을 사용하여 각각의 뼈에 대한 가중치가 부여됩니다. 다음으로, 부드러움 기능은 날개의 굽힘을 부드럽게 하는 데 사용됩니다. 마지막으로 가지치기 기능을 통해 5.5의 값으로 가중치가 정리됩니다. 가지치기는 주어진 값 이하의 가중치를 제거하여 가중치를 최적화합니다.

애니메이션

모든 정점에는 뼈의 가중치가 부여되기 때문에, 날개를 애니메이션화하려면 날개 뼈만 키를 설정해야 합니다. 가중 매쉬는 자체의 가중치에 따라 뼈를 따라갑니다.

토큰

설정

날개 사이의 토큰은 하나의 메시 어태치먼트입니다.

애니메이션

가중치를 이용하여 뼈를 통해 정점을 움직이는 대신, 토큰 메쉬는 개별 정점의 위치에 대한 키를 설정하여 수동으로 변형됩니다.

비교

이 GIF는 왼쪽에 메쉬 기반 파워업(Spine 전문가형으로 실행)과 오른쪽에 변형 전용 애니메이션 파워업(Spine 기본형으로 실행)을 보여줍니다. 기본적인 파워업 애니메이션은 메시를 사용하여 간단한 몇 가지 단계만으로 더 좋아졌습니다.