디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

겜메로 18시간만에 뱀서 만들기

매튜돌갤로그로 이동합니다. 2024.06.01 00:05:02
조회 21451 추천 84 댓글 79

제가 예전부터 게임메이커가 생산성이 높고 프로토타이핑이 빠르다는 말을 많이 해왔는데, 그것 때문인지 이전에는 갤에서 언급도 없던 것에 비해 최근 겜메에 대한 관심이 많아진 것 같아서 어느정도로 빠르고 생산적인지 적어보려고 합니다.


https://drive.google.com/drive/folders/16SFo1QvBnIKzX3MB8_pv-OZeGHj2SD2b?usp=sharing

 


일단 제가 뱀서를 만드는 과정을 촬영한 영상 모음입니다. 중간중간 자거나 밥 먹는 시간은 촬영하지 않았기 때문에 여러 영상이 있습니다.

대충이라도 보시면 알겠지만 제가 타자도 느리고 오타도 많이 내는 편입니다. 중간에 멍때리는 시간도 많고요. 기를 쓰고 만든게 아니라 평범한 속도로 코딩했다는 뜻입니다.


게임을 만드는 과정을 보면서 설명하겠습니다.


7cf3c028e2f206a26d81f6e4448973648584


프로젝트 생성


7ff3c028e2f206a26d81f6e14581746ee7


일단 게임에 필요한 텍스트 렌더링, 라이브 코딩, 그외 잡다한 라이브러리를 임포트 해줬습니다.


7ef3c028e2f206a26d81f6e445807069cc


두번째로 한 일은 폰트를 만들기


79f3c028e2f206a26d81f6e745867d6506


좀 전에 생성한 폰트를 렌더링 라이브러리의 기본 폰트로 설정해줍니다.

거기에 유용한 매크로들도 몇개 선언해줍니다.


78f3c028e2f206a26d81f6e0438874


다음으로는 플레이어와 적의 베타아트를 그렸습니다.

일단 이 이미지로 초기 구현을 할겁니다.


7bf3c028e2f206a26d81f6e14283726feb


게임에 돌려쓸 UI를 고르는 중입니다.

개발 과정 중에 어떤 에셋을 쓸지 고민하는 시간이 상당히 길었던 것 같습니다.


7af3c028e2f206a26d81f6e44687736ce8


무난해보이는 네모를 임포트 해주고


75f3c028e2f206a26d81f6e74588706f


다음으로는 오브젝트들의 계층 구조를 짜줍니다.

엔티티-크리처-플레이어 및 적 순으로 상속관계를 만들었습니다.


74f3c028e2f206a26d81f6e44588766482


플레이어의 이동코드를 간단하게 짜줍니다


7ced9e36ebd518986abce8954784756f39dd


다음으로 적의 플레이어 추적 코드도 적어줍니다.


7cec9e36ebd518986abce895478674699ae1


그리고 모든 크리처에 적용할 간단한 충돌 알고리즘도 짜줍니다.


7cef9e36ebd518986abce8954781766b3959


마지막으로 게임 시작 버튼도 적당히 하나 만들어주면


7cee9e36ebd518986abce8954481766f32


이동, 충돌, 추적 기능이 제대로 작동하는 것을 확인할 수 있습니다!


7ce99e36ebd518986abce8954580726e92


다음으로는 플레이어의 스테이터스를 작성할겁니다.

체력, 최대체력, 경험치 등의 초기값을 적고, 경험치 최대량은 식(함수)로 작성할겁니다.


7ce8efaa100f78f53e34005158c12a3ae30e94a3609f21c88c6ea8cc


내가 넣을 식이 어떤 커브를 가지는지 desmos로 확인해줍니다.

여기까지 약 30분이 흘렀습니다.


7ceb9e36ebd518986abce89543877d6b5e


나머지 플레이어 스테이터스 값들도 마저 적어줍니다.


7cea9e36ebd518986abce8954587756a8a09


이제 스킬(공격 아이템)을 만들겁니다.

적당한 이미지를 골라줍니다.


viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73ce980fa11d028318bcc964a2550adfe9a320d1574eedb964ce69095f6256c0ba7bf5bbbdee5ae2a098d3c0539d83631fc9096aaea795f84c838a5


