메뉴 건너뛰기

팁(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
댓글 더 보기
새 댓글 확인하기

번호 카테고리 제목 날짜 조회
이벤트 공지 [🎬영화이벤트] 목적지가 다른 승객이 탑승했다 하정우×여진구 영화 <하이재킹> 무대인사 시사회 이벤트 201 06.07 22,417
공지 공지접기 기능 개선안내 [📢4월 1일 부로 공지 접힘 기능의 공지 읽음 여부 저장방식이 변경되어서 새로 읽어줘야 접힙니다.📢] 23.11.01 4,211,333
공지 비밀번호 초기화 관련 안내 23.06.25 4,934,272
공지 ◤더쿠 이용 규칙◢ 20.04.29 21,390,900
공지 성별관련 공지 (언급금지단어 필수!! 확인) 16.05.21 22,591,430
모든 공지 확인하기()
121 팁(TIP) 팁 두번째 22 04.29 1,586
120 팁(TIP) 팁 첫번째 30 04.29 1,770
119 팁(TIP) 팁이라고 해도 되나 싶지만...👀 게시글 내에서 스크롤 이동 시켜주는 a id 활용하는 법! 8 01.02 1,704
118 팁(TIP) 티스토리 검수화면 조금이라도 빨리 끝내는 방법 7 23.12.01 1,906
117 팁(TIP) 다 알고있겠지만 그냥 일러->포토샵 화질 손상없이 저장하는법 3 23.10.19 2,427
116 팁(TIP) 떡밥정리용 썸네일 들어간 정리글 만들기 html 가이드 21 23.08.29 3,432
115 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성(backgruound-image)&캘린더양식 -2편- 15 23.08.27 2,748
114 팁(TIP) ffmpeg가 귀찮은 맥덕들 위한 [ffmpeg명령어 자동생성 및 실행 app] ft.나덬제작 9 23.08.12 2,537
113 팁(TIP) 야너두 할 수 있어, 완전 초심자도 쉽게 할 수 있는 스케줄용 가이드용 HTML 표 꾸미기 -입문편- 23 23.07.29 3,213
112 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성 (radius) -1편- 24 23.07.27 2,734
111 팁(TIP) 팁이랄것도 없는 ㅌㅇㅌ 새계정만들고 서치누락 피해가기 23 23.07.11 17,723
110 팁(TIP) 노답필터 제거하는 색상일치 기능 TIP (바꿔서 끌올) 31 23.06.25 4,434
109 팁(TIP) 공모전 참가 준비중인데 표절 확인할수 있는 방법이 있어? 2 23.05.17 2,803
108 팁(TIP) 틱톡 라이브 저장하기 3 23.02.05 8,371
107 팁(TIP) 사람들이 티스토리로 들어와서 한번에 저장할 때 새창으로 열어 원본으로 저장하는 방법 7 23.02.01 4,676
106 팁(TIP) 티톨 썸네일 선명하게 처음부터 끝까지 재생시키기 12 23.01.31 5,698
105 팁(TIP) 리사이징할때 투명선 안만드는방법 4 22.12.02 6,295
104 팁(TIP) 맥 m1 디노이즈 설치 9 22.10.03 10,197
103 팁(TIP) 부드러운 움짤 만들기 70 22.09.25 16,760
102 팁(TIP) 짤찌면서 별거아닌 정말 사소한 팁 50 22.09.23 11,862