디시인사이드 갤러리

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

갤러리 본문 영역

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

Lighter갤로그로 이동합니다. 2024.11.02 07:30:02
조회 6104 추천 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
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 기 세보여도 실제로는 멘탈 약할 것 같은 스타는? 운영자 24/11/04 - -
277530
썸네일
[2갤] 편의점을 점령한 올림픽 주역 신유빈.김예지 근황...jpg
[195]
ㅇㅇ(175.119) 11.02 22265 44
277529
썸네일
[디갤] 가을 가득 화담숲 사진 모음 (26장)
[23]
검은비갤로그로 이동합니다. 11.02 7913 16
277527
썸네일
[여갤] 호주 뉴스 : "중국은 공산당 선전을 위해 유튜버들에게 돈을 준다."
[302]
ㅇㅇ(175.223) 11.02 25621 423
277525
썸네일
[싱갤] 18년만에 붙잡힌 자매 성폭행범
[965]
예도리갤로그로 이동합니다. 11.02 55339 651
277524
썸네일
[기갤] 이번에 서비스 종료된 "천리안"은 뭘까?.jpg
[314]
ㅇㅇ갤로그로 이동합니다. 11.02 31166 96
277522
썸네일
[야갤] 미친 손님 만난 썰 푸는 약사 누나.jpg
[569]
감돌갤로그로 이동합니다. 11.02 83228 732
277520
썸네일
[중갤] 이 시간 규탄집회
[720]
ㅇㅇ갤로그로 이동합니다. 11.02 24144 90
277519
썸네일
[싱갤] 싱글벙글 안아줘요겜 근황
[375]
ㅇㅇ(218.239) 11.02 63553 658
277517
썸네일
[U갤] 확인 사살의 장인 '프란시스 은가누'
[306]
U갤러(220.84) 11.02 30984 181
277514
썸네일
[카연] 그녀를 위해 너는 죽어야 한다 4화
[14]
Biyam갤로그로 이동합니다. 11.02 11316 17
277512
썸네일
[싱갤] 싱글벙글 나의 미친 페미여친 작가 근황
[412]
ㅇㅇ(175.115) 11.02 66858 887
277510
썸네일
[기갤] 고등학생 가족들 날벼락, 제주도에 무슨 일이.jpg
[351]
ㅇㅇ갤로그로 이동합니다. 11.02 31972 78
277509
썸네일
[부갤] "이러다 시총 300조도 깨질 판"…무서운 '삼성전자 위기론'
[656]
ㅇㅇ갤로그로 이동합니다. 11.02 33083 117
277507
썸네일
[싱갤] 롯데월드에서 민폐짓하는 소니 소말리.....gif
[616]
ㅇㅇ(156.146) 11.02 54751 324
277505
썸네일
[L갤] 다저스 우승 기념 퍼레이드 여러 사진들.jpg
[76]
삼갤러갤로그로 이동합니다. 11.02 15045 139
277504
썸네일
[주갤] 재산분할만으로 세계부호 '우뚝', 유명인들의 재산분할은?...jpg
[341]
레버러지갤로그로 이동합니다. 11.02 27363 285
277502
썸네일
[디갤] (초스압 주의) 오키나와 다녀온 사진 50장
[46]
2456778갤로그로 이동합니다. 11.02 7289 21
277500
썸네일
[싱갤] 냉혹한...비싼 생수가...바이럴인 이유의 세계..jpg
[496]
인터네코갤로그로 이동합니다. 11.02 36224 285
277499
썸네일
[기갤] "강풍에도 끄떡없이", 부산에 착륙한 배달 신기술.jpg
[236]
ㅇㅇ갤로그로 이동합니다. 11.02 24222 51
277494
썸네일
[싱갤] 싱글벙글 미국에서 잘생겨서 난리난 살인마...jpg
[1064]
ㅇㅇ갤로그로 이동합니다. 11.02 60913 453
277492
썸네일
[카연] (스압주의)대충 이세판
[98]
빵개(58.127) 11.02 12562 15
277490
썸네일
[오갤] 스압) 오버워치 리그 컨텐 옵챔스때 프로들 연봉수준
[130]
솔저갤로그로 이동합니다. 11.02 22947 52
277489
썸네일
[기갤] 오늘자) 군대에서 연애프로그램 배웠다는 지디.jpg
[199]
ㅇㅇ갤로그로 이동합니다. 11.02 34657 81
277487
썸네일
[싱갤] 싱글벙글 외국인을 대하는 중국녀들 ㅋㅋ
[676]
ㅇㅇ갤로그로 이동합니다. 11.02 48886 320
277485
썸네일
[카연] 나와 소꿉친구의 어른이 된 이야기 2화.manhwa
[70]
슈퍼사워갤로그로 이동합니다. 11.02 15945 91
277484
썸네일
[야갤] 어제자 나혼산) 불면증이 극도로 심한 배우 "고준".jpg
[395]
ㅇㅇ갤로그로 이동합니다. 11.02 31970 56
277482
썸네일
[미갤] 일본에 있는 밥 , 된장국이 무한리필인 식당.jpg
[327]
ㅇㅇ갤로그로 이동합니다. 11.02 36426 180
277480
썸네일
[싱갤] 싱글벙글 동창이 돌체앤가바나 라는 국내1세대 디자이너 할머니
[245]
코드치기귀찮아서만든계정갤로그로 이동합니다. 11.02 30408 112
277477
썸네일
[기갤] 2년 전 이사 실패한 조두순, 이번엔 "슈퍼사장"으로 속였다.jpg
[870]
ㅇㅇ갤로그로 이동합니다. 11.02 37445 214
277475
썸네일
[사갤] 중국에서 블랙월 너머 Ai 삽입된 스마트워치 개발함
[107]
ㅅㅅ갤로그로 이동합니다. 11.02 18270 164
277474
썸네일
[모갤] 스압) 미니어쳐 완성했다.JPG
[41]
ㄹㄹ(211.110) 11.02 14299 52
277472
썸네일
[싱갤] 싱글벙글.. 여초에서 난리난 독일 성별결정법...
[1452]
ㅇㅇ(61.83) 11.02 67553 474
277470
썸네일
[두갤] 쿠바 평가전 곽빈의 오늘 경기 피칭 모음 ㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ
[38]
스퍼스랩갤로그로 이동합니다. 11.02 17409 80
277469
썸네일
[걸갤] 하이브직원 폭로 "역바이럴 실제 계획으로 진행"
[639]
ㅇㅇ(59.14) 11.02 28028 218
277467
썸네일
[나갤] 개념) 23정숙 JTBC 사건반장 측과 직접 인터뷰로 밝힌 내용(전문)
[195]
ㅇㅇ(1.228) 11.02 37303 324
277465
썸네일
[싱갤] 유비빔... 전주 전북대생들의 의견.jpg
[732]
ㅇㅇ(14.45) 11.02 69170 416
277464
썸네일
[중갤] 채널a가 윤두창 지지율 최선을 다해 준비함
[1337]
ㅇㅇ갤로그로 이동합니다. 11.02 25475 338
277459
썸네일
[싱갤] 싱글벙글 역사상 가장 막기 힘들었다는 러닝백.gif
[235]
ㅇㅇ갤로그로 이동합니다. 11.02 39775 103
277457
썸네일
[기갤] 블라) 남편 전여친 동영상 발견한, 대한항공 와이프..jpg
[700]
ㅇㅇ갤로그로 이동합니다. 11.02 55843 94
277455
썸네일
[야갤] [단독] '흡연장 살인' 최성우,살해의도 없었다?CCTV 잔혹.jpg
[340]
ㅇㅇ갤로그로 이동합니다. 11.02 21057 127
277454
썸네일
[일갤] 히로사키 2일차
[20]
ㅇㅇ갤로그로 이동합니다. 11.02 10155 17
277452
썸네일
[싱갤] 싱글벙글 굉장히 수상하게 수상한 중국 검열 상황
[289]
흰콩갤로그로 이동합니다. 11.02 38447 390
277450
썸네일
[여갤] 뭐지 갑자기 중국이 한국 무비자 대상국 지정해 버렸네ㅋㅋ
[1369]
ㅇㅇ(118.223) 11.02 41894 248
277449
썸네일
[카연] 우주 카페 이모지 19~20화 - 행복이라는 감정
[10]
박창용갤로그로 이동합니다. 11.02 8292 8
277447
썸네일
[싱갤] 싱글벙글 미국엘프만화
[155]
ㅇㅇ갤로그로 이동합니다. 11.02 34507 238
277445
썸네일
[위갤] 위증리) 야마자키 프레스티지 투어
[23]
더블월갤로그로 이동합니다. 11.02 10885 15
277444
썸네일
[야갤] "엄마 좀 그만 때려!", 아버지 살해한 30대 아들.jpg
[628]
ㅇㅇ갤로그로 이동합니다. 11.02 32473 362
277442
썸네일
[싱갤] 싱글벙글 뮤지션들중 가장 부자인 남자
[158]
ㅇㅇ갤로그로 이동합니다. 11.02 49079 202
277440
썸네일
[디갤] (길다) 천안 라이트 in Arario 공모전 후기
[56]
2456778갤로그로 이동합니다. 11.02 9445 26
277437
썸네일
[로갤] 30대 아저씨가 림버스 하는 만화 - 14화 (3장)
[36]
라아쿤()갤로그로 이동합니다. 11.02 15989 72
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2