디시인사이드 갤러리

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

갤러리 본문 영역

[THANKS, LIGHT.] 개발일지 - 버튼에 대한 고찰

Lighter갤로그로 이동합니다. 2024.11.02 07:30:02
조회 6318 추천 31 댓글 17

하이

땡라입니다.


저희 겜 특징 중 하나는, '3D 도형의 회전에 따른 다양한 2D 단면'을 생각하는 것에 있습니다.

ssg[밧핫] 도형끼우기큐브 도형놀이 장난감 인지능력 소근육 학습

다들 이런 장난감 함 봤지요?


이걸 발전시켜서 퍼즐로 풀게하는 그런 겜입니다.




더 자세히 알고 싶으시면 아래 트레일러 영상을 간단히 보심 되겠습니다.








오늘은 버튼에 대한 고찰을 적어보도록 하겠습니다.




a1452bad0712b45e953434759d03c0b031053e14ff6adce1037e142ee9de7fc01ffc87d2


이게 아마 작년 봄 즈음에 찍었두었던 영상일겁니다.


원래는 저희 퍼즐 특징인 '도형의 회전에 따른 다양한 단면'을 최대한 살리려고자


저렇게 저희만의 버튼 시스템을 만들었습니다.


"3D 도형을 버튼에 맞는 단면이 되게 회전시키고 - 단면화를 시켜 버튼을 채워넣는다."의 느낌.





문제는..


1. 저게 3챕터나 되어서 나왔다. : 1, 2챕터에서는 물리성질만 이용한 퍼즐만 있었음. 그래서 우리의 특징을 초반에 보여주기 힘들었다.

2. 채워넣는 과정이 너무 복잡하다: 도형을 들고 - 회전모드 진입 - 회전 - 회전모드 풀고 - 든 상태에서 2D 라이트(흡수) - 단면화 - 채워넣어짐

24ec847fbc826eff39e887e058db343ada1254999dd7ff64696d11

딱봐도 겁나 복잡하고 문제가 많았음..


특히나 2번은 너무 복잡하고 직관적이지 못해서 플레이하는 사람들 하나하나 다 잡고 설명을 해줘야 했슴다.






뭐 이건 처음부터 다시 키워야 하나... - 나무위키

그래서, 작년 여름부터 퍼즐 전체를 뜯어고치기 시작하고,


1. 기하학적인 퍼즐을 처음부터 즐길 수 있다.

2. 복잡하지 않고 직관적이다.


를 만족한 버튼 또한 개발하고자 하였습니다.




a1452bad0712b3748a323c6958d62d3bdfa29080591debc65abf665cb0


그래서 나온 것이, 정말 저 유아용 장난감처럼,


누구나 해봤음직한, 구멍 채워넣기...


이렇게 하면


1. 누구나 쉽게 목적을 이해할 수 있다. 직관적이다. (채워넣는 다는 것은 인간의 본성인가?)
2. 굳이 2챕터에 나오는 '빛 흡수(2D화)'를 배우지 않고도 1챕터에서 바로 기하학적 사고 퍼즐을 할 수 있다.


의 장점이 있었습니다.





개발 짤 30, 옛날 게임 개발자와 요즘 게임 개발자의 차이

하지만 이 역시 문제가 있었으니...


1. 너무나 유아틱해서 게임이 짜쳐보인다.

2. (복잡한 모양일 때에는) 모양이 제대로 맞춰졌는지 알 수가 없다.

3. (2번 때문에) 막 아무렇게나 비비다가, 막 아무렇게나 돌리다가 어찌어찌 들어가는 경험이 많아진다.

4. 적녹 색약에게는 버튼의 색깔이 구분이 가지 않는다...!


였습니다.

4번은 정말 생각하지도 못한 문제였는데, 여러분들도 접근성적인 측면에서 게임을 고려해보는 것은 매우 좋을 듯 싶습니다.



그래서...



1ebec223e0dc0bae61ab86e54282777376f245d4de08686fa9ecc10a66089a2d

이런식의 블랙홀? 느낌이 나는 단면 버튼으로 다시 돌리게 되었습니다.


다만,


1. 굳이 2D화를 시키지 않아도 '맞는 모양'이면 알아서 빨아들인다.

2. '맞는 모양'이면 빨아들이고 싶다(?)의 이펙트가 확실하게 나오게끔 한다.

3. '집어넣는다'의 상호작용이 유저 주도로 이루어진다(이제는 물체를 놓아줄 때에만 들어감)




1fb2c427f1db37a820b8dfb336ef203ef5bec5a552073f1d9733


그래서 이렇게 바뀌게 되었습니다.


색이 아닌, 실시간으로, 파티클과 이미시브를 통해서 '맞다'는 판정을 잘 알 수 있게 해주었습니다.

맞춰지면 물체가 쏙 빨려들어가고,

비워진 부분이 채워지지요(원래 벽 머터리얼로)  << 이걸 가지고 새로운 스테이지도 만들 수 있겠다고 생각했습니다.





