# RunningGame

16개의 포스트
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - WebGL - iphone Error 해결

React와 Firebase로 빌드, 배포한 WebGame이 iphone에서 무한 로딩이 걸리는 버그가 발견 되었다. sol) Code Refactoring mvc Pattern으로 바꾸어 Player의 model과 view로 코드 구조를 바꾸었다. 무분별하게 참조된 코드구조를 조정하였다. image 최적화 sprite atlas를 사용하여 image파일의 크기를 줄였다. 그러나 해결하지 못하였다. 여러 방법을 찾고 원인을 찾으려고 하였지만

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - Animation

MVC pattern model의 view와 controller부분을 나누어 작업한 후 user에게 나타낸다. mvc pattern으로 설계되었으므로 player의 view 부분과 controller부분이 나누어져있다. view에 해당하는 Animation은 상황에 맞는 controller에서 view함수의 animation을 호출해주면 된다. player Animator run을 기본으로 두고 hit, jump, slide를 연결한다. ![](https://velog.velcdn.co

2022년 5월 26일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - WebGL 빌드와 React와 연동하기

Unity-WebGL빌드 파일의 index.html를 보고 React와 연동 할 수 있을 것 같다는 생각이 들었다. React에 react-unity-webgl 패키지 설치하기 npm을 이용하여 react-unity-webgl 패키지를 설치한다 React앱에 아래와 같이 WebGL빌드 파일을 연동시킨다

2022년 5월 26일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - React빌드 후 firebase로 호스팅하기

우리가 만든 webGame을 어떻게 배포할지 고민해보았다. sol) Google의 firebase를 이용하여 웹 주소를 호스팅한다 firebase앱 등록을 한다. goole firebase검색하면 쉽게 할 수 있다. firebase-tool 설치 후 로그인 firebase hosting project 생성 나머지 설정은 입맛에 맞게 설정하면 끝

2022년 5월 26일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - ItemSlot

아이템을 먹으면 화면 상단에 아이템을 Code 코드 리팩토링을 통해 만든 GameController에 획득한 ItemSlot배열을 선언해준다. (차후에 엔딩씬에서 아이템 획득 유무가 필요함) PlayerController에서 ItemObject와의 충돌을 확인한 후 아이템 획득 유무를 파악한다. 아이템을 획득한 경우 상단에 아이템 뷰를 활성화 / 비활성화 모양으로 둔다. 충돌시 획득한 아이템 중에 가장 최신에 획득한 아이템을 삭제한다.

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - Minimap

MiniMap 시작지점과 골 지점에 object를 두고 좌표를 받아온다. Inspector에 Slider를 추가하고 아래와 같이 세팅하면 일정한 비율로 움직이는 미니맵 완성! 완성화면

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - CodeRefactoring

Issue 전체 코드 구조의 문제가 있다고 생각하였다. 우리가 생각하는 코드의 문제는 다음과 같다. 1. 전체적으로 코드가 복잡하다. 2. 코드의 참조 하는 부분이 꼬여있다. 3. 코드의 재사용을 고려하지 않았다. 4. 코드가 클래스의 상속구조 형태가 아니였다. 전체적으로 코드를 리팩토링 하였다. 중복으로 구현된 기능을 하나로 합쳤다. 기능별 Controller를 만들어 한 Controller가 하나의 기능을 수행하고 다른 GameObject에서 참조하게 만들었다. Controller를 빈 GameObject에 넣어 하나의 오브젝트로 모든 컨트롤러를 관리하였다.

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - Slide

Slide EventTrigger를 이용 Jump Button과 동일하게 진행하면된다. 단 Slide Button은 Down 과 Up 을 따로 만들어야한다. 작동방식 Player의 collider의 size와 offset을 알맞게 조작한다. Player에 Animaition과 Image를 변경한다. Slide Script

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - 기획변경!!

기획자로부터 사용자는 점프와 슬라이드를 통해서만 조작 할 수 있고 플레이어 캐릭터는 자동으로 오른쪽으로 이동하도록 요청 받았다. 플레이어를 따라오는 아이템은 삭제되었고 화면 상단에 아이템 슬롯을 만들어 표시 할 수 있게 하였다. 그전까지는 제대로 기획안을 받지 못해 할 수 있는 대로 최대한 구현해 두었는데 기획안을 받을 수 있다는 희망이 생겼다.

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - TileMap

