[💬] 제작일지 15년 8월~11월

[둘기마요(oters2)]

150816.

- 몇 년 전에 인디게임팀에 참여해 기획, 그래픽을 하다 안 좋게 끝난 적이 있었다. 그때의 기획은 3d였지만 조금 손봐서 2d로 프로토타입을 만들어 보려고 한다. 어렸을 적 쯔꾸르를 다뤄봤지만 그것으로 만들기엔 시스템의 한계가 있어서 게임메이커 스튜디오를 배워가며 만들고 있다. 조금 하다 보니 알게 된 사실은 코딩은 쯔꾸르의 커맨드와 다를 것이 없다. 버튼 대신 명령어가 있고 존나게 많을 뿐이다...

- 야생에서 생활하는 게임이다. hnh이라는 게임에서 컨셉을 따왔는데 조금 더 동적이고 쉽게 만들어 보려고 한다. 곧 hnh2가 나오는데 재밌으면 이건 걍 던질지도 모른다.

- 현재 8방향으로 뛰어다니는 나체의 인간과 hud가 존재한다.

- 텍스트를 입력하면 자동으로 줄을 바꿔주고, 명령어를 넣으면 폰트의 굵기와 색을 변화시킬 수 있는 스크립트를 만들었다. 텍스트에 맞춰 자동으로 크기가 조정되는 창도 만들었는데 그러려면 텍스트를 먼저 생성시켜 최대길이를 체크해야 하기 때문에 창이 텍스트를 덮어버리는 문제가 있었다. 족같은 게임메이커는 나중에 생성한 이미지는 무조건 위로 올라가게 돼있기 때문에 할 수 없이 앞에 길이 체크용 코드를 복사해서 넣었다. 쓸데없는 작업을 한번 더 한 것 같아 기분이 상했다.

 

150818.

- 우선 서피스라는 기능을 사용하여 텍스트창의 문제를 해결하였다. 서피스란 포토샵의 레이어처럼 그림을 따로 저장할 수 있는 임시 공간인데 그래픽카드에서 돌리는 거라 그런지 자잘한 오류가 많아 쓰기 까다로웠다. 가장 시간을 오래 잡아먹은 건 결국 오타였지만... 아무튼 텍스트를 서피스에 그려놓은 후에 박스를 먼저 그린 뒤 불러와서 해결했다.

- hud창을 이동시킬 수 있게 되었다. 원래 자리에 가져다 놓으면 자석처럼 달라붙는데 후에 다른 창끼리도 붙일 수 있게 만들 예정이다.

- 오브젝트에 마우스를 올리면 테두리가 생긴다. 여기선 캐릭터가 이동하면서 부딪히는 마스크와 마우스에 반응하는 마스크 두 가지가 필요했는데 오브젝트당 마스크는 한 가지만 가질 수 있고 스프라이트와 충돌시키는 함수도 찾을 수 없었다. 이것은 겜스의 이벤트 처리 순서(생성-시작스텝-알림-키보드,마우스-스텝-충돌-종료스텝-드로우)를 이용해 마우스질 하기 전엔 스프라이트의 마스크를, 이동하기 전엔 오브젝트에 설정된 마스크를 씌움으로써 해결하였다. 따라서 이동 코드를 엔드스텝에 집어넣었는데 나중에 문제가 생기는 것 아닌가 불안하다. 테두리는 서피스를 사용해 그렸는데 코드로 마스킹용 서피스를 세 개나 그려보니 포토샵이 얼마나 고마운 존재인지 새삼 깨닫게 된다.

 

150820.

- 우클릭 메뉴를 만들었다. 반점으로 항목을 나눈 뒤 알아서 버튼을 만들어주는 형태인데 배열이라는 것을 배워서 잘라낸 텍스트를 변수 하나에 저장할 수 있게 되었다. 아마 2차 배열을 이용하면 전에 만들었던 텍스트 박스도 좀 더 효율적으로 만들 수 있을 것 같다.

