파랜드 택틱스 | [ 포트폴리오 ] 파랜드 택틱스 온라인 개발 유투브 라이브 방송 49 일차 ( 1, 2 부 - 파택2 창고스테이지 재현 작업 )

즐파!!! ( 즐거운 파랜드 택틱스 온라인 개발 ) ^ㅁ^어제 토요일 파택 온라인 개발 라이브 방송 49 회차를 방송했습니다.[파랜드 택틱스 온라인 개발 라이브 방송 49 일차 방송 - 1 부]<a href="https://www.youtube.com/watch?v=XhBgmcRuqsQ&t=3s" target="_blank" class="ke-link">https://www.youtube.com/watch?v=XhBgmcRuqsQ&t=3s</a><div class="figure-video" data-ke-type="video" data-video-url="https://www.youtube.com/watch?v=XhBgmcRuqsQ" data-video-host="youtube" data-video-play-service="daum_cafe" data-video-width="480" data-video-height="360" data-ke-style="alignCenter" data-video-thumbnail="https://scrap.kakaocdn.net/dn/dmZ3yH/hyV2ChSOZo/6lM46EYPvbYjxNqHaLPI71/img.jpg?width=480&height=360&face=0_0_480_360" data-ke-mobile-mobileStyle="widthContent" data-video-origin-width="480" data-video-origin-height="360"><iframe src="https://www.youtube.com/embed/XhBgmcRuqsQ" width="480" height="360" frameborder="0" scrolling="no" allowfullscreen=""></iframe><div class="figcaption"></div></div>  [파랜드 택틱스 온라인 개발 라이브 방송 49 일차 방송 - 2 부]<a href="https://www.youtube.com/watch?v=0yToSoYcN-E&t=7s" target="_blank" class="ke-link">https://www.youtube.com/watch?v=0yToSoYcN-E&t=7s</a><div class="figure-video" data-ke-type="video" data-video-url="https://www.youtube.com/watch?v=0yToSoYcN-E" data-video-host="youtube" data-video-play-service="daum_cafe" data-video-width="480" data-video-height="360" data-ke-style="alignCenter" data-video-thumbnail="https://scrap.kakaocdn.net/dn/b7NEyL/hyV2q2PlKp/0r3X4i3V3Ppi6YRJHCO8Ck/img.jpg?width=480&height=360&face=0_0_480_360" data-ke-mobile-mobileStyle="widthContent" data-video-origin-width="480" data-video-origin-height="360"><iframe src="https://www.youtube.com/embed/0yToSoYcN-E" width="480" height="360" frameborder="0" scrolling="no" allowfullscreen=""></iframe><div class="figcaption"></div></div>   <div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin" data-link="https://www.youtube.com/channel/UCINXTqz4y0Khrt8PPNyiy2Q" data-link-newwindow="_blank"><a href="https://www.youtube.com/channel/UCINXTqz4y0Khrt8PPNyiy2Q" target="_blank" class="ke-link"><img src="https://t1.daumcdn.net/cafeattach/FeEw/129edcbb4dbc7ed2b0608ba30543e526907fae86" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/129edcbb4dbc7ed2b0608ba30543e526907fae86" data-origin-width="936" data-origin-height="702"></a><div class="figcaption">청둥오리's스듀디오 유투브 채널</div></div>이번 방송에서는 1, 2 부에 걸쳐파택 2 창고에서의 전투 스테이지 재현 작업을 진행하였습니다.<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/FeEw/29714ef946757fae107d66e96c628731e52e3d15" class="txc-image" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/29714ef946757fae107d66e96c628731e52e3d15" data-origin-width="936" data-origin-height="521"><div class="figcaption">파택 2 창고 스테이지 재현 기획</div></div>우선 위 기획을 바탕으로 작업중이구요. 금일은 창고 스테이지 재현 작업 중멀티 오브젝트 기능에 대해 주로 작업했는데요. 금일 작업하면서 기획 메모한 내용을 공유드립니다.<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/FeEw/4d4bdc905c8429986a9e3e8b780b81d0053361a4" class="txc-image" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/4d4bdc905c8429986a9e3e8b780b81d0053361a4" data-origin-width="936" data-origin-height="527"><div class="figcaption">멀티 오브젝트 기획 메모 1</div></div>멀티 오브젝트 기획 메모 2<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/FeEw/40dfa4d63de716cfdfda7034bd28f217b46737be" class="txc-image" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/40dfa4d63de716cfdfda7034bd28f217b46737be" data-origin-width="936" data-origin-height="527"><div class="figcaption">멀티 오브젝트 기획 메모 3</div></div> 이 메모를 조금 더 격식 있게 정리하자면 이렇습니다.<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/FeEw/a7e6cee036b357d0de962551853fd515c14a2cdb" class="txc-image" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/a7e6cee036b357d0de962551853fd515c14a2cdb" data-origin-width="936" data-origin-height="521"><div class="figcaption">멀티 오브젝트 데이터 저장공간에 대한 예측</div></div> 맵툴을 활용하여 멀티 오브젝트 ( 즉, 2 층 3 층 ~~ 이상으로 존재하게 될 오브젝트들 )정보를 게임 실행 도중에 저장하는 데이터 총량이Maximum 최대 최악의 경우더라도 10 메가 바이트를 넘지 않도록 설계했다고 보시면 되겠습니다.아무리 높이 극단적으로 오브젝트가 30 x 30 = 900 개의 타일 모두에서20 층 씩 쌓여있더라도이론적인 계산상으로 900 x 20 x 24 = 432,000 바이트 ≒ ( 대략 400 KB ＜ 1 MB ) 미만 이라는계산 결과가 나옵니다. 더 넓은 맵이더라도 아무리 커도 10 메가 바이트 내로 커버가 가능하다는결론이 된 것이지요. 이마저도 더 압축하려면 제가 기획 메모 첫번째 페이지에 적어두었던 컴퓨터 사이언스의 지식인 1. 허프만 코드 압축 알고리즘2. 선형대수학의 특이값 분해 이론을 적용할 수 있다면 적용하여서 향후에 최적화를 시도해볼 수 있을 것 같습니다. 우선 뒤로가기 기능을 제외한 상태에서 현재까지오브젝트 편집 기능은 이렇게 구현되어있습니다.<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/FeEw/a3a3bf4868836191caf303160bb63c4efe86c21f" class="txc-image" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/a3a3bf4868836191caf303160bb63c4efe86c21f" data-origin-width="800" data-origin-height="442"><div class="figcaption">멀티오브젝트 구현 상황</div></div>참고 : 현재 구글드라이브에 공유된 파택온라인 v0.5.8 버전 파일에는 아직 적용되지 않았습니다. 파택온라인 체험판 다운로드 링크( 구글 드라이브 ): <a href="https://drive.google.com/drive/folders/1gcDe6FjiH_TgGhoLpkWiFTfdkCmYhCSp?usp=sharing" target="_top" class="ke-link">https://drive.google.com/drive/folders/1gcDe6FjiH_TgGhoLpkWiFTfdkCmYhCSp?usp=sharing</a><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="v0.5.8 - Google Drive" data-og-description="이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요." data-og-host="drive.google.com" data-og-source-url="https://drive.google.com/drive/folders/1gcDe6FjiH_TgGhoLpkWiFTfdkCmYhCSp?usp=sharing" data-og-url="https://drive.google.com/drive/folders/1gcDe6FjiH_TgGhoLpkWiFTfdkCmYhCSp?usp=sharing" data-og-image="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png"><a href="https://drive.google.com/drive/folders/1gcDe6FjiH_TgGhoLpkWiFTfdkCmYhCSp?usp=sharing" target="_blank" data-source-url="https://drive.google.com/drive/folders/1gcDe6FjiH_TgGhoLpkWiFTfdkCmYhCSp?usp=sharing"><div class="og-image"><img src="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png" alt="" xxonerror="this.src="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png""></div><div class="og-text">v0.5.8 - Google Drive이 폴더에 파일이 없습니다.이 폴더에 파일을 추가하려면 로그인하세요.drive.google.com</div></a></div>  - 진행 상황 및 향후 계획 정리 -- 멀티플레이 컨텐츠 작업- 로그인부터 인게임 플레이까지 전반적인 디버깅 및 테스트, 플레이 개선<s>- 신규 캐릭터 추가</s><s>- 알파 테스트 ( 오픈카톡방 멤버들끼리 테스트 )</s>- 소셜 미디어 컨텐츠 구현 ( 시간과 공간의 방 )- 멀티플레이 맵 렌더링 수정- 렌더링 개선 버전 배포- 서버 렌더링 개선 ( 클라이언트 다운 현상 수정 )<s>- 맵 툴 : 스타팅 포인트 기능 체크 / 개선</s>- 맵 선택 로딩 기능 ( 멀티플레이 스테이지 )<s>- 계정 DB 엑셀 파일화 -> MySQL, mdb, 구글시트 DB 구축</s>( 소셜 미디어 로그인 기능 가능 여부 체크 )- 서버 매니징 기능 구현- 회원 추가정보창 작업 ( 최애 파택 챌린지 기능 )<s>- 멀티플레이 채팅 시스템 구현</s><s>- 방 정보 동기화</s>- 파택 2 오프닝 에피소드 : 카린과 T.T. 의 조우- 사운드 이벤트 구체화- 시나리오 이벤트 블럭 데이터 기록 ( 엑셀로 정리 )- 피드백 : Part 1. T.T. 와 요리사의 달리기 모션 프레임 속도 조절- 시나리오 엑셀 형식 파일 세이브 & 로드 기능 구현- 이벤트 블럭 슬라이드 기능 최적화 △- 스테이지 전환 이벤트 구현- 카메라 영역 앵글 테두리 표시- 카메라 이동 이벤트 구현- 디버깅 및 테스트 + 최적화 등등...- 파택 1 스테이지 12 : 용의 산 구현 ( feat. 은의 들판 bgm )<s>- 맵 세팅</s><s>- 캐릭터 & 몬스터 세팅</s><s>- 케릭터 & 몬스터 이미지 리소스 준비</s><s>( 달리기 모션부터 작업 )</s><s>- 캐릭터 이동 구현</s><s>- 캐릭터 & 몬스터 공격 모션 이미지 리소스 준비</s><s>- 캐릭터 & 몬스터 턴오프 이미지 작업</s><s>- 캐릭터 & 몬스터 피격 이미지 작업</s><s>- 피격 피해숫자 애니메이션 시점 지연</s>- 공격 로직 분석<s>- 마법 이미지 리소스 준비</s>- 캐릭터 & 몬스터별 공격 및 마법 구현- 아이템 구현- 디버깅 및 최적화- 유니트 일람 최적화- 몬스터 인공지능 구현- 파택 2 스테이지 2 : 창고에서의 전투 구현<s>- 맵 세팅</s><s>- 오브젝트 배치</s>- 멀티오브젝트 시스템 구현- 적 몬스터 이미지 작업- 상자 밀기 시스템 구현- 사다리 타기 기능 구현- 환풍구 활용 요소 구현- 시나리오툴 고도화- 디버깅 및 최적화 : 이벤트 큐 슬라이드 렌더링 속도 개선- 카메라 이벤트 구현- 전투 이벤트 구현- 몬스터 및 캐릭터 편집 기능 구현- 몬스터 유니트 일람 구현- 이벤트 미리보기 기능 구현 <a href="https://open.kakao.com/o/gLlmLqWc" target="_top" class="ke-link">https://open.kakao.com/o/gLlmLqWc</a><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="파랜드 택틱스 온라인 테스트방" data-og-description="파랜드 택틱스 온라인 Deep 클로즈 알파테스트방" data-og-host="open.kakao.com" data-og-source-url="https://open.kakao.com/o/gLlmLqWc" data-og-url="https://open.kakao.com/o/gLlmLqWc" data-og-image="https://scrap.kakaocdn.net/dn/bBej6H/hyV2wPt6xb/T3rOV4MfhYXZ0pKddvPK81/img.png?width=800&height=400&face=0_0_800_400"><a href="https://open.kakao.com/o/gLlmLqWc" target="_blank" data-source-url="https://open.kakao.com/o/gLlmLqWc"><div class="og-image"><img src="https://scrap.kakaocdn.net/dn/bBej6H/hyV2wPt6xb/T3rOV4MfhYXZ0pKddvPK81/img.png?width=800&height=400&face=0_0_800_400" alt="" xxonerror="this.src="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png""></div><div class="og-text">파랜드 택틱스 온라인 테스트방파랜드 택틱스 온라인 Deep 클로즈 알파테스트방open.kakao.com</div></a></div>   다음 50 회차 방송은 5 월 25 일 토요일 오후 1 시 - 1 부, 오후 7 시 - 2 부 에 찾아뵙도록 하겠습니다.<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/FeEw/9285de4a864bae966cffebe9c11554eef3fd11a8" class="txc-image" width="800" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/9285de4a864bae966cffebe9c11554eef3fd11a8" data-origin-width="936" data-origin-height="628"><div class="figcaption">다음 방송 안내</div></div> 이상 1 인 개발자 자칭서태웅 이었습니다.<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/FeEw/3aa69cfe41c7b967f7464fab4004c3b21b244deb" class="txc-image" width="280" data-img-src="https://t1.daumcdn.net/cafeattach/FeEw/3aa69cfe41c7b967f7464fab4004c3b21b244deb" data-origin-width="280" data-origin-height="308"><div class="figcaption">나혼개로고</div></div> 감사합니다. <div data-ke-type="emoticon" data-ke-style="alignCenter" data-emoticon-type="friends2" data-emoticon-name="050" data-emoticon-isAnimation="false" data-emoticon-src="https://t1.daumcdn.net/keditor/emoticon/friends2/large/050.png"><img src="https://t1.daumcdn.net/keditor/emoticon/friends2/large/050.png"></div> #파택온라인개발유투브방송, #파택온라인개발라이브방송49일차, #파택온라인개발실시간스트리밍방송, #게임개발방송, #파랜드택틱스온라인, #파택온라인개발라이브방송50일차예고, #파택2창고에서의전투스테이지재현, #청둥오리Studio, #1인개발자