[📜일지] 탄막 에디터 제작기

[123(183.96)]

결과물

1월 13일. 다른 게임을 만들던 중 갑자기 탄막 에디터를 이렇게 하면 만들 수 있지 않을까? 하는 아이디어가 떠올라서 그대로 시작했던 프로젝트에요.

원래 리듬게임을 많이하고, 에디터로 레벨 만드는 취미가 있어서, 의외로 탄막 에디터를 만드는데 도움이 많이 되었던 것 같아요.

1월 21일

이때쯤 머릿속에 있던걸 일단 구현하는데는 성공했어요.

오브젝트 안에 패턴그룹이 있고, 그 안에 패턴들이 있는 구조.

패턴은 저장된 총알을 지정된 주기마다 스폰시키는 방식.

이때는 진짜 그냥 흥미, 호기심에 계속 프로젝트를 이어나갔던 것 같아요

1월 31일

음악을 로드시키고, bpm에 맞춰서 탄막을 스폰시키고, 변속/순간이동 기능을 추가했어요

이때 진짜 재밌었어요. 지금 보면 엄청 허접하긴 한데, 솔직히 되게 신기했어요. 이게 되는구나.

탄막을 오브젝트가 아닌, Graphics.Drawmeshinstanced로 매트릭스 배열을 넣어줘서 렌더링 시켜줬어요

이 때 진짜 구글을 한참동안 해맸던것 같아요.

매트릭스 배열과 함께 각 탄막의 텍스쳐를 지정해주기 위해 텍스쳐 배열, 플로트 배열도 함께 넣어줬는데, 이를 위해 되게 짧고 간단하지만, 아무튼 쉐이더를 작성해야 했어요.

솔직히 아직도 이해 안되는데 암튼 어떻게든 해냈어요.

2월 2일

이거 만들고 되게 좋아했는데

에디터가 얼마나 불안정했는지도 보여주는 영상이에요

이 때는 탄막의 위치 계산을 1/8초마다 했어요. 1초동안 원형으로 움직인다면 8각형이 그려지는 식이요.

에디터에서는 매 프레임 이 탄막이 어디에 있는지 알 수 있어야 했기 때문에,

매 프레임 탄막의 시작위치로부터 1/8초마다 계산을 해서 현재 위치를 구했어요

레벨이 0초에서 15초로 순간이동할 수도 있기 때문에 이전 위치에서부터 델타타임만큼 탄막을 움직이는건 불가능했어요.

만약 총알이 30초동안 살아있다면 총알마다 매 프레임 240회 계산해줘야 했기 때문에 총알이 오랫동안 존재하면 렉이 점점 많이 걸리는 구조였어요.

근데 이때는 눈치채지 못해서 마냥 좋아했던 기억이..

이때 렉을 해결하려고 탄막 위치를 계산할 때 별도의 스레드에서 계산해줬어요.

배열이 존재하고 유니티는 매 프레임 해당 배열의 정보를 렌더링 시켜줘요.

스레드에서는 해당 배열에 접근해서 계속해서 방금 계산된 탄막 위치를 업데이트 시켜줘요.

스레드가 돌고있던, 돌고있지 않던 해당 배열 내의 정보만 렌더링 시키면 되기 때문에 큰 문제 없이 구현했던 것 같아요.

탄막리스트가 있을 때, n % (스레드 개수) 해서 탄막리스트를 스레드 개수로 나누어서 스레드로 계산해줬어요

2월 7일

UI를 크게 갈아 엎었어요.

레벨을 만들면서 버그를 발견하고 고치고의 반복이였어요.

이때도 되게 즐겁게 개발했어요.

2월 18일

150달러짜리 브라우저 에셋을 구입해서, 유튜브와 싱크를 맞춰 레벨을 플레이하는 기능을 만들었어요

지금 생각해도 뿌듯해요. 가능한지도 모르는채로 무작정 구현해냈어요.

버퍼링 걸리면, 레벨을 잠시 멈추고 풀리면 다시 싱크 맞추고, 재생해요.

유튜브 약관중에 영상을 올리면 다른 이용자가 유튜브 서비스를 이용해서(퍼가기 등) 자유롭게 사용할 수 있다는 부분이 존재해요.

레벨을 공유할 때, 레벨데이터와 유튜브 링크만 공유하면 되는 방식이에요.

2월 22일

알 방법이 없어서 모르고 있었지만, 탄막이 매우 불안정하고, 계산이 완전히 잘못되는 부분들이 여전히 많아요

탄막을 어떻게 만들어야 하는지 잘 모를 때라 그냥 마구잡이로 스폰시켰어요

지금보면 허접한데 이 때는 진짜 멋지다고 생각했어요 ㅋㅋ

3월 6일, 8일

리듬게임을 워낙 좋아해서 넣었는데

현재는 실험적인 기능으로 추가만 되어있는 상황이에요 작동은 제대로 돼요.

그 외에도 탄막 계산을 1/8초주기에서 1/80초주기로 바꿨어요

3월 18일

스레드 개수 조절, 프레임 조절 등 각종 기능을 많이 추가하고, 탄막 계산 주기를 1/80초가 아닌 자유롭게 설정 가능하게 만들었어요

탄막이 n초 생존했을 때, 만약 그 시점의 탄막 위치가 이미 계산된적이 있다면 메모리에서 그대로 읽어와요.

0초부터 조금씩 더해가며 위치를 구할 필요가 없어졌어요.

탄막이 n초 생존했을 때, 만일 마지막으로 계산된 시점이 n-1초라면 n-1초의 위치부터 n초까지 1/80초씩 더해가며 계산하고, 메모리에 적어요.

