수박게임 만들기가 좀 까다로워서 처음부터 끝까지 최대한 자세하게 써봤어!
1. https://github.com/liyupi/daxigua 이 깃헙 들어가서 수박게임 소스 코드를 다운해줘
2. https://daxigua-tools.liyupi.com/ 이 사이트에서 배경, 아이콘 등을 수정할꺼야 (중국어로 되어 있기 때문에 구글 자동 번역 사용을 권장할게)
<사이트 내 아이콘들에 대한 설명>
"포토" "체리" "토마토" 이런 아이콘은 떨어지는 과일들이고, 사이트 내 "오른쪽 상단 모서리에 플래시 사진 1216 * 216" "오른쪽 상단 모서리에 플래시 이미지 2216 * 216" 라고 써 있는건 게임 내 오른쪽 위 깜빡깜빡하는 아이콘이야(아래 사진 보면 뭔지 알 꺼야)
근데 사이트 자동번역이 이상해서 붙여서 나오는데 이 아이콘 사이즈는 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 ) 참고해서 점수 변경하거나 물리엔진 넣거나 이것저것 해볼 수 있을꺼야
글은 여기까지고 추가 질문있는 덬들은 알려줘~