- 지금 db를 어떻게 짜야 하나 고민 중이다. 원래 툴을 익히며 천천히 할 생각이었지만 지금 안 해놓으면 나중에 갈아엎어야 할지 몰라 좀 서둘러 배워보기로 했다. ini 파일에 아이템과 구조물의 정보를 기입해놓고 겜스로 불러와 오려 붙일 생각이었는데 겜스에서 json이라는 것을 지원해 준다고 한다. 나도 이것이 무엇인지 정확히 모르지만 db로 쓰기 편한 물건이라길래 한번 손대보기로 했다. 점점 스케일이 커지는 기분이다.

 

 

 

150828. 

- json파일을 이용하여 db를 만들 수 있게 되었다. 스프레드시트에 아이템코드, 이름, 태그, 사이즈 등의 정보를 입력하고 시트를 json형태로 변환해주는 사이트를 이용해 파일을 만든다. 겜스에서 읽은 뒤 코드명과 정보들을 짝 지어서 배열에 넣어두면 언제든 원할 때에 아이템의 정보를 불러올 수 있다.

- 아이템의 정보중엔 태그(tag)라는 것이 있는데 이에 따라서 활용할 수 있는 기능이 달라진다. 예를 들면 'handed'태그를 가진 아이템은 손에 들 수 있고 'throw'태그를 가진 아이템은 던질 수 있다. 'string'태그는 줄을 사용하는 아이템에 들어갈 수 있고 'food'는 먹을 수 있으며 'edged'아이템으로 동물을 해체하거나 날붙이를 사용하는 모든 작업을 할 수 있다. 태그는 동시에 여러 개를 가질 수 있으며 이 시스템을 이용하여 아이템의 활용도를 최대한으로 높였다.

- 아이템엔 질감(tex)도 있는데 같은 속성을 공유하는 아이템을 통합해 db를 최소한으로 유지할 수 있게 만든 것이다. 예를 들어 돼지고기와 소고기, 닭고기는 모두 'meat'아이템이지만 질감은 각각 'pork', 'beef', 'chicken'으로 다른 이미지를 가지고 있다. 도끼의 경우도 모두 'axe'로 취급되지만 질감에 따라 'stone', 'iron', 'bronze'등으로 나누어지며 이러한 시스템은 가구마다 무늬를 다르게 만들어 다양성을 높이거나 금속의 재활용, 제조법에 응용될 수 있다. 

- 인벤토리를 만들고 있다. 기본적으로 칸마다 번호가 있고 아이템이 들어있는 칸엔 코드명과 정보를 넣는데 인벤토리를 불러올 때 아이템 정보에 맞는 인스턴스를 불러와 배치하여 개별적으로 동작할 수 있게 만든다. 면적이 큰 아이템은 나머지 덮이는 칸에 코드번호 대신 -1을 넣어서 채워진 것으로 인식하게 하였고 겹쳐놓기가 가능한 아이템은 종류와 특성이 같을 때 합쳐질 수 있게 만들었다. 이제 윈도우들의 depth조절과 아이템의 드롭다운 메뉴, 버리기, 나누기를 만들어야 한다.

150909.

- 오랜만에 손대려니까 뭐가 어디에 연결되는지 모르겠고 헷갈려서 적응하기 힘들다. 그림도 공백 기간이 있으면 다시 손을 풀어줘야 하는데 코딩은 더한 것 같다.

- 아이템을 분할할 수 있게 만들었다. 처음엔 드롭다운 메뉴를 거쳐 분할창에서 몇 개를 나눌지 조절하려 했지만 ui디자인이 안돼서 빡쳐하다 컨트롤 키를 이용해 윈도우 없이 나눌 방법을 생각났다. 컨트롤 키를 누른 채로 아이템을 클릭하면 한 개가 집히는데 이 상태에서 휠을 움직여 개수를 조절할 수 있다. 윈도우를 거치는 것보다 빠르고 효율적이지만 단축키가 많아질수록 헷갈리기 쉬우니 후에 가이드용 ui를 만들어야겠다.

