메뉴 건너뛰기

팁(TIP) 수박 게임 만드는 법
16,453 38
2021.02.06 01:52
16,453 38

수박게임 만들기가 좀 까다로워서 처음부터 끝까지 최대한 자세하게 써봤어!
1. https://github.com/liyupi/daxigua 이 깃헙 들어가서 수박게임 소스 코드를 다운해줘

2. https://daxigua-tools.liyupi.com/ 이 사이트에서 배경, 아이콘 등을 수정할꺼야 (중국어로 되어 있기 때문에 구글 자동 번역 사용을 권장할게)

<사이트 내 아이콘들에 대한 설명> 
"포토" "체리" "토마토" 이런 아이콘은 떨어지는 과일들이고, 사이트 내 "오른쪽 상단 모서리에 플래시 사진 1216 * 216" "오른쪽 상단 모서리에 플래시 이미지 2216 * 216" 라고 써 있는건 게임 내 오른쪽 위 깜빡깜빡하는 아이콘이야(아래 사진 보면 뭔지 알 꺼야)NNtKV.png
근데 사이트 자동번역이 이상해서 붙여서 나오는데 이 아이콘  사이즈는 216*216 이고 이미지1, 이미지 2를 의미하는거야 그래서 >>1216 * 216  2216 * 216 짜리 이미지를 넣으면 절대 안돼<<


그리고 "다시" 라는 이미지를 넣는 칸은 게임 오버되고 나서 나오는 이미지고 배경 이미지는 게임 뒷 배경, 아래 갈색블록은 땅 말하는거야

3. 다 하고 맨 마지막 파란색 패키지 다운로드를 눌러 그럼 raw-assets 라는 압축 파일 나와 압축 풀고 이걸 1번에서 다운 받은 압축파일 푼거에 넣어(위치는 daxigua-master\res\raw-assets고, 여기에 덮어씌우면 돼)

4. http://nodejs.cn/download/ 여기서 자바 스크립트 다운받고 cmd 열어줘 (4번부턴 조금 난이도 있을꺼야) 혹시 중국어라 불안하면 한국 사이트 https://nodejs.org/ko/download/ 에서 받아도 돼 같은거야
1) npm –v 입력하고 엔터, 한번 더 npm-v 입력하고 엔터. 버전 번호 나오면 성공적으로 설치된거야
2) npm i –g serve 입력하고 엔터 눌러3) serve 입력하고 다시 엔터 눌러. http://localhost:5000 뜨면 주소 복사하고
(위 1 2 3가 이해 안되면 https://mp.weixin.qq.com/s/H9VR1MWn-9bKSC_1l_MkJw 이 글의 1.Node 및 npm 설치 항목을 참고해줘)

4) 복사한 로컬주소 접속-> daxigua-master 누르고 실행해봐 제대로 실행되야만 5)번으로 넘어갈 수 있어
5) vercel(https://vercel.com)접속 후 깃헙으로 가입해 (아이디 없으면 만들어야 함)
6)  vercel 가입까지 마쳤으면 daxigua-master가 깔린 위치 지우고 명령줄에 cmd 쳐서 실행하면 돼 (cmd 치는 방법 모르겠으면 8덬의 댓글 참고해줘!)
7) https://www.bilibili.com/video/BV1Vy4y1n7KW/ 이 영상의 2분 48초 부터가 vercel의 주소를 따는 법이니 참고하면 돼
그러면 끝이야!

<게임 내 효과음 변경법>
아까 위에서 말한 위치 daxigua-master\res\raw-assets 여기 하위 폴더중 아래 내용 참고해서 넣고 싶은 mp3파일로 변경해주면 돼 >>mp3 이름은 아래와 동일하게 넣어야해!!<<
a7 = 성공하면 나오는 환호소리

d3 = 수박 떨어지는 소리
bb = 수박 합쳐지는 소리

++ 추가로 자바 스크립트 코딩 할 줄 아는 덬들은 이 링크 글 ( https://mp.weixin.qq.com/s/H9VR1MWn-9bKSC_1l_MkJw ) 참고해서 점수 변경하거나 물리엔진 넣거나 이것저것 해볼 수 있을꺼야 
글은 여기까지고 추가 질문있는 덬들은 알려줘~

목록 스크랩 (29)
댓글 38
댓글 더 보기
새 댓글 확인하기

번호 카테고리 제목 날짜 조회
이벤트 공지 [💜셀인샷 X 더쿠💜] 에스테틱급 피부 관리를 홈케어로 느껴보세요! 셀인샷 #직진세럼 체험 이벤트! 185 06.13 20,676
공지 공지접기 기능 개선안내 [📢4월 1일 부로 공지 접힘 기능의 공지 읽음 여부 저장방식이 변경되어서 새로 읽어줘야 접힙니다.📢] 23.11.01 4,314,266
공지 비밀번호 초기화 관련 안내 23.06.25 5,080,711
공지 ◤더쿠 이용 규칙◢ 20.04.29 21,537,289
공지 성별관련 공지 (언급금지단어 필수!! 확인) 16.05.21 22,756,528
모든 공지 확인하기()
246 팁(TIP) 팁 첫번째 31 04.29 1,928
245 그외 혹시 움짤계하는 사람들 33 04.15 1,856
244 그외 폰으로 이렇게 할수 있다고? 55 23.12.29 2,867
243 그외 역시나 짤 잘 찐다 싶으면 대부분이 중국인.. 128 23.09.15 3,847
242 그외 짤계덬들한테 질문있어 33 23.09.06 1,759
241 그외 주접 프레임 + 귀 psd 41 23.08.24 2,248
240 팁(TIP) 노답필터 제거하는 색상일치 기능 TIP (바꿔서 끌올) 31 23.06.25 4,484
239 그외 덬들은 gif 뭐라고 읽어?? 37 23.05.14 1,999
238 보정 보정 뭐가 제일 나은지 골라주라 58 23.02.05 4,286
237 그외 디엠으로 프레임수 올려달라고 부탁드리는 건 좀 그렇지..? 32 22.12.18 2,428
236 자료/공유 덬들아 티스토리 스킨 공유하러 와써~~ (오류때문에 파일 수정함) 51 22.10.28 5,570
235 팁(TIP) 부드러운 움짤 만들기 70 22.09.25 16,760
234 팁(TIP) 짤찌면서 별거아닌 정말 사소한 팁 50 22.09.23 11,960
233 팁(TIP) 스노우 스티커 추출 법? 아이폰 안드 구분없이 가능 42 22.09.12 12,044
232 자료/공유 포닝 틀 공유~!!!!!!!!!!! 40 22.08.18 5,746
231 팁(TIP) 프레임수 적을때 뻥튀기 하는 법 48 22.08.17 7,986
230 자료/공유 ㄴ ㅏ두 내보정 .... PSD 공유 41 22.08.04 4,245
229 자료/공유 연두핑크 보정 psd 공유 34 22.08.03 6,713
228 자료/공유 티스토리 포스타입 스킨 공유~!!!!! 46 22.07.30 4,996