목표
UI이벤트에 스프라이트애니메이션 넣기
UI이벤트가 시간차로 나오게 연출하기
웹에 빌드 게시
게임이 완성되서 기분좋긴한데... 뭔가 뭔가다. 2%부족한느낌이다. 누군가는 에 또야?!?라고 하겠지만,
아트전공자라면 공감할 것이다
요리가 완벽한데 아무래도 중간에 소금을 덜친게 찝찝해 간을 더 맞춰야할것같다는 기분 말이다.
뭔가.. 잔뜩 코드만 따라하느라 내게임이라는 요소를 들넣어줬다고 느꼈다. 컨셉은 확고하지만!
그래서 배우는데 너무오래걸리는 연출보다는 애니를 조금넣어서 킹받게하려고 스프라이트넣는법을 배웠다
쫌만 젊었더라도...늦게일어나도 너무 피곤함....3.3......자고싶음...
지금도이런데 더늙으면아무것도 공부못하겠지.. 그리되기전에 빨리 배워놓자ㅠㅠㅠ
UI이벤트에 스프라이트애니메이션 넣기
이건 상대적으로 간단히 만들었으므로 요점도 간단히 하겟다
트럭이미지를 넣고싶어서 테스트로 만들어줫다
1 먼저 스프라이트를 제작한다
![]() |
![]() |
첫번째는 애니테스트용으로 썼고 두번째는 좀 다듬은 버전이다.
스프라이트는 뽑을때 한장에 뭉쳐서넣어주면 유니티가 알아서 잘라주더라고
아무튼난 클튜를사용하니 포토샵처럼 애드온은못쓰고 걍 한장에 뭉쳐줬다(애드온그리우면 또 쓸듯..)
![]() |
![]() |
2 프로젝트에 끌어오면 하위에 두개 생겨있을텐데 다잡고 위로 끌면
3 애니메이션파일을 저장하라는 창이 뜬다 적당한이름으로 저장해주자
4 나는 확실한정리를위해 적당한이름의폴더도 만들어서 넣어줬다.

5 이상하게 잘려있다싶으면 가져온 스프라이트 폴더에서 에디터 열어서 박스가 제대로 나눠졌나 보고 수정하면된다
보통 가져올때부터 유니티가 알아서 잘 잘라준다. 내가보면 걍 그런것같다.

6 가져왔으면 프로젝트에 애니 클립이랑 컨트롤러가 생겨있다

7 다음 애니컨트롤러를 더블클릭해서 들어가면 왼쪽에 스프라이트 호출구조가 있을거고
저걸 클릭하면 오른쪽에 인스펙터가뜨는데 저기서 스프라이트의 절대속도를 바꿔줄수있다
나는지금 프레임이 둘밖에 없기때문에 처음에 1로 되어있을때 테스트해보면 너무빨라서 프레임이 안보인다
이걸 좀 느리게 바꿔준다.

8 하이어라키에서 레이어순서도 제일 앞으로 나오게 해준다
결과

UI이벤트가 시간차로 나오게 연출하기
채찍피티에게 물어봤더니 처음에는
UI와 스프라이트를 하나의 오브젝트 태그(DeathUI)로 만들어서
비활성화후 스크립트로 추가하는 방식을 제안했다. 하지만 내 상황은 다르다.
이 방법대로면 나는 DeathUi라는 새오브젝트 안에 GUI와 스프라이트를 같이 넣어야할것이다

하지만 나는 이미 restart버튼을 플레이어 안에 만들어버려서
이를 묶어주면 다시 하이어라키가 꼬여버릴것 같아 더 복잡해질것 같았다.
그래서 묶지않고 스크립트만으로 해결하는법을 물어봤다.

![]() |
![]() |
우리짚티친구는 게임매니저안에서 해결하는방법으로 코루틴과 yield return을 추천했다.
결과

트럭스프라이트는 성공했다만, 이번에는 UI버튼이 제대로 안 뜬다.
![]() |
![]() |
왜지 싶었는데 애초에 내가 ui빌더로 버튼을 만들어줬기때문에
버튼자체가 게임매니저에 오브젝트로 들어갈 수 없었다.

그리고 온콜리전에서 플레이어가 죽었을 때
인스턴스밑에 해당버튼을 디스플레이로 추가해줬기 때문에 이게 원인인가싶었다
그래서 우리ai친구에게 다시 문제의 의도를 바꿔서 물어봤다.

...의심했던부분이 문제였던 게 맞았나 보다.
그런데 이상하다. 저 style함수를 플레이어에서 게임매니저로 옮기라해서 옮겼더니
오류가 나는것임. using지시문이 없다해서 UIelements넣어줬는데도 크래시 남.
그래서 다시다시 질문.

오...그리고 중요한 사실을 깨달았다.
저때만해도 using지시문에 집중해서 버튼을
게임오브젝트로 할당한게 문제였을거라고는 생각하지 못했다.

스테틱, 플로트,프라이빗은 공개되지않고 퍼블릭만 공개다 라는 것에만 집중하느라
퍼블릭 뒤에 있는 오브젝트도 종류가 다른 게 있을거라고는 미처 몰랐던 것이다ㅋㅋㅋㅋ
(여기는 개초보가 개발을 이해하려고 삽질하는 글입니다. 왜몰라싶어도 이해하소서.)
그리고 역시 내가만들어준 UI툴킷의 정보가 달랐던게 이유가 맞긴 했다.
버튼 만든방식이 달라서 쓰는 함수도 다르다는 뜻
- UI툴킷 버튼 - VisualElement 전용
- 캔버스 버튼(전에 시작화면으로 만든 것) - SetActive 전용
아아 둘중 하나로 통일했더라면...

