디시인사이드 갤러리

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

갤러리 본문 영역

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

Lighter갤로그로 이동합니다. 2024.11.02 07:30:02
조회 2885 추천 21 댓글 24

하이

땡라입니다.


저희 겜 특징 중 하나는, '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


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


그럼 안녕~



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

추천 비추천

21

고정닉 10

2

댓글 영역

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

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 지금 결혼하면 스타 하객 많이 올 것 같은 '인맥왕' 스타는? 운영자 24/10/28 - -
공지 실시간베스트 갤러리 이용 안내 [2388/2] 운영자 21.11.18 8349622 475
277445
썸네일
[위갤] 위증리) 야마자키 프레스티지 투어
[12]
더블월갤로그로 이동합니다. 09:30 355 4
277444
썸네일
[야갤] "엄마 좀 그만 때려!", 아버지 살해한 30대 아들.jpg
[84]
ㅇㅇ갤로그로 이동합니다. 09:20 1942 25
277442
썸네일
[싱갤] 싱글벙글 뮤지션들중 가장 부자인 남자
[44]
ㅇㅇ갤로그로 이동합니다. 09:10 21125 82
277440
썸네일
[디갤] (길다) 천안 라이트 in Arario 공모전 후기
[28]
2456778갤로그로 이동합니다. 09:00 1033 11
277437
썸네일
[로갤] 30대 아저씨가 림버스 하는 만화 - 14화 (3장)
[26]
라아쿤()갤로그로 이동합니다. 08:40 5867 63
277435
썸네일
[싱갤] 싱글벙글 기후변화에 획기적인 발견
[94]
ㅇㅇ갤로그로 이동합니다. 08:30 6666 18
277433
썸네일
[인갤] 래토피아 개발일지 #32 - 주술과 질병
[19]
카셀(221.142) 08:20 2160 19
277431
썸네일
[일갤] 다카마쓰 여행기 2일차 상편
[24]
브이알심붕이갤로그로 이동합니다. 08:10 2542 13
277429
썸네일
[싱갤] 싱글벙글 노(露)문학에서 인정받는 법
[118]
잏현갤로그로 이동합니다. 08:00 5828 22
277427
썸네일
[미갤] 한국 최초의 밀라노 유학생이자 1세대 패션 디자이너
[119]
감돌갤로그로 이동합니다. 07:50 6524 44
277425
썸네일
[카연] 깨달음이 가져온 시련.manhwa
[99]
한강수온관측사갤로그로 이동합니다. 07:40 5976 82
썸네일
[인갤] [THANKS, LIGHT.] 개발일지 - 버튼에 대한 고찰
[24]
Lighter갤로그로 이동합니다. 07:30 2885 21
277421
썸네일
[싱갤] 안싱글벙글 16살 2차세계대전 참전자의 최후
[123]
잏현갤로그로 이동합니다. 07:20 22025 111
277419
썸네일
[유갤] 자연발화 현상이 발생하던 어느 마을에서 10년만에 밝혀진 진상
[77]
ㅇㅇ(208.78) 07:10 7624 51
277415
썸네일
[싱갤] 싱글벙글 식객 제사상에 족발을 올린이유
[250]
싱벙갤로그로 이동합니다. 01:55 37644 212
277413
썸네일
[일갤] 고치 - 다카마츠 여행기 -3-
[30]
ㅇ세개갤로그로 이동합니다. 01:45 9544 17
277411
썸네일
[미갤] 이탈리아 남부의 200년 넘은 전통 가옥 트롤리
[59]
감돌갤로그로 이동합니다. 01:35 13494 26
277409
썸네일
[디갤] 할로윈이라 귀신 찍어옴ㅇㅇ...
[64]
2100km갤로그로 이동합니다. 01:25 17541 54
277407
썸네일
[건갤] 우주세기 유입이 많아지는 만화.manhwa
[113]
kain_y갤로그로 이동합니다. 01:15 18481 134
277405
썸네일
[싱갤] 씹덕씹덕 각종 애니 여자 캐릭터.gif
[559]
ㅇㅇ갤로그로 이동합니다. 01:05 47158 281
277403
썸네일
[유갤] 인류가 불을 발견하게 된 계기.jpg
[340]
ㅇㅇ(149.88) 00:55 27988 64
277401
썸네일
[무갤] 블라) 여자들 국결 반대하는거 맞음
[1060]
무갤러(211.184) 00:45 30186 405
277399
썸네일
[대갤] ㄱㅇㄷ) 서양식 궁전들도 되게 다채롭구나
[100]
HK885갤로그로 이동합니다. 00:35 13740 26
277397
썸네일
[싱갤] 병-지구의 평평함에 관하여.manwha
[77]
생귀니우스갤로그로 이동합니다. 00:25 22281 143
277393
썸네일
[미갤] 기안84가 라면 먹고 설거지를 안 하는 이유.jpg
[240]
ㅇㅇ갤로그로 이동합니다. 00:05 33364 97
277391
썸네일
[싱갤] 싱글벙글 아내가 폴리모프한 드래곤이었다
[165]
Babuya갤로그로 이동합니다. 11.01 24737 217
277389
썸네일
[카연] 암살 소녀 5화. 아들아
[32]
훌라호피갤로그로 이동합니다. 11.01 9131 25
277388
썸네일
[위갤] 문장학에 대한 소소한 tmi
[57]
비앙코갤로그로 이동합니다. 11.01 12604 55
277385
썸네일
[기갤] 조혜련의 다이어트 비디오 매출
[163]
ㅇㅇ(104.223) 11.01 28254 115
277383
썸네일
[싱갤] 싱글벙글 군대로 오나홀 배송시킨 만화.manhwa
[269]
코드치기귀찮아서만든계정갤로그로 이동합니다. 11.01 44593 475
277381
썸네일
[일갤] 3달 지나서 올리는 넷카페 후기
[53]
ㅂㅅㄷ갤로그로 이동합니다. 11.01 16578 61
277379
썸네일
[기갤] 고명환 작가가 홍콩반점 점검을 보며 한 생각
[316]
긷갤러(146.70) 11.01 22024 90
277377
썸네일
[싱갤] 싱글벙글 왜 8대 전문직인가
[365]
ㅇㅇ갤로그로 이동합니다. 11.01 32738 110
277373
썸네일
[레갤] 결혼한 레붕이 미래....
[166]
ㅇㅇ(125.133) 11.01 22433 182
277372
썸네일
[미갤] 기안84의 카본화, 러닝에 대한 생각.jpg
[238]
감돌갤로그로 이동합니다. 11.01 28513 96
277369
썸네일
[일갤] 여행객을 위한 일본의 지역구분 - 하편
[62]
ㅇㅇ갤로그로 이동합니다. 11.01 15237 55
277367
썸네일
[야갤] 야스에 굶주린 탈옥수들의 인질이 된 부부...jpg
[159]
ㅇㅇ(106.101) 11.01 33666 254
277365
썸네일
[카연] 포커 경마
[67]
sgtHwang갤로그로 이동합니다. 11.01 14647 92
277363
썸네일
[싱갤] 마약마약 대마초의 효능과 선진국에서 합법화 시키는 이유
[743]
테이리갤로그로 이동합니다. 11.01 25340 82
277361
썸네일
[디갤] [프리셋] 흔들리는 마음은 마시멜로처럼 후와후와 / Wave(Soft)
[17]
김도시락갤로그로 이동합니다. 11.01 5936 11
277359
썸네일
[주갤] [블라같이보자] 의사 "국제결혼 할 만 하다"
[537]
ㅇㅇ갤로그로 이동합니다. 11.01 23464 342
277357
썸네일
[싱갤] 싱글벙글 시계에서 목소리가 들려오는.manhwa
[123]
Babuya갤로그로 이동합니다. 11.01 28161 162
277353
썸네일
[부갤] 삼성 갤럭시 GOS 레전드 of 레전드...jpg
[408]
ㅇㅇ(119.207) 11.01 41741 772
277351
썸네일
[기갤] 엄마와의 유럽여행에 같이 가겠다는 고모들
[339]
ㅇㅇ(172.98) 11.01 26684 44
277349
썸네일
[대갤] 日, 수면약 먹이고 지인 여성 성폭행 한 남성 2명 체포 (도쿄)
[214]
난징대파티갤로그로 이동합니다. 11.01 63980 158
277347
썸네일
[싱갤] 좌익집안 친구에게 문코리타 티셔츠 선물한 후기
[422]
아내인생갤로그로 이동합니다. 11.01 38000 790
277345
썸네일
[카연] 병아리똥꼬와 치킨섹서머신 上
[96]
삼중이갤로그로 이동합니다. 11.01 15323 168
277341
썸네일
[야갤] 음식 상하면 어쩌려고?…"기름 아끼려" 상식 밖 꼼수
[297]
토붕갤로그로 이동합니다. 11.01 25114 129
277339
썸네일
[나갤] 솔직히 남자는 늙어도 괜찮아?
[887]
ㅇㅇ(106.101) 11.01 38322 207
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2