모든 스킬들의 작동을 도맡을 시스템 오브젝트를 하나 만들었습니다.

스킬을 처음 획득했을 때 init 함수를 실행하는 코드와, 스킬 내용과 쿨타임이 정의된 함수들에 한해 일정시간마다 스킬을 작동시켜주는 코드를 짰습니다.


7ce49e36ebd518986abce8954784766a8893


스킬을 업그레이드하는 전역 함수를 하나 작성했습니다. 처음 얻은 스킬이면 해당 스킬에 정의된 init 함수를 실행하고, 이미 있는 스킬이면 업그레이드 함수를 실행시키는 내용입니다.


7fed9e36ebd518986abce8954189746b


레벨업시 스킬들이 랜덤으로 등장해야하므로, 정해진 기준과 가중치에 따라 랜덤으로 스킬을 뽑아주는 함수도 만들어줍니다.


7fec9e36ebd518986abce89542847668c9


플레이어의 체력바도 만들어주고,

플레이어가 기본으로 가지고있는 스킬이 잘 구현되었나 확인해봅니다.


7fef9e36ebd518986abce8954284756892


체력이 잘 닳고 이펙트도 잘 나오는걸 확인했습니다.

다만 하얀색 피격 이펙트는 잘 안 어울리는 것 같으니, 여러 색의 이펙트를 줄 수 있도록 피격 쉐이더를 하나 짜줍니다. 그리고 플레이어와 적에게 에셋 이미지를 적용시킵니다.


7feeefaa100f6a2a85435c65f29f343364f303eb75f6968946afb9fa15


피격 색깔이 잘 적용되는걸 확인할 수 있습니다.

여기까지 약 2시간이 더 흘렀습니다.


7fe99e36ebd518986abce8954786776fbe02


다음으로는 무한맵을 만들었습니다. 정해진 패턴이 계속 반복되도록 간단한 코드를 작성했습니다.


7fe89e36ebd518986abce89543817d6bdec5


이후에는 화염방사기, 시간 정지, 체력 회복 등의 아이템을 구현하였습니다.

모두 잘 작동하는 것을 확인합니다.


7febefaa100f6b2a85435c65f29f343324ad67bb83b1943c8856a19ab7


레벨업 이펙트를 구현했습니다.

성능에 무리가 갈 수 있으므로 파티클은 오브젝트가 아닌 파티클 시스템으로 구현해줍니다.

또 뱀파이어 서바이버와 같이 경험치 바가 무지개색으로 빛나도록 했습니다. 이를 위해 역시 간단한 쉐이더 코드를 작성해줬습니다.


7feaefaa100f692a85435c65f29f3433fe5abfe9c421363ea5c135c841


스킬의 업그레이드 텍스트 표시와 업그레이드를 구현했습니다. 텍스트가 잘 출력되는 것을 확인합니다.


7fe59e36ebd518986abce89547857264675b


플레이어에게 필요한 능력치가 가늠이 되니 이쯤에서 세이브/로드 함수를 만들어줍니다.

json을 통째로 저장하는 단순한 구조로 만들어 딱히 테스트 없이도 제대로 작동할 것을 예측할 수 있습니다.


7fe49e36ebd518986abce89543887668ebbd


더이상 등장할 스킬이 없을 경우 돈 획득, 체력 회복 선택지가 나오도록 만들어줬습니다.


7eed9e36ebd518986abce8954781706e71fa


적 생성 함수를 작성했습니다.


7eec9e36ebd518986abce8954487736c94


7eef9e36ebd518986abce89544867c6f74


보물상자와 화살표를 구현했습니다. 사진에는 없지만, 보물상자가 화면 밖에 있을 때 보물상자를 잘 가리켜줍니다.

화살표가 수십개 나올 것이 아니므로 수학적으로 위치를 계산하지 않고 레이캐스팅으로 간단하게 구현해줍니다.


7eee9e36ebd518986abce895458977657da0


보물상자 UI입니다.


7ee9efaa100f78f5e2542a3fc6356a2d642e8e40d3eae3ed1f3852c8e42b


뱀파이어 서바이버의 이펙트를 그대로 구현해줍니다. 당연히 3개, 5개가 나오는 경우도 모두 구현했습니다.

