일지를 쓸 때마다 느끼지만, 오랜만에 일지를 쓰는 기분이 든다.


이번엔 별 거 안 했으니 냅다 영상 먼저 올리겠음.







Fill image 바를 채우는데, 트레일 이펙트를 사용한 거임.


UI를 진짜 신경도 안 썼는데, 유튜브 보니까 굉장한 게 있길래 대충 따라서 만들어봄.




이거 만드는데 대충 문제가 세 가지 정도 있었는데

1. 오버레이 캔버스에 파티클을 넣으면 렌더링이 안 됨

= 걍 렌더모드를 카메라 스페이스로 해서 해결.

URP로 변경하고 오버레이 카메라 하나 추가하고 카메라 스태킹 하면 더 좋게 보이긴 할 텐데, 귀찮아서 그렇게까진 안 했음.


2. 스크린 좌표는 앵커가 영점이 됨

= 이것도 은근히 신경쓰였음. 이미지랑 트레일 파티클을 하나의 패널 밑에 할당해야만 했음.


3. 스크린 좌표계에선 축이 x축으로 90도 회전함

3fb2c427f1d73c8776b6c5fb06df231d7e5fa3bf2a150d9e267d

이렇게


이것 때문에 로테이션 조작하는 데 좀 애먹었음.

아니 왜 안 되지? 하다가 보니까 축이 다름ㅋㅋ


핵심 코드는 아래에 올리겠음



fill image의 메소드

29ec9e36ebd518986abce8954485716d54

: fill image의 fillAmount를 사용해서 타겟 위치 측정



trail effect의 FixedUpdate()

2bec9e36ebd518986abce8954782776529

: traileffect에서 타겟에 도달했다고 판단되면 이미지의 ParticleHit 호출



2bef9e36ebd518986abce89544867d64a1

: 트레일 이펙트가 일정 높이 이상 올라오면, 그 후부터는 타겟을 향해 회전하면서 직진함



2bee9e36ebd518986abce8954581706a4f

: 트레일 이펙트가 일정 높이 이하면 타겟을 향해 직진하되, 애니메이션 커브로 주어진 패턴대로 이동함.