디시인사이드 갤러리

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

갤러리 본문 영역

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

Lighter갤로그로 이동합니다. 2024.11.02 07:30:02
조회 6320 추천 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/03/03 - -
301390
썸네일
[새갤] 한덕수 "尹, 처음부터 국무회의 생각 안 한 듯"
[426]
ㅇㅇ갤로그로 이동합니다. 01.31 13051 84
301389
썸네일
[싱갤] ㅅㅂㅅㅂ 기분 나쁘다고 음식 엎어놓고 간 진상 손님들…jpg
[768]
공치리구갤로그로 이동합니다. 01.31 25408 161
301388
썸네일
[중갤] jtbc단독) 김용현과 개빡친 부인간 대화 공개
[359]
ㅇㅇ갤로그로 이동합니다. 01.31 21836 345
301386
썸네일
[잡갤] 동덕여대 극딜한 단국대 학생.jpg
[162]
ㅇㅇ(211.36) 01.31 25380 323
301385
썸네일
[새갤] 조태용 국정원장 "반국가세력·부정선거, 보고한 적 없다"
[195]
ㅇㅇ갤로그로 이동합니다. 01.31 10899 73
301382
썸네일
[싱갤] 얼탱얼탱 코인빨래방에서 17일간 무단 숙식한 사람…jpg
[241]
공치리구갤로그로 이동합니다. 01.31 22282 192
301381
썸네일
[국갤] 정계선 헌법재판관 남편, '尹 탄핵 시국선언' 참여 논란
[446]
삼디문도미닉갤로그로 이동합니다. 01.31 14409 448
301380
썸네일
[카연] 개구리 소년
[64]
동현이졸귀갤로그로 이동합니다. 01.31 11181 53
301378
썸네일
[잡갤] 새우깡만 진열된 PX보고 분노한 병사들
[122]
감돌갤로그로 이동합니다. 01.31 24149 64
301377
썸네일
[싱갤] 애인 연봉 때문에 고민하는 당근여성.jpg
[403]
ㅇㅇ(121.162) 01.31 33151 38
301376
썸네일
[미갤] 1월 31일 시황
[44]
우졍잉갤로그로 이동합니다. 01.31 7874 25
301374
썸네일
[피갤] 美여객기에 한국계 10대 여자 피겨선수 탑승.. 피겨클럽 입장문
[267]
ㅇㅇ갤로그로 이동합니다. 01.31 21469 57
301373
썸네일
[중갤] 블리자드 ceo) 트럼프가 지랄해도 DEI 수호할것
[429]
ㅇㅇ갤로그로 이동합니다. 01.31 28220 207
301372
썸네일
[싱갤] 베를린 장벽 훼손한 한국인 근황
[324]
ㅇㅇ갤로그로 이동합니다. 01.31 36734 424
301370
썸네일
[걸갤] 뉴진스 부모님들 인스타 개설
[375]
ㅇㅇ갤로그로 이동합니다. 01.31 35222 512
301368
썸네일
[싱갤] 싱글벙글 최초로 3번 출연하게된 일반인 출연자
[136]
수인갤러리갤로그로 이동합니다. 01.31 23175 39
301366
썸네일
[항갤] 이번 에어부산 화재사고는 현명한 승객들 덕분에 승무원들이 살았다
[382]
ㅇㅇ(182.221) 01.31 21612 283
301365
썸네일
[필갤] S2B 습작 feat Tessar 45mm f2.8 100 Jahre
[23]
SolariUdine(158.247) 01.31 3723 14
301364
썸네일
[유갤] 버린 옷 모아서 섬유 패널 만드는 회사
[102]
ㅇㅇ(175.119) 01.31 11867 90
301362
썸네일
[무갤] 명절에 장인장모한테 일방적으로 까인 은행남.blind
[267]
ㅇㅇ갤로그로 이동합니다. 01.31 24121 208
301361
썸네일
[싱갤] 한국에서 앞으로 다시는 볼 수 없을 분위기
[639]
ㅇㅇ갤로그로 이동합니다. 01.31 43899 324
301360
썸네일
[안갤] 오요안나 유족 "MBC 사과해야".. 안철수도 "MBC 내로남불"
[292]
사피엔스갤로그로 이동합니다. 01.31 19258 338
301358
썸네일
[국갤] [필독] 사회주의를 너무 잘아는 트황 연설
[311]
ㅇㅇ(59.21) 01.31 21485 804
301357
썸네일
[군갤] 트럼프 “여객기 사고 바이든 탓… 채용 기준 낮춰”
[256]
IOTA갤로그로 이동합니다. 01.31 14548 202
301356
썸네일
[싱갤] 시대별로 발전했던 딱지치기 종류
[110]
ㅇㅇ갤로그로 이동합니다. 01.31 13798 16
301353
썸네일
[해갤] 대흥민 턴오버.gif
[234]
ㅇㅇ(223.39) 01.31 24808 254
301352
썸네일
[흑갤] 아침에 딱 먹기 좋은 백종원 표 감자 샐러드.jpg
[181]
ㅇㅇ(175.119) 01.31 14536 45
301350
썸네일
[리갤] 페이커한테 깝치는 구마유시에게 '갈' 하는 케리아
[80]
ㅇㅇ(211.36) 01.31 16815 123
301349
썸네일
[중갤] jtbc단독) 진짜 큰거 옴 ㄷㄷ 지휘관 녹취파일 공개 ㄷㄷ
[780]
ㅇㅇ갤로그로 이동합니다. 01.31 30544 319
301347
썸네일
[싱갤] 싱글벙글 예능인들의 인생이 뒤바뀌는 순간
[271]
ㅇㅇ갤로그로 이동합니다. 01.31 44095 408
301345
썸네일
[대갤] ㄱㅇㄷ)일본 그림책 컬렉터들에게 초레어템
[168]
ㅇㅇ갤로그로 이동합니다. 01.31 12875 183
301344
썸네일
[바갤] 낭만찾아 바람찾아 바람개비 얻기!!!
[68]
ㅇㅇ갤로그로 이동합니다. 01.31 15872 225
301342
썸네일
[유갤] 윤성빈 몸 검사하고 충격 받은 의사
[361]
ㅇㅇ(175.119) 01.31 31665 94
301340
썸네일
[싱갤] 싱글벙글 망작영화 주글래 살래
[376]
ㅇㅇ갤로그로 이동합니다. 01.31 25528 207
301339
썸네일
[피갤] [요리] 논문 초록: 초밥 피크민의 유인 방법과 취식법
[62]
별모양라떼갤로그로 이동합니다. 01.31 7465 127
301336
썸네일
[잡갤] 의외로 기독교 덕분에 존재하는 사고방식
[537]
묘냥이갤로그로 이동합니다. 01.31 25551 290
301333
썸네일
[싱갤] 싱글벙글 봉미선이 신형만을 처음 때린날
[144]
ㅇㅇ갤로그로 이동합니다. 01.31 20822 113
301331
썸네일
[국갤] 동남아 중매혼 글들을 읽어보는데 괴리감이 드는 단어들
[451]
아니마델마르텔로갤로그로 이동합니다. 01.31 22448 131
301329
썸네일
[일갤] 202501 히로시마 - 마쓰야마 4박 5일 여행기 (1)
[27]
ㅇㅇ갤로그로 이동합니다. 01.31 5995 21
301328
썸네일
[미갤] 새로운 금리 시대 [Yahoo Finance]
[41]
트롬프24갤로그로 이동합니다. 01.31 14538 50
301326
썸네일
[디갤] 니지모리 스튜디오
[46]
필린이갤로그로 이동합니다. 01.31 6240 26
301324
썸네일
[싱갤] 싱글벙글 주인없는 가게에 혼자 방치 되었었던 댕댕이 복실이.jpg
[101]
수인갤러리갤로그로 이동합니다. 01.31 18384 84
301323
썸네일
[러갤] 미국정치인이 중국 무시하고 대만 방문하게 된 이유
[188]
러갤러(221.167) 01.31 28540 258
301321
썸네일
[싱갤] 싱글벙글 영화 반지의 제왕 이모저모 모음촌
[213]
ㅇㅇ갤로그로 이동합니다. 01.31 16883 103
301319
썸네일
[블갤] 아방가르드군 눈사람 만들었습니다
[79]
크레이프갤로그로 이동합니다. 01.31 12721 93
301316
썸네일
[싱갤] 싱글벙글 역대급 조작으로 판명된 치매 치료 이론
[347]
ㅇㅇ갤로그로 이동합니다. 01.31 60374 415
301314
썸네일
[군갤] 의외로 냉전기에 조선업으로 알아주던 나라의 잠수함
[49]
ㅇㅇ갤로그로 이동합니다. 01.31 35429 66
301312
썸네일
[러갤] 미국 씽크탱크가 한국의 군사력을 높게 평가한 이유
[489]
배터리형갤로그로 이동합니다. 01.31 30893 192
301311
썸네일
[한갤] 이 여자아이돌 대체 뭐라는거니? ㅋㅋㅋ
[304]
밑덩이갤로그로 이동합니다. 01.31 60107 238
301309
썸네일
[지갤] 지하아이돌씹덕 에필로그: 신게키 해산공연
[106]
ㅇㅇ갤로그로 이동합니다. 01.31 16906 61
뉴스 ‘협상의 기술’→‘시그널2’ 이제훈 “차기작으로 로맨스 하고 싶어” (‘혤스클럽’) 디시트렌드 10:00
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2