150920.

- 커서를 만들었다. 분명 손바닥 커서와 쥐는 커서가 있던 것으로 기억하는데 윈도우에는 링크 누르는 검지만 있다. 그래도 구글링하니 나오는 걸로 봐선 윈도우 구버전이나 어딘가에서 쓰였겠지.

- 아이템을 버리고 주울 수 있다. 아이템마다 그림파일 하나씩 쓰면 파일이 너무 많아질 것 같기에 큰 파일에 박아 넣고 종류에 따라 잘라서 쓰게 만들었고 아이템을 떨굴 때 서로 겹쳐지지 않도록 했다. 현재 나무 뒤에 떨어진 아이템은 주울 길이 없으니 alt키를 눌러 아이템들을 비치게 만들어줘야겠다.

- 어려운 작업은 아니었지만 다른 일 때문에 많이 늦어졌다. 소지품창은 대강 끝났으니 다음엔 다른 ui나 grid방식의 맵 데이터를 만들게 될 듯. 그나저나 엿같은 무게 표시 소수점은 왜 두 자리까지 나오는지 모르겠다.

150928.

- 주 메뉴는 제작, 건설, 능력(+상세), 기술(+적용된 기술), 장비, 소지품이고 부메뉴는 지도, 사전, 설정, 종료로 구성되있다. 이중에 소지품ui만 구현되었고 능력과 기술은 아트웍까지만 되어있다.

- 능력은 크게 신체능력과 지능으로 분류하고 신체능력은 근력, 근지구력, 심폐력, 평형성이 있으며 지능은 다중지는 이론을 기반으로 설정했다. 신체능력은 플레이스타일과 관련이 있고 지능은 보통 제작품의 품질 등 기술과 직접적인 연관이 있다. 여러 행동을 하면 점수가 모이며 항목의 레벨이 오를수록 요구하는 점수가 상승한다.

- 기술은 생존, 전투, 가공, 제작의 네종류로 나뉜다. 기술레벨과 사전에 등록된 아이템, 지능에 따라 세부적인 기술들이 적용된다.

150930.

- 기술창을 만들었다. 기술점수 아이콘을 누르면 분배모드로 들어가고 휠로 등급을 올린 뒤 다시 버튼을 눌러 적용시키는 구조이다. ui동작은 최대한 간략화시키려 한다.

- 네모버튼이 구려서 디자인을 바꾸었다.

- 텍스트를 json파일로 만들어두려 했는데 디코딩하면 한글이 전부 깨져서 할수없이 겜스 내에서 작업하는 중. 해결방법 아시는 분은 제보 부탁합니다.

151002.

- 스크롤 창을 만들었다. 내용물이 프레임보다 작으면 사라지며 마우스 휠, 화살표 롤오버, 스크롤바를 이용할 수 있다. 스크롤 바의 사이즈는 (가시영역/내용물)임을 배웠다. 

- 이전에는 하나의 오브젝트에서 모든 창을 그렸었는데 그렇게 하면 depth를 사용하지 못한다는 걸 깨달아서 창을 다 독립시켰다. 자유가 최고인 것이다.

- json파일을 불러올 때 한글이 깨지는 현상을 수정했다. 겜스에서 json을 utf-8로 처리하는데 컴알못인 나는 json을 워드패드로 다뤄왔기 때문에 이해할 수 없는 다른 방식으로 인코딩이 되어 한글이 깨지고 만 것이다. 노트패드++를 사용하니 해결되었다.

151003.