아무튼 나는 툴킷을 썼기때문에!!!! 바꿔주자!!! 코드를!!!
나는 플레이어스크립트에있던 버튼을 스코어관련 코드와 분리해서 게임매니저에 넣어줬다.
좀 복잡하지만...이렇게할수밖에..ㅠㅠ


1 버튼관련 지시문과 함수는 다 게임매니저로 옮겨오고

2 플레이어에선 score 관련 코드 지시문과 정의하는 함수들만 남겨놨다.

3 그리고 ui레이아웃이 들어있는 gui를 게임매니저에 넣어줬는지 반드시!!! 확인한다!!!
결과

웹에 빌드 게시
이거 정말..다음날에 하려고했는데... 생활상의문제로 집가구들 배치 바꾼다고 무리해서 좀 쉬었다.
덕분에 당초에 생각했던일정보다 훨씬 늦었다. 한 이틀인가 삼일 늦은거같다.
그럼에도 쉬는게 중요하다생각해서(겸사겸사 게임에 부족한 요소도 채워넣고) 여유롭게 뒀다.
덕분에 화면에 트럭이 생겼고 시간차 스크립트도 알게 됐지 않은가. 급할수록 여유를 가지자.
빌드 올리는게 다음주가 아닌게 어딘가.!!
1 ctrl+shift+b 또는 파일>빌드프로필로 빌드에 드간다

2 걍 복붙인데 먼저 씬리스트에서 내 프로젝트씬을 넣어줘야한다 기본씬으로되있는데 저건 내 씬이 아니다
체크되어있는걸 딜리트해서 삭제해주자

3 그리고 지금 열려있는씬을 추가버튼을 눌러 넣어주자

4 유니티 설치할때 웹빌드 서포트를 깔지 않았으면 모듈없다하는데
눌러서 깔고 유니티를 다시 시작해주자. 왜냐면 웹용으로 올릴거기 때문이다.
모바일키셋팅을 해줬다면 모바일용을 따로 빌드해서 올릴수도 있다.

5 그후 플랫폼 전환.

6 이후 전환될때까지 기다렸다가, 빌드가 준비되었으면 밑에 버튼이 생긴다.
눌러서 저장할 폴더를 만들고 빌드를 생성하자.
이 과정에서 컴파일링 에러가 생길수도 있다.
그럴때는 당황하지말고 스크립트 어디에 문제가 있는지 알려주는
빨간오류메시지가 뜨니 잘 읽어보고 오브젝트나 스크립트들을 살펴보고 수정하자.
나의 경우는 예전에 만들어준 세이브매니저가 더이상 사용되지 않아서 스크립트 연결을 끊었는데,
오브젝트하고는 연결되지 않았지만 플레이어에 넣은 public savemanager부분이 남은게 문제가 되어서 수정해줬다.
참 그리고 메인화면에 있는 시작버튼이 해상도가 달라지면 크기가 튀어서 그것도 수정했다.
![]() |
![]() |
canvas하위에서 버튼(textmeshpro)로 만든건 캔버스에서 대중적인 크기 기준으로 수정해줘야한다
text도 디자인 바꾸면서 고정값->오토사이즈 달라진 해상도에 알아서 맞추게 세팅해줬다.
결과

이제 진짜 최종의최종의최최종빌드를 세팅하자.

7 받은 빌드를 zip으로 압축하고 유니티플레이에 끌어다놓아서 게시한다.

이것저것 제목,설명, 썸네일, 더 할거면 플레이영상도 찍어올릴수있다.
Unity Play
The place for aspiring game creators to share their latest Unity creation. Gain inspiration and find thousands of FPS, Karting, 2D Platformer and other creations with Unity. No experience needed, just jump in for the chance to be featured!
play.unity.com
여기서 또 하나 느꼈다... 키 조작감이 유니티랑 웹이랑 *어마어마하게* 다르구나!!
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ유니티에서 날라다니던 캐릭터가 어째서 웹에서는 굼벵이처럼 기어다니는지...
시작하자마자 제대로 움직이지도 못하고 죽는 캐릭터...
웹 반응속도가 미친듯이 느린걸 보고 난 당황할수밖에 없었다...

그러나 음...왜인지 금방 납득했다.. gif를 개시할때도 마찬가지지 않았는가.
웹에 올리기만 하면 굼떠지는 그 실행속도를 기억해봐라!!!
알파테스트의중요성 새삼 깨닫고 가입니더.
아무튼 아까의 최종의최종의최최종빌드에
또 최종최종최최종최종쓰를 붙여 드디어 완성된, 하찮은 빌드를 드디어 개시했다.

뿌뿌뿌뿌이
이게 빌드군아. 살짝 감격했을지도..?
내가 이걸 2주안에 해냈다고? 해냈다고??

오음아예 어예 어우예 내가해냄 우아예 시부럴~~~~

내가뭐랬어 되면한다고 어? 되면해~~ 할수있는거여~~
내가 만든 게임은 여기서 플레이해볼수있다.
play.unity.com game
play.unity.com
'개발' 카테고리의 다른 글
| 개초보 유니티로 2d게임만들기 09 유저데이터 저장 (0) | 2026.01.27 |
|---|---|
| 유니티6 버전 패키지매니저(packagemanager) 에셋 충돌 오류 해결법 (1) | 2026.01.25 |
| 개초보 유니티로 2d게임만들기 08 사운드와 기기호환 (1) | 2026.01.24 |
| 개초보 유니티로 2d게임만들기 07-02 카메라편 (1) | 2026.01.23 |
| 개초보 유니티로 2d게임만들기 07-01 커스텀편 (0) | 2026.01.22 |
































































