a04424ad2c06782ab47e5a67ee91766dc28ff1edd3acc7c1bf10dbc25cd3d021196bc3965d628629a4d6bd2427d62e



예...


버튼의 개발기는 저희에겐 매우 중요하고 엄청나게 머리를 싸매며 겨우겨우 고쳐나온 것이지만


막상 이렇게 써보니까 별것 아니네요 허허


게임 개발이 항상 그런 것 같습니다. 당연한 것을 넣기 위해 먼 곳부터 빙빙 돌아오는 과정들..


물론 저 버튼도 개선이 필요하겠지요!





74ef801eb18168e63cede99133fc0b73482c86a372414786305ab748c6da26


곧 스팀 데모 출시 예정인데, 거기서 즐겨주심 감사하겠습니다!


그럼 안녕~



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

추천 비추천

31

고정닉 12

8

댓글 영역

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

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 가수에서 배우로 전향 했지만 기대에 못 미치는 스타는? 운영자 25/02/24 - -
301339
썸네일
[피갤] [요리] 논문 초록: 초밥 피크민의 유인 방법과 취식법
[62]
별모양라떼갤로그로 이동합니다. 01.31 7451 127
301336
썸네일
[잡갤] 의외로 기독교 덕분에 존재하는 사고방식
[537]
묘냥이갤로그로 이동합니다. 01.31 25473 289
301333
썸네일
[싱갤] 싱글벙글 봉미선이 신형만을 처음 때린날
[144]
ㅇㅇ갤로그로 이동합니다. 01.31 20780 113
301331
썸네일
[국갤] 동남아 중매혼 글들을 읽어보는데 괴리감이 드는 단어들
[455]
아니마델마르텔로갤로그로 이동합니다. 01.31 22369 130
301329
썸네일
[일갤] 202501 히로시마 - 마쓰야마 4박 5일 여행기 (1)
[27]
ㅇㅇ갤로그로 이동합니다. 01.31 5915 21
301328
썸네일
[미갤] 새로운 금리 시대 [Yahoo Finance]
[41]
트롬프24갤로그로 이동합니다. 01.31 14515 50
301326
썸네일
[디갤] 니지모리 스튜디오
[46]
필린이갤로그로 이동합니다. 01.31 6210 26
301324
썸네일
[싱갤] 싱글벙글 주인없는 가게에 혼자 방치 되었었던 댕댕이 복실이.jpg
[101]
수인갤러리갤로그로 이동합니다. 01.31 18377 84
301323
썸네일
[러갤] 미국정치인이 중국 무시하고 대만 방문하게 된 이유
[188]
러갤러(221.167) 01.31 28527 258
301321
썸네일
[싱갤] 싱글벙글 영화 반지의 제왕 이모저모 모음촌
[213]
ㅇㅇ갤로그로 이동합니다. 01.31 16872 103
301319
썸네일
[블갤] 아방가르드군 눈사람 만들었습니다
[79]
크레이프갤로그로 이동합니다. 01.31 12716 93
301316
썸네일
[싱갤] 싱글벙글 역대급 조작으로 판명된 치매 치료 이론
[347]
ㅇㅇ갤로그로 이동합니다. 01.31 60341 415
301314
썸네일
[군갤] 의외로 냉전기에 조선업으로 알아주던 나라의 잠수함
[49]
ㅇㅇ갤로그로 이동합니다. 01.31 35415 66
301312
썸네일
[러갤] 미국 씽크탱크가 한국의 군사력을 높게 평가한 이유
[488]
배터리형갤로그로 이동합니다. 01.31 30817 192
301311
썸네일
[한갤] 이 여자아이돌 대체 뭐라는거니? ㅋㅋㅋ
[307]
밑덩이갤로그로 이동합니다. 01.31 60084 238
301309
썸네일
[지갤] 지하아이돌씹덕 에필로그: 신게키 해산공연
[106]
ㅇㅇ갤로그로 이동합니다. 01.31 16855 61
301307
썸네일
[디갤] 본가 다녀옴 (14장)
[30]
doer갤로그로 이동합니다. 01.31 12792 24
301306
썸네일
[싱갤] 싱벙 인류를 사랑했던 사람들
[223]
다이쥬센세갤로그로 이동합니다. 01.31 36370 276
301304
썸네일
[카연] 마왕군 사천왕 예견의 퓨쳐뷰어 2부 23화
[41]
위마갤로그로 이동합니다. 01.31 10395 58
301302
썸네일
[싱갤] 싱글벙글 올리버쌤이 말하는 미국인들이 살찌는 이유
[678]
ㅇㅇ갤로그로 이동합니다. 01.31 54889 269
301301
썸네일
[군갤] 우크라이나는 러 석유산업을 완전히 파괴하려 한다
[441]
ㅇㅇ갤로그로 이동합니다. 01.31 26597 139
301299
썸네일
[싱갤] 싱글벙글 요즈음 초딩 근황
[309]
ㅇㅇ(121.130) 01.31 55818 156
301295
썸네일
[메갤] 충격적인 일본 메이드카페 근황
[367]
ㅇㅇ(125.191) 01.30 49009 185
301293
썸네일
[워갤] 싱글벙글 한국만화속 해군식 CQB
[101]
ㅇㅇ갤로그로 이동합니다. 01.30 21387 95
301291
썸네일
[디갤] OM-1 + 300MM PRO 새사진
[36]
Spike93갤로그로 이동합니다. 01.30 5838 23
301289
썸네일
[싱갤] 싱글벙글 북한 지하자원이 환상인 이유
[559]
OO갤로그로 이동합니다. 01.30 49051 698
301287
썸네일
[카갤] 안뇽 렌트카 직원 붕이야!!
[80]
카갤러(121.125) 01.30 18432 42
301285
썸네일
[야갤] [인터뷰] "아이들은 왜 극우 유튜버에 빠졌나...'혐오' 정서 깔고 영
[1214]
ㅇㅇ(112.185) 01.30 34293 94
301283
썸네일
[싱갤] 자기 작품의 팬들과 찐한 약속을 한 일본인..jpg
[323]
ㅇㅇ맨갤로그로 이동합니다. 01.30 42284 621
301281
썸네일
[카연] 편의점 알바생이 괴물한테 찍히는 만화
[79]
gomi갤로그로 이동합니다. 01.30 16908 117
301279
썸네일
[미갤] 정신차린 여성시대 핫글 보소ㅋㅋ 시간이 약임
[582]
ㅇㅇ(114.111) 01.30 46635 421
301278
썸네일
[싱갤] 현재 피해자진술 없이 유죄를 받아냈다는 사건
[397]
ㅇㅇ갤로그로 이동합니다. 01.30 37870 114
301274
썸네일
[잡갤] 동덕여대 에타 : 폭동인 것 -흉상에 뿅망치질하기
[207]
휴민트솜솜이갤로그로 이동합니다. 01.30 23977 149
301273
썸네일
[특갤] OpenAI 개발자 맥이는 딥식 개발자
[419]
ㅇㅇ(112.187) 01.30 35707 162
301271
썸네일
[싱갤] 싱글벙글 과 후배랑 썸타는.manhwa
[77]
ㅇㅇ갤로그로 이동합니다. 01.30 31049 133
301269
썸네일
[편갤] 점장 시발련이랑 카톡으로 다이깠다 ㅋㅋㅅㅂ
[927]
ㅇㅇ(223.38) 01.30 57933 1246
301268
썸네일
[싱갤] 인간에게서 짝을 찾지 못하고 이상성욕이 발동한 히어로
[260]
ㅇㅇ갤로그로 이동합니다. 01.30 50245 314
301266
썸네일
[국갤] 속보) 최상목 개소리 입갤 ㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ
[352]
ㅇㅇ(183.105) 01.30 42308 559
301264
썸네일
[유갤] 이동욱한테 주머니서 손 빼라는 유재석
[286]
ㅇㅇ(175.119) 01.30 31731 54
301262
썸네일
[잡갤] 통일 이후 나락간 독일 경제가 부흥한 이유
[356]
묘냥이갤로그로 이동합니다. 01.30 25271 142
301260
썸네일
[싱갤] 싱글벙글 수요미식회가 망쳐놓은 것
[269]
레이퀀스뱅큐어갤로그로 이동합니다. 01.30 42635 374
301258
썸네일
[디갤] 12/30~1/16 유럽여행 총결산
[30]
니콘3세대갤로그로 이동합니다. 01.30 5878 21
301256
썸네일
[카연] 서울행방불명 7화
[20]
해성*갤로그로 이동합니다. 01.30 8860 18
301252
썸네일
[공갤] 공군 군사경찰 막내일 하는.manhwa
[119]
화전민갤로그로 이동합니다. 01.30 20121 88
301250
썸네일
[주갤] 20대 여자는 딸기고 30대 여자는 토마토다
[431]
냠냠꾼(141.148) 01.30 45688 943
301248
썸네일
[싱갤] 철권의 문화 " 데스매치 "
[307]
야옹이갤로그로 이동합니다. 01.30 27707 136
301246
썸네일
[국갤] [속보]윤상현, 문형배. 이미선. 정계선 재판관은 윤석열 대통령 탄핵심판
[248]
ㅇㅇ(183.105) 01.30 26231 611
301244
썸네일
[위갤] 겨울 스코틀랜드 뚜벅이 여행기 16. 글렌스코시아, 카덴헤드
[26]
Tulbae갤로그로 이동합니다. 01.30 5630 21
301242
썸네일
[나갤] 24순자 채식 강요 안한다는 거 무조건 거짓말이다.
[342]
나갤러(211.234) 01.30 30178 314
301238
썸네일
[싱갤] 싱글벙글 ㅅㅅ하지 않으면 못나가는 방.manwha
[124]
라멘맨갤로그로 이동합니다. 01.30 55966 376
뉴스 박보영·최우식, 해외 길거리서 포착…손잡고, 마주 보고 ‘멜로 케미’ 과시 디시트렌드 03.01
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2