메뉴 건너뛰기

팁(TIP) 수박 게임 만드는 법
16,773 38
2021.02.06 01:52
16,773 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더쿠🩷] 탄력 & 수분 광채 채움💧 클리덤 탱글 립세럼 2종 체험단 이벤트 178 00:13 8,042
공지 ▀▄▀▄▀【필독】 비밀번호 변경 권장 공지 ▀▄▀▄▀ 04.09 3,829,198
공지 공지가 길다면 한번씩 눌러서 읽어주시면 됩니다. 23.11.01 7,638,222
공지 ◤더쿠 이용 규칙◢ [스퀘어/핫게 중계 공지 주의] 20.04.29 25,922,918
공지 ◤성별 관련 공지◢ [언금단어 사용 시 📢무📢통📢보📢차📢단📢] 16.05.21 27,298,556
모든 공지 확인하기()
119 팁(TIP) html 실시간 편집기 사이트 8 11.11 572
118 팁(TIP) 팁 두번째 24 04.29 4,458
117 팁(TIP) 팁 첫번째 38 04.29 5,518
116 팁(TIP) 팁이라고 해도 되나 싶지만...👀 게시글 내에서 스크롤 이동 시켜주는 a id 활용하는 법! 9 01.02 3,309
115 팁(TIP) 티스토리 검수화면 조금이라도 빨리 끝내는 방법 7 23.12.01 3,387
114 팁(TIP) 다 알고있겠지만 그냥 일러->포토샵 화질 손상없이 저장하는법 3 23.10.19 4,099
113 팁(TIP) 떡밥정리용 썸네일 들어간 정리글 만들기 html 가이드 23 23.08.29 5,162
112 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성(backgruound-image)&캘린더양식 -2편- 15 23.08.27 4,554
111 팁(TIP) ffmpeg가 귀찮은 맥덕들 위한 [ffmpeg명령어 자동생성 및 실행 app] ft.나덬제작 9 23.08.12 4,045
110 팁(TIP) 야너두 할 수 있어, 완전 초심자도 쉽게 할 수 있는 스케줄용 가이드용 HTML 표 꾸미기 -입문편- 24 23.07.29 5,099
109 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성 (radius) -1편- 27 23.07.27 4,357
108 팁(TIP) 노답필터 제거하는 색상일치 기능 TIP (바꿔서 끌올) 32 23.06.25 6,064
107 팁(TIP) 공모전 참가 준비중인데 표절 확인할수 있는 방법이 있어? 2 23.05.17 4,187
106 팁(TIP) 틱톡 라이브 저장하기 3 23.02.05 11,457
105 팁(TIP) 사람들이 티스토리로 들어와서 한번에 저장할 때 새창으로 열어 원본으로 저장하는 방법 7 23.02.01 6,111
104 팁(TIP) 티톨 썸네일 선명하게 처음부터 끝까지 재생시키기 12 23.01.31 7,130
103 팁(TIP) 리사이징할때 투명선 안만드는방법 4 22.12.02 7,907
102 팁(TIP) 맥 m1 디노이즈 설치 10 22.10.03 12,140
101 팁(TIP) 부드러운 움짤 만들기 73 22.09.25 19,171
100 팁(TIP) 짤찌면서 별거아닌 정말 사소한 팁 52 22.09.23 13,749