디시인사이드 갤러리

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

갤러리 본문 영역

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

매튜돌갤로그로 이동합니다. 2024.06.01 00:05:02
조회 21763 추천 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/10/21 - -
261867
썸네일
[이갤] LA폭동 당시 한인타운을 지키던 사람들..gif
[461]
leeloo갤로그로 이동합니다. 09.03 30433 448
261864
썸네일
[싱갤] 싱글벙글 깨달음을 얻은 부처의 종류
[426]
ㅇㅇ(119.205) 09.03 45359 246
261862
썸네일
[판갤] 현재 논란으로 불타고 있는 신작 게임
[602]
판갤러(194.99) 09.03 42398 102
261861
썸네일
[카연] 여자아이 봉득칠.manhwa
[161]
냐앜갤로그로 이동합니다. 09.03 24468 326
261859
썸네일
[코갤] 민주당 금투세 패키지 발표 후 코스닥 반응...jpg
[686]
2차전지화이팅갤로그로 이동합니다. 09.03 32510 645
261858
썸네일
[야갤] SBS 김보미 기자의 개꼼수와 헛발질
[172]
ㅇㅇ(49.50) 09.03 28774 634
261856
썸네일
[싱갤] 싱글벙글 일본 반도체산업의 몰락 과정과 결과.jpg
[435]
ㅇㅇ(112.147) 09.03 26999 134
261855
썸네일
[새갤] 텔레그램, 고개 숙였다…성착취물 삭제하고 사과
[415]
ㅇㅇ갤로그로 이동합니다. 09.03 38566 166
261854
썸네일
[기갤] 배우 한소희의 가정사가 공개된 배경.jpg
[249]
긷갤러(194.99) 09.03 37704 190
261852
썸네일
[엔갤] 덱스가 경기에 임하는 자세
[251]
ㅇㅇ(223.39) 09.03 27991 152
261849
썸네일
[유갤] 더본코리아 반려견이 특정 차장님만 싫어하는 이유
[92]
ㅇㅇ(96.47) 09.03 23624 58
261848
썸네일
[판갤] 메이플 개화 해석.jpg(조금 김)
[322]
alembic갤로그로 이동합니다. 09.03 31914 248
261846
썸네일
[일갤] 스압) 이때까지 찍은 포켓몬 맨홀들
[91]
어나니머스갤로그로 이동합니다. 09.03 15510 73
261844
썸네일
[야갤] 4년만에 공개된 카카오톡 신규 캐릭터 근황.JPG
[271]
야갤러(211.234) 09.03 41864 135
261843
썸네일
[기갤] 백종원의 골목식당에 나왔던 가게중 현재 가장 성공한 곳
[338]
ㅇㅇ(106.101) 09.03 35626 137
261841
썸네일
[싱갤] 싱글벙글 김홍도 화백 그림과 실제 풍경
[238]
수인갤러리갤로그로 이동합니다. 09.03 21456 89
261840
썸네일
[새갤] 조국 부산대 방문... 에타 반응.jpg
[319]
ㅇㅇ갤로그로 이동합니다. 09.03 38198 454
261838
썸네일
[대갤] 방 온도가 마음에 안 든다고 여자친구를 때려죽인 스시남
[222]
난징대파티갤로그로 이동합니다. 09.03 27812 166
261837
썸네일
[싱갤] 암울암울 외국에서 게임(게이머) 사회인식...JPG
[460]
ㅇㅇ(121.176) 09.03 38226 177
261834
썸네일
[카연] 해달과 함께 조개 깨는.manhwa
[57]
이지킁갤로그로 이동합니다. 09.03 14487 114
261832
썸네일
[싱갤] 싱글벙글 이집트 신상 유적지.JPG
[195]
ㅇㅇ(59.23) 09.03 27010 98
261831
썸네일
[기갤] '물어보살' 父에 앞길 막힌 가수는 김수찬‥패륜아·빚투 피해
[108]
긷갤러(45.12) 09.03 22567 84
261829
썸네일
[코갤] ‘상습 마약’ 유아인 징역 1년 선고
[333]
ㅇㅇ갤로그로 이동합니다. 09.03 23294 122
261828
썸네일
[야갤] 토트넘 아스날 북런던더비에 간 중국녀 ㅋㅋ
[155]
ㅇㅇ갤로그로 이동합니다. 09.03 24792 85
261826
썸네일
[싱갤] 인류 역사상 가장 고통스럽게 죽은 사람을 알아보자
[505]
ㅇㅇ갤로그로 이동합니다. 09.03 60238 504
261825
썸네일
[부갤] 젊은 대만인들 사이에서 중국관련 유행하는 것
[437]
부갤러(14.37) 09.03 48571 342
261823
썸네일
[기갤] 우씨황후가 역사상 가장 진취적인 여성으로 불리게 된 이유
[252]
ㅇㅇ(106.101) 09.03 18463 21
261822
썸네일
[싱갤] 싱글벙글 좌파와 우파 개념의 시작
[427]
ㅇㅇ갤로그로 이동합니다. 09.03 31941 171
261820
썸네일
[이갤] 안창호, 저서에도 '1948년 건국' 표기... 뉴라이트 역사관 논란
[489]
고맙슘봐갤로그로 이동합니다. 09.03 16563 66
261819
썸네일
[중갤] 헬다이버스2 근황...JPG
[269]
레플리갤로그로 이동합니다. 09.03 30447 294
261817
썸네일
[디갤] 사진 재탕 TMI 아무말 어쩌구 11
[21]
doer갤로그로 이동합니다. 09.03 4249 9
261815
썸네일
[자갤] 남아공 현대의 위엄.jpg
[183]
ㅇㅇ(185.80) 09.03 29003 103
261814
썸네일
[대갤] 中, 韓에는 훈련 통보하고 日에는 무통보 영공 침입... 이유는?
[622]
난징대파티갤로그로 이동합니다. 09.03 24234 302
261812
썸네일
[싱갤] 싱글벙글 현재 갑론을박중인 '지역별 비례선발제'
[300]
ㅇㅇ(14.52) 09.03 19478 72
261811
썸네일
[카연] 탄바, 대지에 서다
[79]
염승렬갤로그로 이동합니다. 09.03 9648 115
261810
썸네일
[남갤] 록시땅 관계자 연예인 몰카 사진 sns에 올려..
[220]
띤갤러(146.70) 09.03 30969 158
261808
썸네일
[이갤] [단독]101년 전 관동대학살을 기록한 일본인 병사 일기
[282]
고맙슘봐갤로그로 이동합니다. 09.03 15249 165
261807
썸네일
[싱갤] 원작자 사망한 드래곤볼 슈퍼의 근황.jpg
[494]
무스탕갤로그로 이동합니다. 09.03 39603 263
261806
썸네일
[이갤] 선수촌 직원이 자기를 못알아봤다는 전훈영
[159]
ㅇㅇ(89.33) 09.03 25932 19
261803
썸네일
[야갤] 중위소득은 접근하기 더 어려워져, 고강도 옥죄기에 3040 발동동.jpg
[253]
ㅇㅇ갤로그로 이동합니다. 09.03 22600 80
261802
썸네일
[이갤] "'저출생' 용어 왜 써?"…시청자 항의에 사과한 과학 유튜버
[858]
고맙슘봐갤로그로 이동합니다. 09.03 35864 363
261800
썸네일
[싱갤] 싱글벙글 서로 자기 강아지 맞다고 싸우다가 법정까지 감.gif
[191]
수인갤러리갤로그로 이동합니다. 09.03 23194 209
261799
썸네일
[야갤] 반일때문에 혐한이 생겼다는 할머니.jpg
[776]
ㅇㅇ(106.101) 09.03 28015 327
261798
썸네일
[일갤] (스압)후쿠오카 3박4일 여행기
[26]
인유무고사9갤로그로 이동합니다. 09.03 9856 25
261796
썸네일
[싱갤] 한여름에 폭설인줄 알았더니
[141]
ㅇㅇ(14.58) 09.03 23607 137
261795
썸네일
[주갤] 한일부부 유튜브채널 상주하는 노괴 근황
[433]
ㅇㅇ(211.234) 09.03 53245 1399
261794
썸네일
[야갤] 욱일기 티셔츠 입고 유적지에.. 외국인 관광객 "상관마".jpg
[486]
ㅇㅇ갤로그로 이동합니다. 09.03 26359 75
261792
썸네일
[국갤] 베트남 국결 취재하다 개빡친 PD .jpg
[383]
스다갤로그로 이동합니다. 09.03 37793 331
261791
썸네일
[싱갤] [의문의문] 발가락 실종 사건..jpg
[507]
사랑해요바이올렛갤로그로 이동합니다. 09.03 26957 225
261788
썸네일
[중갤] [단독]아주대병원 응급실 매주 목요일 운영 제한…심정지 환자만 수용
[572]
ㅇㅇ갤로그로 이동합니다. 09.03 16597 205
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2