Unity) Find Party Parrot (完)
게시글 주소: https://orbi.kr/00066581958
안녕하세요 뱁새입니다 (۶•<•)۶❗️
오늘은 카드에 애니메이션을 입히는 과정과
카드를 뒤집고 매칭하는 과정에 대해 정리해볼 예정입니다
이전 과정을 보고 싶으시다면 Find Party Parrot (1) / Find Party Parrot (2)을 클릭해주세요❗️
그럼 가봅쉬다❗️
첫 번째, 카드 랜덤 배치
1. 카드들을 랜덤하게 배치해주기 위해 리스트를 만들고
리스트 아래에 위와 같은 코드를 작성해주었습니다
이 코드는 parrots를 해당 범위 내에서 랜덤하게 정렬해달라는 의미를 가져요!
2. parrot 이미지를 코드로 지정하기 위해 Images 폴더 내 있는 이미지들을 Resources 폴더로 옮겨주었습니다
3. 코드로 지정한 이미지들을 가져오기 위해 위와 같은 코드를 작성해주었는데요
여기서 string parrotName = "parrot" + parrots[i].ToString(); 은 이미지 이름을 만드는 것,
newCard.transform.Find("front").GetComponent<SpriteRenderer>().sprite = 은 새 카드 아래 front를 찾아 sprite를 변경하는 것,
Resources.Load<Sprite>(parrotName); 은 Resources 폴더에 있는 parrotName을 가져오는 것을 의미한답니다
4. Unity로 돌아와 Prefab에서 front는 활성화, back은 비활성화를 해둔 뒤 실행을 해보면
이미지들이 랜덤하게 배치가 된 것을 확인할 수 있습니다
근데 이미지 위치가 중구난방이네 쉬이벌.. ㅋㅋ
두 번째, 카드 애니메이션 적용
이번 게임에서 카드에 적용해줄 애니메이션은 두 가지인데
하나는 카드가 까딱거리는 애니메이션
또 하나는 카드를 눌렀을 때 카드가 작아지는 애니메이션입니다
한 번 적용시켜볼까요?
1. 카드가 까딱거리는 기본 애니메이션을 만들어준 후 Prefabs 내 폴더에 있는 Card에 붙여넣고
2. Animation 편집기를 열어 카드의 rotation z좌표를 조정해주었습니다
3. 카드를 눌렀을 때 카드의 크기가 작아지는 flip 애니메이션을 만든 후 Card에 붙여넣고
4. Scale의 x, y좌표를 조정해주었습니다
5. 두 가지 애니메이션을 어느 조건에서 발동시킬 것인지를 관리하기 위해 컨트롤러에서 쌍방향 transition을 만든 후
각 transition에 대해 has exit time에 체크 해제하고, transition duration을 0으로 변경해주었습니다
6. 이후 각각의 transition에 파라미터 조건을 붙여주었는데요
idle ⇒ flip : bool이 true 가 되면 발동하게
flip ⇒ idle : bool이 false 가 되면 발동하게끔 하였습니다
세 번째, 카드 뒤집기
위에서 만든 애니메이션이 정상적으로 작동하기 위해서는 cs가 필요하므로 card.cs를 만드는 것으로 시작해볼게요
1. Card에 button 요소를 추가해주고
2. card.cs에서 카드를 클릭하면 front가 보이게 코드를 작성해주었습니다
3. Unity로 돌아와 On Click에 openCard 함수를 적용시켜주고
4. public Animator anim;과 anim.SetBool("isOpen", true);를 추가 작성해 애니메이션이 적용되도록 하였습니다
5. 실행해보면 카드가 정상적으로 뒤집어지는 것을 확인할 수 있습니다
네 번째, 카드 매칭하기
카드를 매칭하기 위해서는 gameManager가 첫 번째 카드의 이름을 갖고 있다가 두 번째 카드의 이름과 일치하는지 확인해야 합니다
1. 우선 card.cs에서 gameManager를 불러올 수 있도록 싱글톤 처리를 해주었습니다
2. 이후 매칭 로직 함수를 만들어두었습니다
3. 그리고 card.cs에서 openCard를 했을 때 firstCard가 공란일 경우 I가 firstCard가 되게
firstCard가 공란이 아닐 경우 I가 secondCard가 되도록 코드를 작성해주었습니다
4. gameManager.cs에서 isMatched 함수를 위와 같이 작성해
첫 번째 카드의 이름이 두 번째 카드의 이름과 같을 경우 "굿" 이 출력되게
같지 않을 경우 "우우" 가 출력되게 하였습니다
그리고 매칭이 끝나면 카드 이름을 비우도록 하였습니다
5. 확인해보니 두 카드가 서로 달라 "우우"가 출력되었군요 
6. 그런데 아직 카드 매치 후 다시 뒤집는 로직을 만들지 않았기 때문에 card.cs에 위와 같이 네 가지 함수를 작성해주고
7. gameManager.cs에서 firstCard.GetComponent<card>().destroyCard()를 작성해
firstCard에 붙어있는 card.cs에서 destoryCard를 부를 수 있도록 하였습니다
다섯 번째, 이번 과정에서의 완성본
실행해보면? 카드 애니메이션부터 카드 매칭까지 모든 것이 성공적으로 구현되었네요!
이궈궈던 ㅋㅋ
이렇게 Find Party Parrot을 만드는 과정이 모두 끝이 났습니다❗
반복문부터 리스트 그리고 이미지 코드화 등등 꽤나 다양한 것들을 배우고 적용해보면서
한 층 더 성장한 것 같아 기쁘네요❗️
근데 요즘 유니티만 달려서 프론트엔드 다 까먹어버린
아아..
그럼 다음 개발 일지에서 뵈어요❗️
0 XDK (+0)
유익한 글을 읽었다면 작성자에게 XDK를 선물하세요.
-
친구데리러가서 대로변에 세워두고 소리100으로키워두니까 러셀에서 내려와서...
-
진실을 밝힐 때가 온 듯..
-
커하임 플레야 기다려라
-
옵만추하실분 0
옵붕이 만두먹이고 추노하기
-
신기하다는거물론 계속 잇는 사람들도 잇지만
-
아무나 구해요
-
야식머글까 8
잠안오니 배고프다
-
인스타에선 전적대 흔적 전부지움
-
귀여운짤 2
확대해서보면더귀여움
-
-
하는 오댕이
-
물론내차에타면어그로가 ㅈㄴ끌리는데감수를해
-
인스타에서 수학하는땅우랑 마이린 차단함
-
생지할거에요
-
사실 전 차단 0
부러운사람 차단함
-
근데 무서울 뿐이야 2명 정도 있음
-
키 160대남자한테
-
머하지
-
미적분 질문 0
첫번째 사진에서 제가 쓴 식대로 연산 어디가 틀린건가요? 그리고 해설지 4번째...
-
이제와서말하지만 15
최초불합보고 숙소에서 혼자 겁나 울었음... 처음 딱 봤을때는 엥?하면서 점공보면서...
-
레어 기만한다 4
내 레어 짱귀옂지??
-
찾아봐야지
-
1년햇는데 이정도면 적은건가
-
기묘하네
-
매주 서바이벌을 보는데 선생님이 하나틀린사람! 두개틀린사람! 이렇게 손 들어보라고...
-
그 전까진 일만 다니면서 죽은 듯이 살아야지
-
개구리 4
개굴개굴
-
은근 띠꺼운 임티 12
-
엠티가면무조건하겠지...
-
사탐은 솔직히 웬만하면 엔수할땐 안바꾸는게 나은거같음 아무리 안맞아도 엔수하면 달라짐
-
세지 먼가 끌리는데
-
독서의 즐거움 초본 2025.02.21.
-
컨텐츠 많나요
-
하체 무리하다가 토할것같아서 잠시 앉을라했는데 몸에 힘 다 풀리면서 앞 까매짐...
-
술게임 8
개어렵네 하…
-
아제발쳐누워잇을테니까 17
지식을나의머리에넣어주고입에밥도넣러주셈좆은안되
-
위에서부터 가족끼리 먹은 폴드포크랑 텍사스바베큐? 수학여행 전날 친구들이랑 먹은...
-
비록 수능에선 망햇지만 삼수하지만 그냥 현강도 재밌게 다녔고 공부하는거 자체가...
-
네 이건 진심입니다
-
최고의 휴식
-
경제 사문.. 6
츄릅.. 맛봐볼까.. 롤체 마스터도 가야하는데..
-
하나라도 쟁취한 게 어디야~ 3칸 이겼으면 된 거지
-
80점을 받고싶 2
지는 않다
-
팀 경제 화이팅 2
화이팅
-
개강하고 나면 공강 생길때 바로 과방으로 가세요 그러면 거기 상주하는 과방...
-
삼일만에 일등급 받을만큼 쉬운 과목이 아닌데 자꾸 우리 경제 무시하니까 좀 그래
-
하 또시작이노 하고 넘기지 않나 그냥
-
더현대 지하에서 먹은 버거인데 파이브가이즈 사람많아서 그냥 수제버거집으로 갔었어요...
-
나도 우울증만 5년 넘게 앓았고 1년동안 약먹으면서 공부했는걸 실제로 올해 초에...
-
이해를조금못할수고잏는데아이큐가40은아니니까...
디따 멋지신!!!흐흐 항상 감사합미다!
뱁새바보
헉 뭐야 다시 바보로 회귀해버렷잔아
선추 후감오 재밌다
뱁뱁이
내 덕코복권다음게임나올때까지숨참음
진짜 똑똑하신듯
어디갔지