여기까지 3시간 정도가 더 흘렀습니다.


7ee8efaa100f6a2a85435c65f29f34337aa24fb3f954b9c3741aef81ea


다음으로는 스탯 구매 화면을 구현했습니다. 약 2시간이 걸렸습니다.


7eeb9e36ebd518986abce8954584746c4a82


다양한 적들을 추가해줍니다.

각 적마다 사망 모션도 일일히 지정해줍니다.


7eea9e36ebd518986abce8954388746d6bee


보스 몬스터는 픽셀오버를 이용해 빨간 외곽선을 넣어줍니다.


7ee59e36ebd518986abce8954789766bc3e2


적들을 만들었으니 이제 적의 등장 패턴을 만들어줍니다.


7ee49e36ebd518986abce8954781766b91da30


정의한 순서와 주기대로 적들이 잘 등장하는 것을 볼 수 있습니다.


79edefaa100f692a85435c65f28274b68f5636ffb4882a12c09ade8a10eb9a674f6a


스킬(아이템) UI를 좌측 상단에 구현해줬습니다. 1시간 30분이 더 흘렀습니다.


79ec9e36ebd518986abce895438672651565


아직 만들지 않은 나머지 스킬들에 알맞은 아이콘을 찾아줍니다.


79ef9e36ebd518986abce89543897d6b37


적절한 이미지들을 모두 찾았습니다.


79ee5cd33892692a85435c65f291766d4f1541debab993fa78c07132c129dbfc43b855


패시브 아이템들을 구현해줍니다. 투사체 속도/개수 등이 제대로 작동하는 것을 확인합니다.


79e99e36ebd518986abce89544837065d76e


다음으로는 스킬 진화를 구현했습니다.

특정 패시브 스킬이 있을 때 무기를 만렙 찍고 보물상자를 먹으면 자동으로 진화하도록 했습니다.


79e8efaa100f6cf6e56932fb06df231d3713029d21391c6d6845


성경 스킬의 진화 이미지입니다.


79eb9e36ebd518986abce89547807d64653981


도끼 스킬의 진화도 구현해줍니다.


79ea5cd33886682db85b98a518d604033e76d85f6c711f46d3


부메랑, 파이어완드, 마늘 등의 스킬을 모두 구현해줍니다.


79e59e36ebd518986abce8954088716a4669


성수 스킬입니다.

적절한 이미지를 못 찾아서 좀 징그럽습니다.


79e45cd33883b44d9235065158c12a3a7b07e9fd4899834f3c242743


성경과 비둘기, 비둘기 진화까지 구현했습니다.


여기까지 또 약 1시간이 걸렸습니다.


이것으로 뱀파이어 서바이버의 프로토타입을 완성하였습니다.


위 설명에는 없었지만, 사망 화면 및 클리어 화면도 모두 구현되었습니다.



보시면 알겠지만 게임메이커는 개발 속도가 정말 빠릅니다.


제가 빠르게 만드는게 아닙니다.


게임메이커가 빠른겁니다!


당신도 지금 당장 겜메단이 되십시오


긴 글 읽어주셔서 감사합니다.



출처: 인디 게임 개발 갤러리 [원본 보기]

추천 비추천

84

고정닉 24

