메뉴 건너뛰기

팁(TIP) 수박 게임 만드는 법
16,982 38
2021.02.06 01:52
16,982 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
댓글 더 보기
새 댓글 확인하기

번호 카테고리 제목 날짜 조회
이벤트 공지 [💙리디 맠다💙] 1년에 단 한 번! 웹툰 만화 웹소설 최대 90% 할인 리디 맠다 이벤트 122 12.05 56,818
공지 [공지] 언금 공지 해제 24.12.06 4,243,056
공지 📢📢【매우중요】 비밀번호❗❗❗❗ 변경❗❗❗ 권장 (현재 팝업 알림중) 24.04.09 10,883,092
공지 공지가 길다면 한번씩 눌러서 읽어주시면 됩니다. 23.11.01 12,291,978
공지 ◤더쿠 이용 규칙◢ [스퀘어 정치글은 정치 카테고리에] 20.04.29 34,221,343
모든 공지 확인하기()
117 팁(TIP) 엔터 영상이나 자막디자인에 관심있는 덬들 3 09.24 1,060
116 팁(TIP) 디자인 실무 강의 같은거 듣고 싶은데 3 05.06 2,054
115 팁(TIP) ㅇㅂㅅ 라이브 저장하기 13 03.23 3,132
114 팁(TIP) html 실시간 편집기 사이트 10 24.11.11 4,486
113 팁(TIP) 팁 두번째 27 24.04.29 9,296
112 팁(TIP) 팁 첫번째 45 24.04.29 13,643
111 팁(TIP) 팁이라고 해도 되나 싶지만...👀 게시글 내에서 스크롤 이동 시켜주는 a id 활용하는 법! 11 24.01.02 6,465
110 팁(TIP) 티스토리 검수화면 조금이라도 빨리 끝내는 방법 7 23.12.01 6,023
109 팁(TIP) 다 알고있겠지만 그냥 일러->포토샵 화질 손상없이 저장하는법 3 23.10.19 7,584
108 팁(TIP) 떡밥정리용 썸네일 들어간 정리글 만들기 html 가이드 29 23.08.29 9,071
107 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성(backgruound-image)&캘린더양식 -2편- 19 23.08.27 7,946
106 팁(TIP) ffmpeg가 귀찮은 맥덕들 위한 [ffmpeg명령어 자동생성 및 실행 app] ft.나덬제작 9 23.08.12 7,344
105 팁(TIP) 야너두 할 수 있어, 완전 초심자도 쉽게 할 수 있는 스케줄용 가이드용 HTML 표 꾸미기 -입문편- 28 23.07.29 8,875
104 팁(TIP) 바뀐 에디터로 적용해보는 스케줄, 가이드에 넣을 표를 예쁘게 꾸며주는 html 속성 (radius) -1편- 29 23.07.27 7,678
103 팁(TIP) 공모전 참가 준비중인데 표절 확인할수 있는 방법이 있어? 2 23.05.17 6,925
102 팁(TIP) 틱톡 라이브 저장하기 3 23.02.05 16,853
101 팁(TIP) 사람들이 티스토리로 들어와서 한번에 저장할 때 새창으로 열어 원본으로 저장하는 방법 7 23.02.01 9,076
100 팁(TIP) 티톨 썸네일 선명하게 처음부터 끝까지 재생시키기 12 23.01.31 10,620
99 팁(TIP) 리사이징할때 투명선 안만드는방법 4 22.12.02 10,293
98 팁(TIP) 맥 m1 디노이즈 설치 11 22.10.03 16,303