- 윈도우에 깊이를 적용시켰다. 처음 시작할 땐 아무것도 아닐 거라 생각했지만 나는 오늘 하루 종일 자살하고 싶은 욕구와 싸워야 했다. hud이동 중 다른 창의 x버튼에서 마우스를 떼면 윈도우가 꺼지고 창 뒤에 아이템과 버튼에 반응하고 아무튼 하나하나 구현하는 건 괜찮지만 그것들을 연결하는 것은 정말 빡치는 일이다. 이번엔 윈도우 순서 관리용으로 리스트를 사용해보았다. 나중에 맵엔 그리드를 쓰고 ai엔 우선도 큐를 쓰고 서버도 만들고 상상만 해도 토할 것 같다.

- 내일은 텍스트 출력을 다시 짜거나 특성창을 만들 것이다.

- 영상을 gif로 촬영하니 hud의 게이지 중 초록색이 크로마키가 되어버렸다.

151009.

- 텍스트 출력 스크립트를 갈아엎었다. 원래는 폰트 효과가 줄 단위로만 적용되었지만 이제는 원하는 부분에만 적용시킬 수 있고 자동개행도 음절별로 이루어졌지만 이젠 띄어쓰기를 인식하여 단어별로 잘린다. 게다가 귀여운 아이콘까지 넣을 수 있게 되었다. 구조는 텍스트를 스크립트에 넣으면 먼저 위치와 키코드를 맵(데이터 구조체)에 넣어놓은 후, 텍스트만 남겨놓고 키코드를 기준으로 끊어서 드로우하는 것이다.

151011.

- 개피곤... 구조는 기술창과 다를 게 없는데 텍스트 가로 정렬에 애를 먹었다. 이번에 만든 텍스트 스크립트는 한 줄에 여러 번 드래그 될 수 있기 때문에 기본적으로 제공되는 가로 정렬 함수를 사용할 수 없다. 그래서 서피스1에 텍스트를 한줄 그려놓고 가로 크기에 맞춰 서피스2에 예쁘게 정렬하려 했는데 도저히 상식적으로 이해할 수 없는 오류들이 나타났다. 다음 줄로 넘어갈 때 서피스1을 클리어해줘야 하는데 그러면 다음 드로우가 씹히는 건지 순서가 꼬이는 건지 결과물인 서피스2에 첫 줄과 마지막 줄만 괴상한 형태로 남아있는 것이다! 물론 클리어를 안 해주면 이전에 그렸던 흔적이 남아 공포 게임으로 변하고. 이리저리 헤매다 다른 방법을 생각하는 중 줄의 가로 길이들을 전부 배열에 저장하는 방법이 떠올랐다. 평소대로 뽑힌 결과물을 오려서 배열을 참조해 서피스2에 붙이는 것이다. 하지만 그 방법도 괴이한 오류를 뿜어내고 마는데 서피스가 서로 충돌하는 건지 반복문에 약한 건지 결국 서피스1을 스프라이트로 만들어놓고 작업했다. 겜스 서피스는 존나 병신이다. 나가 디져야한다.

- 자고 일어나서 그리드를 알아봐야겠다.

  

151017.

- 맵 에디터를 만들고 있다. 그리드는 2차원 배열을 사용하는 데이터 구조체인데 이것을 이용하여 구역, 지형, 물, 바닥, 객체(어쩌면 발자국까지)를 저장해둘 수 있다. 에디터는 이 데이터들을 편집하며 일부 기능은 후에 게임 내에서 사용될 수 있다.

- 지형엔 높이, 절벽, 타일, 그림자까지 네 개의 그리드를 사용하는데 높이는 2마다 한 칸이며 홀수인 셀에 절벽이 없으면 습곡 지형으로 처리되 이동이 가능해진다. 지형의 이미지는 이미 그려진 구역 이미지에 덮어씌우는 것이기 때문에 타일에 그 정보를 저장하며, 그림자는 높이에 따라 명암을 나누는데 후에 캐릭터 좌표에 맞춰 변할 것이다.