가비지 때문에 애먹었는데, C#에서도 메모리를 수동으로 할당/해제하는 방법이 존재했어요

Marshal.AllocHGlobal를 이용하면 할당해줘요.

찾아보니 이런 용도로 사용하는건 아닌 것 같지만, 아무튼.

레벨이 열릴 때 탄막이 로드되며, 바로 사용할 메모리를 할당받아요.

탄막이 10초 생존하면 800개의 공간이 필요해요 하나의 공간에는 x,y,방향 데이터 12바이트가 필요하니 탄막 하나당 9600바이트, 9.6kb가 필요해요.

탄막 10만개면 대충 1기가바이트 필요하겠네요. 보통은 5만개이하로 사용하는 것 같아요

탄막을 언로드하면서, 메모리를 해제시켜요.

계속 잘못된 메모리에 접근하고, 해제해서 유니티가 계속 크래시되는 바람에 되게 힘들었어요

제대로 구현한 이후로는 되게 안정적이에요

3월 19일

애니메이터를 만들었어요

이게 진짜 머리아팠던게, 애니메이션을 다른 애니메이션의 자식으로 설정할 수가 있는데, 이게 무한히 이어질 수 있는 구조에요.

자식은 부모의 이동을 따라가요.

그런데 애니메이션을 편집 할 때, 편집하기 쉽게 직전 부모를 중앙에 고정시킨 채로 현재 애니메이션을 편집 할 수 있어야 해요.

만약 자식이 부모의 회전과 연관이 없다면, 부모는 회전하고

만약 자식이 부모를 따라서 회전하면, 부모는 회전하지 않아요. 편집하기 쉽게.

각종 세세한 부분을 어떻게, 어떤 규칙으로 만들지 정하는게 제일 힘들었어요

그리고 드래그로 애니메이션 오브젝트를 움직이고, 늘리고 회전시키는 기능을 구현하는게 꽤나 헷갈렸어요

솔직히 버그가 있을법한데, 이걸로 복잡한걸 만들어본적이 없어서 모르겠네요.

지금은 스냅기능도 있어요

3월 27일

각종 맵 효과를 추가했어요(라이팅, 카메라 이펙트, 카메라 움직임, 배경 등)

배경을 넣어본 레벨

4월 3일

기능적인 부분은 거의 완성 되어갈 시기에요.

탄막의 이동경로를 png로 만들어서 위험한 지역을 경고하는 기능이 추가되었어요

에디터 위에서 모든 탄막의 위치가 1/80초마다 메모리에 저장되어 있기 때문에 그냥 그대로 비트맵에 찍어주면 돼요.

탄막이 매우 빠를 때, 1/80초마다 찍은 지점이 이어지지 않기 때문에,

현재 지점과 이전 지점이 탄막의 반지름보다 많이 떨어져 있다면, 그 사이를 채워주는 알고리즘을 추가했어요

이것도 곡선이동 탄막이면 부정확 하지만, 이게 제 한계에요. 머리아파

4월 7일

4월 19일

UI를 다시 갈아엎었어요.

타임라인의 확대/축소가 구현되었어요.

이 때 거의 완성되었는데 버그가 끊이질 않고 계속 나왔어요 ㅋㅋ

4월 29일

스팀 창작마당 추가!

레벨을 게임 내에서 업로드, 다운로드 할 수 있어요. 오디오 파일은 업로드 되지 않고 유튜브 링크만 공유가 가능해요.

API가 워낙 잘 만들어져 있어서 큰 어려움은 없었어요

5월 8일

버그는 여전히 발견되지만, 출시해도 되는 수준까지 왔어요

리플레이모드 추가하고, 레벨을 n초부터 시작할 수 있는 연습모드도 추가했어요

5월 17일

레벨을 열심히 만들었고, 해당 곡의 라이센스를 구했어요.

그 과정에서 그냥 레벨 하나만 넣고 무료로 풀기로 결정했어요.

아르바이트를 구하기도 너무 애매하고 돈이 너무 없어서 진짜 서러웠어요

비영리적 이용가능 음악들이 있긴 한데, 너무 지쳐서 다 때려치고 개발도 멈췄던 시기.

4개월간 이 프로젝트로 머리가 꽉꽉 차있었는데 갑자기 사라지니깐 미친듯이 우울해졌어요

내 스스로가 막 하찮아보이고. 이게 뭐라고 혼자서 우쭐우쭐한 기분으로 있었는지도 모르겠고 ㅋㅋㅋ

그냥 출시하고, 학교공부나 하려고요.

그냥 나중에 이런거 말고 회사 들어가서 맘 편하게 시키는 일 하고싶다는 생각이 마구 드네요

6월

같은 노래로 최근에 새로 만든거. 아직 손볼 곳이 많아요

6월 13일. 개발 시작한지 정확히 5개월 되는 날에 출시할 예정이에요

지금 대학교 2학년인데, 졸업작품 만들 때 최적화 위주로 유니티 없이 다시 만들어볼까 생각중이에요.

완성하고 나니깐 좋네요.

인생 업적 하나 생겼다. 첫번째 완성작이에요.

매번 그래픽 부분에서 포기했었는데, 이번 프로젝트는 딱히 그래픽이 필요 없어서 완성할 수 있었어요.

[김메가(scw973108)]

눈이 돌아오

[익명(61.79)]

상위 0.00000000001퍼 - dc App

[위스플(wlsh0310)]

당신 능력자였군?

[익명(175.195)]

저...저걸 어케 피해 ㅋㅋㅋㅋㅋ

[익명(ncpurple)]

대박

[321(220.76)]

멋져요