[📜일지] [MS게임즈] 픽포디 개발일지#4 whiteflash 피격 이펙트 적용

[고관붕(khg12347)]

글쓰다 다 날아가서 다시 쓴다... 개빡치네 사진 복붙해서 안되는거였노

개발환경: Unity 2021.3.16f (LTS), Visual Studio 2022, VS Code

오늘은 어제 개발 완료한 몬스터 피격 이펙트에 대해서 써보겠음

위 영상처럼 몬스터가 쳐맞으면 흰색으로 번쩍번쩍 빛나는걸 구현했다.

구글링해서 나오는 내용이긴 하지만 옛날 글이어서 원본대로 따라해도 안되는 경우가 있더라고..

그래서 내가 나중에 다시 볼 수 있게 정리할 겸 니들도 도움이 되면 좋을거같아서 자세하게 써본다

1. SpriteRenderer 상에서는 흰색 번쩍번쩍이 구현되지 않는다

먼저 처음 피격 이펙트는 alpha값을 조절해서 하려했음. 피격시 알파값을 낮추고 0.1초 뒤에 다시 복구하는 방식을 채용했는데

우리 아트가 존나 맘에 안든다해서 흰색으로 바꾸기로 함..

근데 다들 알다시피 sprite상에서 RGB값을 존나바꿔봐야 시꺼매질 순 있지만 하얗게 바뀔순 없음

그래서 구글링 존나해서 찾은 결과 Material을 바꿔주면 된다는 글을 발견함

https://steemit.com/unity/@sesangsokuro/2d-flash-white-unity

https://steemit.com/unity/@sesangsokuro/2d-flash-white-unity

이대로 따라하면 되는거 아님? 이라고 할 순 있는데 여기 글이 오래돼서 그런지 shader file 코드가 없었다.. 그래서 코드를 직접 찾아서 적용했는데

그 코드가

https://answers.unity.com/questions/709687/shader-to-flash-a-2d-sprite-to-white.html

https://answers.unity.com/questions/709687/shader-to-flash-a-2d-sprite-to-white.html

여기 코드를 참고한 것임.

코드 활용 방법은 밑에 있으니 이제 진짜 시작해보겠음

2. Material과 Shader 생성 및 수정

먼저 Material 교체식으로 번쩍번쩍을 구현할 것이기 때문에 아무 Material을 만들어줌. 그리고 Material에 적용할 Shader도 만들어 줄거임

Shader는 어차피 코드 내용 다 지우고 수정할 것이기 때문에 아무거나 만들어줘도 되는데 나는 Standard로 만들어줬음

둘 다 만들고 이름은 PaintWhite로 지정해줬는데 이름은 딱히 상관없음

둘 다 만들었다면 Shader 파일을 VS code로 열어서 수정해줄거임

아까 원래 코드를 싹다 지우고 링크에 있는 코드를 그대로 복붙해줄거임

3번줄을 보면 알듯이 쉐이더의 이름이 DefaultColorFlash로 지정되어 있음

이걸 이제 Material에 적용해줄건데

동그라미 친 부분을 눌러서 DefaultColorFlash를 검색하면 나오는걸 적용해줌

그리고 Flash Amount를 원하는대로 적용해주면 되는데 나는 완전 흰색으로 번쩍이는걸 원하기 때문에 1로 맞춰줬음

이제 Material 준비는 다 끝났고 코드에 적용만 하면됨

3. 코드에 적용하기

Enemy Prefab 하나하나에 Material을 SerializeField로 등록해주고 쓰는 방법도 있지만

그러기엔 prefab이 너무 많기 때문에 나는 EnemyManager에 등록해주고 스크립트 상에서 불러와서 쓰는 방식을 채용했음

EnemyManager에 public이나 SerializeField로 선언한 Material에 등록해줬음

private으로 등록했기에 Get함수도 만듦

EnemyHP에 몬스터 피격 함수(Take Damage)가 있기 때문에 EnemyHP함수에서 Material을 교체해주겠음

Material을 선언하고 enemy manger에 있는 GetWhiteFlash()함수로 등록된걸 가져왔음

이제 적용해줄건데 origin을 미리 저장해주고 material 교체 후 0.1초가 지나면 다시 원래대로 돌아오는 방식으로 코드를 짰음

근데 이렇게만 짜면 비동기식으로 돌아가기 때문에 여러 타격이 동시에 들어오면 material이 원래대로 안돌아오는 버그가 생김

그 버그를 방지하기 위해 isHitting Boolean을 만들어주고 이미 피격 이펙트가 발동하고 있을 때는 실행이 안되도록 설정해줌

이러면 몬스터 피격 이펙트 만들기 끝. 꼭 몬스터가 아니어도 alpha값을 같이 활용해서 메이플처럼 플레이어가 피격 당했을 때도 활용할 수 있을거임

오늘도 봐줘서 고맙고 유니티 2D 개발하는 동지들 다들 화이팅하자

개발일지 다시보기

#1

https://gall.dcinside.com/m/game_dev/116598

[엠에스게임즈] 픽셀 포커 디펜스 개발일지 #1 - 게임 개요

#2

https://gall.dcinside.com/m/game_dev/116609

[엠에스게임즈] 픽포디 개발일지 #2 애니메이션 모듈 개발

#3

https://gall.dcinside.com/m/game_dev/116665

[MS게임즈] 픽포디 개발일지 #3 세이브로드 개발

[잠둥이(fcrow)]

[고관붕(khg12347)]