15

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 가족과 완벽하게 손절해야 할 것 같은 스타는? 운영자 24/06/24 - -
238257
썸네일
[주갤] 여시) 썩어빠진 여군의 군인정신 feat 공동구매
[257]
주갤러(223.39) 06.10 33394 560
238256
썸네일
[이갤] 요즘 젊은 세대가 이기적인 이유
[1035]
당돌갤로그로 이동합니다. 06.10 43867 313
238254
썸네일
[싱갤] 국장 떡밥 나온 김에 분석하는 국장의 문제점
[361]
신진혁갤로그로 이동합니다. 06.10 20590 128
238253
썸네일
[루갤] [일본계류원정] 맨땅에 헤딩하는 가이드 없이 가는 일본 계류
[18]
림톤갤로그로 이동합니다. 06.10 6801 28
238252
썸네일
[이갤] AV배우씹덕 일본여행중 반나절의 덕질
[173]
ㅇㅇ갤로그로 이동합니다. 06.10 27896 124
238249
썸네일
[야갤] 아버지가 백정 출신이었다는 김병만이 학교를 지은 이유.jpg
[366]
ㅇㅇ갤로그로 이동합니다. 06.10 22136 187
238248
썸네일
[기갤] "목 조르고 추행" 이번엔 여성 택시기사 봉변.jpg
[231]
ㅇㅇ갤로그로 이동합니다. 06.10 15803 104
238246
썸네일
[이갤] 1,560% 사채 못 갚자 여자친구 팔겠다 협박 MZ조폭 징역 5년
[336]
ㅇㅇ갤로그로 이동합니다. 06.10 24429 134
238245
썸네일
[싱갤] 싱글벙글 크로아상에 치즈가 들어간거보고 당황한 알베르토.jpg
[333]
수인갤러리갤로그로 이동합니다. 06.10 20271 105
238242
썸네일
[기갤] 4년간 세금도 못 냈다는데, 자고 나면 계속되는 액트지오 의혹.jpg
[443]
ㅇㅇ갤로그로 이동합니다. 06.10 22412 147
238241
썸네일
[주갤] 성매매 여성들에게 성매매지원금에대해 물어보았다.jpg
[596]
주갤러(139.28) 06.10 26220 558
238240
썸네일
[야갤] 임창정 인스타...사과문 입갤 ㄹㅇ...jpg
[336]
Adidas갤로그로 이동합니다. 06.10 38033 294
238238
썸네일
[싱갤] 시미켄의 DDR 비법
[445]
우민희갤로그로 이동합니다. 06.10 46163 353
238237
썸네일
[자갤] 한문철 고속도로 빌런
[245]
차갤러(45.84) 06.10 20128 68
238236
썸네일
[야갤] "이정재, 기망적 방법 경영권 탈취" 래몽래인 대표의 반박.jpg
[152]
ㅇㅇ갤로그로 이동합니다. 06.10 15046 45
238234
썸네일
[기갤] 오늘자) 배우 하정우가 다작을 할 수 있는 원동력.jpg
[142]
ㅇㅇ갤로그로 이동합니다. 06.10 17341 45
238233
썸네일
[해갤] 이강인 740억 시장가치 한국인 1위
[448]
ㅇㅇ(223.39) 06.10 24250 444
238232
썸네일
[야갤] 33만원 장거리 택시, 70대 택시기사 '날벼락'.jpg
[276]
ㅇㅇ갤로그로 이동합니다. 06.10 20206 175
238230
썸네일
[싱갤] 싱글벙글 국결 부부 하루일과.png
[365]
개킹카갤로그로 이동합니다. 06.10 32794 354
238228
썸네일
[기갤] 충격.. 멘탈 터진 이재명 근황 ㄷㄷ.JPG
[1124]
ㅇㅇ갤로그로 이동합니다. 06.10 73343 1570
238226
썸네일
[주갤] 학력,직업 구라치다가 파혼한여친이 허위고소함.txt
[554]
ㅇㅇ(211.41) 06.10 34622 1035
238225
썸네일
[부갤] 훌쩍훌쩍 부산대 에타 국가장학금 기생충 비하ㄷㄷ
[588]
ㅇㅇ갤로그로 이동합니다. 06.10 19728 150
238224
썸네일
[기갤] 식당가서 "여기 소맥요" 대신, "ㅇㅇㅇ주세요" 낯선 풍경.jpg
[400]
ㅇㅇ갤로그로 이동합니다. 06.10 28759 47
238222
썸네일
[이갤] 김종민도 경악하게 만든 머리가 텅텅빈 연예인.jpg
[111]
ㅇㅇ갤로그로 이동합니다. 06.10 27699 144
238221
썸네일
[야갤] 밀양 성폭행 재판...판사 신상 확산 ㄹㅇ...jpg
[810]
Adidas갤로그로 이동합니다. 06.10 51555 998
238220
썸네일
[더갤] "남자로 사는 게 힘들어" 일본서 '약자 남성론' 다시 퍼지는
[695]
ㅇㅇ갤로그로 이동합니다. 06.10 29412 251
238218
썸네일
[대갤] 일본 보육교사, 2세 남자아이 참수하려다 실패... 충격에 빠진 유치원
[637]
난징대파티갤로그로 이동합니다. 06.10 29884 328
238217
썸네일
[일갤] (스압) 여행 마려워서 떠났던 즉흥 일본여행 1
[52]
돌멩이갤로그로 이동합니다. 06.10 9391 102
238216
썸네일
[싱갤] 싱글벙글 독점이 중요한 이유...jpg
[335]
ㅇㅇ(115.137) 06.10 31131 131
238213
썸네일
[이갤] 남편이 집에서 쫓겨난 이유.jpg
[254]
ㅇㅇ갤로그로 이동합니다. 06.10 29365 159
238212
썸네일
[기갤] "저 여자 참교육하게" 교감 뺨때린 초3, 자전거 훔치다 걸리자 한 말
[363]
긷갤러(211.234) 06.10 22038 108
238210
썸네일
[리갤] MSI BLG 다큐와 비교되는 LCK 다큐.....jpg
[272]
ㅇㅇ(115.92) 06.10 26659 960
238209
썸네일
[유갤] 밀양 성폭행 사건 올린 유튜버 추가 폭로
[234]
국민신문go(218.148) 06.10 27836 143
238208
썸네일
[대갤] 일본 초등학교의 수상한 건강검진... 팬티를 벗기고 하복부를 관찰한 의사
[451]
난징대파티갤로그로 이동합니다. 06.10 31079 500
238206
썸네일
[싱갤] 싱글벙글 모닝지구촌 0610
[56]
모닝지구촌갤로그로 이동합니다. 06.10 11873 69
238205
썸네일
[의갤] 의사들 협박 시작됬다 ㅋㅋㅋㅋㅋㅋ
[790]
사마리갤로그로 이동합니다. 06.10 29019 494
238204
썸네일
[두갤] 배현진 의원 페이스북 <두산 시구, 영광스러운 하루>
[324]
돡갤러(175.196) 06.10 14797 150
238202
썸네일
[야갤] 이와중에 가혹행위 훈련병 조롱하는 그성별 ㄹㅇ...jpg
[336]
슈화(착한대만인)갤로그로 이동합니다. 06.10 25593 546
238200
썸네일
[싱갤] 일본일본 재명촌 - 1
[106]
기시다_후미오갤로그로 이동합니다. 06.10 10758 62
238198
썸네일
[디갤] 1999년 세기말의 바다
[36]
늅늅뉴비갤로그로 이동합니다. 06.10 9880 20
238197
썸네일
[카연] 우주 카페 이모지 2화 - 시그니쳐 메뉴.manhwa
[17]
박창용갤로그로 이동합니다. 06.10 4792 23
238196
썸네일
[기음] [금주의 신상] 6월 2주차 신제품 먹거리 모음.jpg
[77]
dd(182.213) 06.10 12576 65
238194
썸네일
[기갤] 軍, 6년 만 대북 확성기 방송 "추가 방송 여부 北에 달려".jpg
[189]
ㅇㅇ갤로그로 이동합니다. 06.10 11161 70
238193
썸네일
[고갤] 마법의 주문
[66]
고붕이(210.179) 06.10 10205 90
238192
썸네일
[야갤] 어제자.... 카리나 시구........GIF
[546]
야떡이갤로그로 이동합니다. 06.10 47948 408
238191
썸네일
[싱갤] 진짜 광기 레전드
[335]
ㅇㅇ(106.102) 06.10 58267 609
238189
썸네일
[나갤] 최근 수소경제가 굉장히 어려운 이유
[306]
미주갤블룸버그갤로그로 이동합니다. 06.10 22305 301
238188
썸네일
[일갤] 내가 가려고 모은 작고 소중한 도쿄 여행지 20선 (2)
[33]
김파토갤로그로 이동합니다. 06.10 8994 24
238186
썸네일
[야갤] 새끼 반달곰 속속 느는데, '살 곳'은 비좁은 현실.jpg
[536]
ㅇㅇ갤로그로 이동합니다. 06.10 16165 126
238183
썸네일
[도갤] 여의도광장의 변천史
[97]
NY런던파리(59.16) 06.10 10839 64
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2