디시인사이드 갤러리

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

갤러리 본문 영역

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

Lighter갤로그로 이동합니다. 2024.11.02 07:30:02
조회 6257 추천 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/12/09 - -
공지 실시간베스트 갤러리 이용 안내 [2666/2] 운영자 21.11.18 9172238 492
288946
썸네일
[일갤] [스압, 데이터주의] 히로사키에서 하루 인싸된 썰
[11]
아오모리(차단)갤로그로 이동합니다. 18:45 549 4
288944
썸네일
[부갤] IMF와 차원이 다른 위기가 온다, 살아남으려면 이렇게 하세요
[61]
틴푸갤로그로 이동합니다. 18:40 2591 26
288941
썸네일
[야갤] 대한민국 대통령 탄핵소추안의 역사 ㄹㅇ...JPG
[243]
슈화(착한대만인)갤로그로 이동합니다. 18:30 17964 380
288940
썸네일
[야갤] [속보]尹 "결코 포기 않겠다…마지막 순간까지 국가 위해 최선"
[397]
ㅇㅇ갤로그로 이동합니다. 18:28 6750 237
288938
썸네일
[싱갤] 싱글벙글 ILM이 업계 원탑 CG업체인 이유
[36]
ㅇㅇ갤로그로 이동합니다. 18:20 16077 67
288936
썸네일
[잡갤] 대한민국 출산율을 떨어 뜨리는 방송..jpg
[319]
감돌갤로그로 이동합니다. 18:10 12464 146
288934
썸네일
[미갤] 팔란티어에 대해 알아보자
[87]
ㅇㅇ(106.101) 18:00 9880 63
288932
썸네일
[싱갤] 싱글벙글 “미녀와 성관계 위해 돈번다”는 77세 부자의 최후
[263]
흰콩갤로그로 이동합니다. 17:50 33931 203
288930
썸네일
[기갤] "요즘 젊은 사람들 눈치가 보인답니다."jpg
[328]
ㅇㅇ갤로그로 이동합니다. 17:40 18377 28
288928
썸네일
[러갤] 중국에서 한국 계엄사태를 풍자한 영상
[375]
배터리형갤로그로 이동합니다. 17:30 16515 121
288926
썸네일
[중갤] 민심 개쳐망한 너티독 신작 근황ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
[289]
개돼지인생갤로그로 이동합니다. 17:20 29001 175
288923
썸네일
[싱갤] 3년차 소방관 일본인...급여명세서 공개
[204]
ㅇㅇ갤로그로 이동합니다. 17:10 12653 49
288922
썸네일
[야갤] 속보)윤석열 대통령 탄핵 소추안 가결.
[2476]
틴푸갤로그로 이동합니다. 17:07 42895 654
288920
썸네일
[피갤] 피의게임3 9화 홍진호 활약상 총정리.整理
[146]
ㅇㅇ(121.169) 17:00 18600 364
288916
썸네일
[국갤] VOA뉴스 스콧 상원의원
[122]
unimax갤로그로 이동합니다. 16:48 10877 269
288914
썸네일
[싱갤] 싱글벙글 고려장 마려운 아빠와의 가위바위보 설거지빵
[119]
ㅇㅇ갤로그로 이동합니다. 16:40 14065 147
288913
썸네일
[안갤] "소신투표" 안철수에게 보내진 문자테러 11만 6천개
[273]
사피엔스갤로그로 이동합니다. 16:30 19044 223
288911
썸네일
[야갤] 대통령 얼굴 가리려 '덕지덕지'…"요새는 말도 못 꺼내죠"
[275]
마스널갤로그로 이동합니다. 16:20 17829 57
288908
썸네일
[싱갤] 싱글벙글 2024년 기준 전세계 여성 부자 10위 ~ 1위
[249]
싱글벙글참치캔갤로그로 이동합니다. 16:10 12552 50
288907
썸네일
[중갤] 여의도 실시간 CCTV
[398]
ㅇㅇ갤로그로 이동합니다. 16:00 28198 167
288905
썸네일
[해갤] 고점 기준 예체능은 팝스타가 넘사벽인 이유
[187]
ㅇㅇ(118.235) 15:50 17299 101
288903
썸네일
[이갤] 평범한 연애를 바란건데... 성폭력ㆍ협박 감금 폭행 일삼은 남자친구..
[345]
ㅇㅇ(211.234) 15:40 17466 75
288902
썸네일
[싱갤] 싱글벙글 공공장소에 꼭 있다는 부류
[297]
ㅇㅇ(222.103) 15:30 46645 154
288900
썸네일
[주갤] 집회 참석자들 싸움..화장실 사용 논란 여의도 호텔
[547]
퍼플헤이즈갤로그로 이동합니다. 15:20 25115 674
288898
썸네일
[기갤] 與, 尹탄핵안 표결 참여할 듯…의총서 권성동 제안.jpg
[245]
ㅇㅇ갤로그로 이동합니다. 15:10 13080 34
288895
썸네일
[중갤] 방첩사 1처장 "여인형, 계엄 전 극우 유튜버 자료 모아달라
[241]
핵주애갤로그로 이동합니다. 14:50 17087 123
288894
썸네일
[야갤] 광화문 반대집회 차선 추가오픈.jpg
[688]
ㅇㅇ(121.164) 14:40 18287 617
288893
썸네일
[부갤] 전라도 논밭에 죽자사자 건물 지었다 | 자영업의 무덤 도시
[301]
틴푸갤로그로 이동합니다. 14:40 15339 170
288892
썸네일
[대갤] 日 왕위 계승 서열 2위 잠자리 왕자, 대입 특혜에 민심 부글부글
[480]
난징대파티갤로그로 이동합니다. 14:30 19531 129
288890
썸네일
[싱갤] 한번에 정리해놓은 시리아 내전
[55]
ㅇㅇ갤로그로 이동합니다. 14:20 12440 55
288888
썸네일
[기갤] 손흥민 논란 터졌다! "노골적으로 감독 무시?" 불화설.jpg
[155]
ㅇㅇ갤로그로 이동합니다. 14:10 15025 58
288887
썸네일
[디갤] 디즈니, 라푼젤 실사화 제작확정...jpg
[414]
ㅇㅇ(175.119) 14:00 25335 35
288885
썸네일
[야갤] 외신에 '근조화환' 등장..."한국식 저항"
[194]
마스널갤로그로 이동합니다. 13:50 16114 34
288883
썸네일
[국갤] 최민식 수상소감 "아스팔트 위 응원봉 너무 미안해"
[363]
ㅇㅇ(118.47) 13:40 19583 207
288882
썸네일
[싱갤] 싱글벙글 유럽의 귀족가문
[147]
관심종자갤로그로 이동합니다. 13:30 16852 54
288880
썸네일
[새갤] "부정선거 수사 후 계엄령으로 밀어버려"‥극우의 내란 선동 통했나
[453]
ㅇㅇ갤로그로 이동합니다. 13:20 20682 76
288877
썸네일
[싱갤] 훌쩍훌쩍 50대 퇴직자의 현실
[504]
ㅇㅇ갤로그로 이동합니다. 13:00 33182 195
288875
썸네일
[야갤] 오징어게임2 홍보에 돈 쏟아붓는 넷플릭스...JPG
[448]
포흐애액갤로그로 이동합니다. 12:50 44887 288
288873
썸네일
[유갤] 정해인 닮은꼴 붕어빵 사장님이 하루에 버는 돈
[306]
ㅇㅇ(175.119) 12:40 23681 78
288872
썸네일
[국갤] 유시민 - 김어준이 말하는 우방국은 미국일것이다
[470]
ㅇㅇ(211.109) 12:30 23280 739
288870
썸네일
[이갤] 타커뮤에서 이슈된 석천이형이 반한 갤주 경호원ㅋㅋㅋ
[215]
ㅇㅇ갤로그로 이동합니다. 12:20 18680 107
288868
썸네일
[싱갤] 싱글벙글 만화 기생수에서 나오는 인간과 자연의 관계
[404]
벽난로의집출신갤로그로 이동합니다. 12:10 35486 329
288867
썸네일
[해갤] 손흥민 주장 박탈을 요구하는 토트넘 현지팬들 근황.jpg
[221]
ㅇㅇ(183.96) 12:00 18956 163
288865
썸네일
[야갤] 예의차려라" 발언 끊고 인사…박충권 발언 중엔 "똑바로 이야기 해
[418]
틴푸갤로그로 이동합니다. 11:50 19755 558
288862
썸네일
[싱갤] 싱글벙글 게임 친구먹은 여자애랑.manhwa
[244]
ㅇㅇ갤로그로 이동합니다. 11:40 42262 255
288861
썸네일
[유갤] 시드니 스위니‘할리우드 보적보 ㅈㄴ 심하다’
[274]
ㅇㅇ(175.119) 11:30 28564 214
288857
썸네일
[코갤] [AGF후기]스쿠나 범부로 AGF 양일 다녀온 후기
[56]
슈퍼스타레이사갤로그로 이동합니다. 11:10 9084 33
288856
썸네일
[싱갤] 싱글벙글 변경된 수도권 지하철역 이름과 그 사유들.jpg
[203]
최강한화이글스팬갤로그로 이동합니다. 11:00 19596 81
288854
썸네일
[국갤] 체코 관광 명소에 락카칠한 사람들
[561]
ㅇㅇ(58.227) 10:50 21867 480
뉴스 이정재X이병헌 ‘오징어 게임2’ LA 밤 달궜다…트레이닝복 입은 팬 2000명 운집 디시트렌드 14:00
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2