TileMap 찍기 디자이너가 개발에 대한 지식이 없어 디자인과 별개로 개발을 하기 위해 TileMap으로 맵을 찍기로 하였다. Tile Palette로 디자이너가 보내준 이미지 파일을 맵에 한땀 한땀 찍어준다. TileMap의 Tag를 정해주어 땅, 통과 가능한 타일, 장애물 등을 구별해준다

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - Item

Item과 player 충돌 구현 Item Object의 tag를 'Member'로 설정하고 Player에 OncollisionEnter2D를 이용하여 충돌을 체크한다. Item Object에 bool touch를 두고 충돌 유무를 체크한다. Item이 Player를 따라가게 만들기 player와 item 사이의 거리를 재고 어느정도 이상이면 순간이동 하게 하고 그 외에는 따라오게 만든다 Physics2D.Raycast를 이용하여 벽유무를 체크하고 벽이 있으면 점프하면서 따라오게 만든다. Item cnt 화면에 띄우기 Item cnt를 Canvas에 전달하여 화면에 띄워준다. Script player script item script ![](https:

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - Cinemachine Camera

Camera 적용하기 러닝 게임 이므로 플레이어를 따라다니는 camera를 적용 시키는 것이 적합했다. 1. Package manager - Cinemachine 설치 2. Hierarchy 창에 Cinemachine Camera 추가 3. Inspector - Follow에 대상(player) 추가 ![](https://velog.velcdn.com/images/hopark/post/5d3c1413-ce1b-4ae4-af46-6b102

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - 플레이어 이동 & 충돌

플레이어 이동 구현 RigidBody를 이용하여 구현 1. RigidBody의 Addforce를 이용하여 움직인다. Addforce는 연속적으로 힘을 가하는 것이므로 플레이어의 속도가 점점 빨라져서 원하는 모양이 나오지 않는다. 2. RigidBody의 velocity transform의 translate와 비슷한 형태로 띈다 Transform를 이용하여 구현 Translate를 이용 하여 object의 position을 변경시킨다. RigidBody로 object의 움직임을 제어하면 버튼을 누르고 난 후에 미끄러지는 현상이 생겨 tranform을 채택하기로 했다. Unity Canvas Button을 이용 활용하여 스크립트를 추가 해주었다. 플레이어 충돌 구현 RigidBody - Kinematic 을 이용하여 script로 구현 하려고 하였지만

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - 플레이어 점프 ( UI-Canvas)

UI Canvas 버튼 구현 UI - Canvas - Button 구현 1. UI - Canvas 를 추가한다. 2. Canvas 하위에 버튼을 추가한다. 3. player script에 button을 추가한다. SerializeField 를 이용하여 player에 넣을 스크립트에 button을 추가한다. <img src="https://velog.velcdn.com/images/hopark/post/ea1aee78-7e93-4a26-

2022년 5월 23일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - 개발 환경

게임 컨셉 공예품이 등장하는 러닝게임을 기획. 배경은 서울의 각 지역을 등장시키기로 함. 개발 플랫폼 통합 개발 환경 : unity2D, WebGL로 배포 버전 관리 : Github 이튜 트래킹 : Github Issues Issue Apple Silicon M1을 사용 하였는데 사용하고자 한 unity버전이 silicon을 지원 하지 않아 intel로 빌드

2022년 5월 23일
·
0개의 댓글
·
post-thumbnail

[Unity] Road to Picnic (Craft_Week) - 개발 배경

게임을 만들게 된 이유 Craft_Week(공예 주간 행사)에 참가한 Yard의 홍보 목적으로 러닝 게임을 만들게 되었다. https://www.instagram.com/koreacraftweek/ (Craft_Week) https://www.instagram.com/yard.kr/ (Yard) 함께한 사람 HJPARK (Programer) github : https://github.com/hopark123 email : polkm1789@gmail.com SUHONG (Programer) <

2022년 5월 23일
·
0개의 댓글
·