디시인사이드 갤러리

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

갤러리 본문 영역

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

Lighter갤로그로 이동합니다. 2024.11.02 07:30:02
조회 6451 추천 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
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 치어리딩 가장 잘할 것 같은 스타는? 운영자 26/05/11 - -
공지 실시간베스트 갤러리 이용 안내 [5507/2]
운영자
21.11.18 16381991 837
428125
썸네일
[싱갤] 싱글벙글 태어나자마자 모친한테 버림받은 이유
[65]
ㅇㅇ갤로그로 이동합니다.
08:10 13183 31
428123
썸네일
[유갤] 매니저 자취집 거덜내고온 쯔양 근황ㅋㅋㅋㅋㅋ
[29]
ㅇㅇ(175.119)
08:00 1094 7
428122
썸네일
[디갤] Go to Praha
[17]
않이웨앉뒌데갤로그로 이동합니다.
07:50 508 12
428120
썸네일
[싱갤] 싱글벙글 역대 대통령 휘호....jpg
[113]
모하비배달부갤로그로 이동합니다.
07:40 16240 58
428117
썸네일
[오갤] 그는 왜 탱장연이 되었을까 [만화]
[92]
ㅇㅇ(49.167)
07:20 19823 197
428115
썸네일
[유갤] 내가 만든 지도로 성지순례 (4) - 2일차 오전 (야마나시시, 고후)
[16]
워프님갤로그로 이동합니다.
07:10 578 10
428113
썸네일
[싱갤] 일본에서 실제로 인간 15개월 동안 감금한 예능
[126]
타코피갤로그로 이동합니다.
07:00 23306 120
428111
썸네일
[야갤] 깜짝... 가을선배가 어린 친구들에게 해주고 싶은 말 ㄷㄷ... jpg
[78]
Rose갤로그로 이동합니다.
01:50 11219 27
428109
썸네일
[일갤] 야간버스 떡밥 있길래 써보는 야간버스 후기
[47]
ㅈㅉ갤로그로 이동합니다.
01:40 8600 30
428108
썸네일
[싱갤] 싱글벙글 조선과 명나라가 충격을 받았던 무기
[611]
고노무통현대전령갤로그로 이동합니다.
01:30 27073 121
428106
썸네일
[디갤] zf 짧은 소감 + 아무작례
[27]
알봇갤로그로 이동합니다.
01:20 2029 8
428104
썸네일
[싱갤] 싱글벙글 아이슬란드 여행 사진
[31]
수인갤러리갤로그로 이동합니다.
01:10 4383 24
428103
썸네일
[유갤] 배성재 장모님이 배성재에게 존댓말 쓰는 이유.jpg
[151]
ㅇㅇ(175.119)
01:00 10428 23
428101
썸네일
[미갤] JP모건 미녀 상무이사 성착취 사건 ㄷㄷㄷㄷ
[112]
스마라딘갤로그로 이동합니다.
00:50 18175 50
428099
썸네일
[싱갤] 싱글벙글 지금 다시보니 조롱 당해도 싼 직업
[151]
ㅇㅇ갤로그로 이동합니다.
00:40 33423 315
428096
썸네일
[위갤] 사부로마루 증류소 투어
[26]
그린베이컼갤로그로 이동합니다.
00:20 2229 15
428094
썸네일
[더갤] “제발 그만 좀 사 가라” 한국서 싹쓸이 한다는 ‘이것’
[256]
그르르릉갤로그로 이동합니다.
00:10 21699 54
428093
썸네일
[싱갤] (1)지방은 정말 세금먹는 하마일까? - 재정자립도의 함정
[385]
ㅇㅇ갤로그로 이동합니다.
00:00 13243 181
428091
썸네일
[이갤] 전세계 모바일게임 매출액 순위
[171]
ㅇㅇ갤로그로 이동합니다.
05.10 14799 40
428089
썸네일
[싱갤] 싱글벙글 중국여성들에게 유행한다는 서울병
[297]
가나가와갤로그로 이동합니다.
05.10 34971 106
428087
썸네일
[유갤] 채팅방에 안 넣어줘서 서운했던 딘딘 큰 누나
[66]
ㅇㅇ(175.119)
05.10 10733 44
428085
썸네일
[군갤] 1976년 청와대 UFO 대공포 사건에 대하여
[102]
코코볼코코몽갤로그로 이동합니다.
05.10 12017 109
428083
썸네일
[싱갤] 싱글벙글 한국인만 반기는 이집트 댕댕이 칼빵이
[123]
수인갤러리갤로그로 이동합니다.
05.10 14843 66
428081
썸네일
[디갤] 디붕이 50mm 어제자 올림픽 공원 산책.jpg
[23]
약간의거리갤로그로 이동합니다.
05.10 2097 12
428079
썸네일
[서갤] 39년 만 개헌 무산...여성단체연합 “국힘, 주권자에 심판받을 것”
[286]
스탈린갤로그로 이동합니다.
05.10 10871 36
428075
썸네일
[이갤] 추억의 행성 명왕성...행성 지위 복귀 검토..jpg
[220]
배그린갤로그로 이동합니다.
05.10 11755 43
428073
썸네일
[카연] 저주받은 씨앗
[66]
철수애비갤로그로 이동합니다.
05.10 6102 28
428071
썸네일
[귀갤] [빛주생일파티] 무한열차 렌고쿠 vs 아카자 누이 재현
[104]
시노부수호단갤로그로 이동합니다.
05.10 3793 45
428069
썸네일
[싱갤] 훌쩍훌쩍 청년인턴 줬다뺐은 울산경찰청에 대하여 알아보자.araboja
[178]
ㅇㅇ갤로그로 이동합니다.
05.10 21448 168
428067
썸네일
[잡갤] 70%는 퇴사·평균 근속 1년반…'脫 첫 직장' 빨라지는 이유
[131]
묘냥이갤로그로 이동합니다.
05.10 11432 16
428065
썸네일
[오갤] 5월 초 SEZANNE(세잔) 후기
[27]
옴갤러(126.179)
05.10 2824 26
428063
썸네일
[서갤] GDP 추월한 美 부채…국채금리 상승→이자 부담 ‘악순환’ 현실로
[161]
스탈린갤로그로 이동합니다.
05.10 7914 19
428061
썸네일
[싱갤] 34년간 testis 없는지 모르고 산 남자
[435]
NO갤로그로 이동합니다.
05.10 37002 199
428059
썸네일
[한화] 대성불패 vs 송골매 맞짱썰 정리.jpg
[60]
칰갤러(112.167)
05.10 8348 37
428057
썸네일
[디갤] 어제 찍은 사진들 봐줘
[28]
필린이갤로그로 이동합니다.
05.10 2811 19
428055
썸네일
[야갤] 이재명, 성인사이트 무조건 폐쇄 ㅋㅋㅋ.jpg
[2276/1]
ㅇㅇ(14.46)
05.10 59123 879
428051
썸네일
[샤갤] 한국 eSIM이 유독 쓰레기 같은 이유
[220]
ㅇㅇ갤로그로 이동합니다.
05.10 18524 244
428049
썸네일
[토갤] 레고로 히로아카 2기 체육대회편 스톱모션 만들어봄
[47]
프리랜서갤로그로 이동합니다.
05.10 3610 73
428047
썸네일
[M갤] [라디오스타] 라스에서도 아슬아슬했던 양상국 발언
[278]
ㅇㅇ(175.119)
05.10 14149 52
428045
썸네일
[싱갤] 싱글벙글 YG 송민호와 비교되는 스페인 공주
[240]
ㅇㅇ갤로그로 이동합니다.
05.10 24876 237
428043
썸네일
[백갤] [단독] 우크라 “러, 北포로만 요구”…韓 탈북민 대표단과 송환 논의
[83]
ㅇㅇ갤로그로 이동합니다.
05.10 8767 32
428041
썸네일
[취갤] 미쳐버린 취업시장 근황
[1420]
ㅇㅇ(211.32)
05.10 44159 232
428039
썸네일
[카연] 같은 파티 여전사가 조금 불편한 이유.MANHWA
[80]
LIKI갤로그로 이동합니다.
05.10 17350 173
428037
썸네일
[싱갤] 싱글벙글 일본인들한테 인기라는 의외의 관광지
[215]
ㅇㅇ갤로그로 이동합니다.
05.10 23807 204
428035
썸네일
[새갤] [단독] 장동혁 초청 연구소 소속 인사에도 로비…결국 쿠팡 손바닥 안
[123]
ㅇㅇ갤로그로 이동합니다.
05.10 5901 33
428033
썸네일
[디갤] 마포 하늘공원 산책 (36pic)
[27]
26mm갤로그로 이동합니다.
05.10 2689 15
428027
썸네일
[싱갤] (스압) 하마 문제로 골머리를 앓고 있는 콜롬비아.JPG
[155]
얼탱갤로그로 이동합니다.
05.10 10336 39
428024
썸네일
[유갤] 오타쿠들이 모두 모인 거 같은 쯔양 회사
[161]
ㅇㅇ(175.119)
05.10 18808 24
428022
썸네일
[인갤] 장문)러시아 유학생이 말아주는 I Have No Change 후기
[85]
lovbiss갤로그로 이동합니다.
05.10 10187 89
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

디시미디어

디시이슈

1/2