- 마우스로 잡고 끌면 높이가 변화하는데 대략적인 조건은 다음과 같다. 상승은 기준점 이하의 셀에만 적용되며 적용할 셀 아래에 빈 공간이 있으면 바닥에 닿을 때까지 절벽을 만들며 내려간다.(왼쪽 gif 이미지.) 하강은 기준점 이상이며 가려지지 않은 셀에만 적용되고, 높은 지형일 경우에 절벽 끝까지 깎아올라가는데 이때 그것이 마지막 절벽이라면 다시 내려가며 메꿔준다.(중앙 gif 이미지, 한 칸씩 깎아내려가야 하기 때문에 범위 아래 칸부터 적용된다.) 이것은 실제 좌표가 아니라 눈속임이기 때문에 절벽 뒤로는 가지 못하며 아쉽지만 뛰어내릴 수도 없다. 하지만 습곡 지형과 계단, 사다리 등을 이용할 수 있게 만들 것이므로 이동에 큰 제약은 없을 것이다.

- 타일은 주변 셀들의 정보에 따라 자동 배치되는데 여러 조건에 대응하기 위해 한 칸을 1/4사이즈로 쪼개서 그린다. 과거 쯔꾸르를 사용하던 경험을 살려 만들었지만 예상외로 변수가 많아 네모칸에 딱 맞게 만들 수밖에 없었다. 조건을 추가해 더 보기 편하게 만들 것이다.

- 지형은 일단 높이에 맞춰 확장, 습곡 연결, 타일을 손보면 된다. 그 후에 초원, 숲, 흙, 암석 등의 생태적 구역 나누기, 지형에 따라 흐르는 물, 바닥과 객체들을 설치하게 만들 것이다.

 

151025.

- 이전에는 빠르게 움직이면 현재 마우스 기준으로 수치가 재설정되는데 현재는 처음 시작한 위치를 기억하여 빠르게 올렸다 내려도 위치가 변하지 않게 되었다.

- 앞이 가려진 절벽도 깎아낼 수 있다. 기준점에서 한 칸씩 올리며 절벽이 끝나는지 체크하고 깎아내는 것이다.

- 가이드를 좀 더 편하게 만들었다. 마우스를 기준으로 라인 형태의 가이드가 표시되며 적용되는 셀은 붉게 칠해진다. 좀 더 빠르고 정확한 작업이 가능하다.

- shift키를 눌러 기준 높이를 고정시킬 수 있다.

- alt키를 누르면 기준 높이와 같은 셀만 적용된다.(여기까지 왼쪽 gif)

- 마우스 휠을 눌러 지형을 부드럽게 만들 수 있다.(중앙 gif)

- 우클릭으로 지형을 넓힐 수 있다. ctrl키를 누르고 작업하면 높은 절벽을 깎지 않으며 ctrl+alt키를 누르면 절벽을 만들지 않는다.

(이미지첨부 제한으로 링크)

http://postfiles12.naver.net/20151025_267/oters_1445775733896M0sX4_GIF/1025_3.gif

- 지형은 대강 끝난 것 같으니 다음엔 구역이나 강을 만들 것 같다.

151107. 

- 물 흐름을 만드는 중. 뭘 어떡해야 할지 모르겠음.

151120. 

- 쉽...팔... 포맷했는데 백업 안해놨다.

[익명(222.103)]

좀보이드랑 굶지마 생각난다

[kssp(powerpq)]

막줄 진짜임....?

[익명(14.47)]

막줄의 상태가...?

[국졸(218.236)]

아니ㅋㅋㅋㅋㅋㅋㅋ 이보시오 - DCW

[둘기마요(oters2)]

다날린건 아니고 한달치 날림. 한 삼개월 놓고있다가 ㅊ최근에 다시시작함.

[Otoflak(badlow)]

아조시 추천 머거여

[Otoflak(badlow)]

근데 데이터 많이 분실하셔서 비추천도 드셔야겠어여

[cc(115.22)]

여러분 이래서 svn이 필요합니다...

[어ㅏㅇ(210.107)]

!!??