[💬] 야매 탄광차 퍼즐 제작기 01

[ㅇㅅ(jerrycan)]

툴은 유니티.

글로 정리하면서 쓰면 생각정리가 잘 됨으로

의식의 흐름기법으로 일기를 써보기로 함 ㅋ

이벤트 스테이지로 기획된 지하동굴 맵에서 사용될 예정인 탄광차 퍼즐을 만들기로 했다.

주인공 일행이 탄광차를 타고 지하동굴에 깔려있는 레일을 타고 이동하는 큰 규모의 퍼즐임.

내가 원하는 느낌은 이런식으로 탄광차를 타고 다니는 것.

윗 게임과 똑같이 잠시 타거나 이런 용도는 아니고

탄광차 타고 레일 위를 빙글빙글 돌면서 레버로 레일을 바꿔가며 맞는 길을 찾아가는 퍼즐임.

(참고로 위 게임은 [Super Bomberman 3])

기본적인 규칙은 

1. 플레이어는 열차를 탄 채 레일 위를 일정한 방향으로 이동한다.

2. 레일은 몇몇 구간을 빙글빙글 돈다.

3. 플레이어는 갈림김 레일에서 레버를 당겨서 이동할 방향을 바꿀 수 있다.

4. 같은 길을 뱅글뱅글 돌면서 맞는 길을 찾아나간다.

추가적으로 고려해야하는 규칙은

1. 퍼즐을 조작하여 반대방향으로 레일에 진입한 경우 반대방향으로 움직일 수 있다.(중요)

2. 1의 규칙을 적용할 때 발생하는 길막힘 현상을 막기 위해 일정 방향으로 움직이면

플레이어가 조작하지 않아도 발동되는 레버도 필요하다.

정도가 있겠음.

열차가 레일을 따라가게 하는 방법이야 여러 가지 있겠지만...

난 실력이 없는 고로 내 지식 한계 안에서 만들기로 하였음.

내가 생각한 방법은 Waypoint를 만들어서 쓰는 거임.

Waypoint는 자신의 좌표, 이곳에 도달하였을 때 다음 목적지로 설정될 Waypoint,

이곳에 도달하기 전 출발했을 Waypoint(역방향 이동용), 그리고 플레이어가 해당

Waypoint를 사용하고 있을 때 레버 이벤트를 일으키면 바뀔 다음 Waypoint,

마지막으로 역방향으로 이동 시 레버를 사용했을 때 바뀔 이전 Waypoint를 가져야 함.

좌표를 제외한 나머지 값들은 String형의 이름으로 저장했다가

Waypoint들을 다 배치하고 난뒤에 이름으로 찾아서 등록하기로 함.(이건 메서드로..)

(한 Waypoint가 인스턴스화 된 시점에서 그 Waypoint가 참조해야하는 다른 Waypoint가

아직 인스턴스화되지 않았을수도 있어서... 어떤걸 참조해야하는지를 이름으로 저장한뒤

모든 Waypoint가 인스턴스화 된 시점에서 한번에 참조할꺼임.)

Waypoint를 클래스로 만듬.

(자료구조 같은 거 공부하면 나오는 순환형 링크드 리스트 비슷한거라고 보면 될지도..)

현재 Waypoint의 좌표에서 방향상 다음 Waypoint의 좌표로 이동하고,

해당 좌표에 도착하면 다음 Waypoint에 등록된 다음 Waypoint로 이동하는 방식으로 만들거임.

레버이벤트가 발생하면 현재 이동하고 있는 방향 앞쪽에 레버가 있을 경우,

다음 Waypoint가 레버에 지정된 Waypoint로 바뀌도록 구현하면 될꺼임..아마도 ㅋ

그럼 Waypoint의 구조도 생각해봤으니 이젠

Waypoint 사이를 누빌 우리의 탄광차가 어떻게 움직일지를 결정할 시간.

우리의 탄광차가 이동하는경로를 그려보면 다음과 같을 것(악필눈갱 ㅈㅅ;)

반대방향도 있지만.. 일단 나중에 생각하고

상 하 좌 우 움직임 말고도, 상에서 좌로, 좌에서 우로  등

커브를 틀면서 움직여야 하는 구간이 생김(군대처럼 우로 돌아 좌로 돌아 하면서 움직일게 아니라면..)

상하좌우 움직임은 시작점과 끝점을 알고 있으니 Vector3.Lerp로 움직이면 될꺼고..

이렇게 커브를 틀면서 움직이는건 베지어 곡선을 쓰기로 함.

베지어 곡선은 곡선을 그리는 알고리즘으로 개념이 쉽고 유용하고 유명한 것임.

혹시 모르는 분들을 위해 내가 설명하....긴 귀찮고 설명잘된 링크를 남김

http://blog.naver.com/PostView.nhn?blogId=kyuniitale&logNo=40022945907&redirect=Dlog&widgetTypeCall=true

내가 필요한건 복잡한 곡선이 아님으로... 걍 단순하고 내가 원하는 모양의 곡선을 만드는 2차 베지어 곡선을 쓰기로 함

식은 이거임.

B(t)가 저 점의 위치임.

    Vector3 BezierCurves(Vector2 A, Vector2 mid, Vector2 B, float t)

    {

        float u = 1 - t;

        float tt = t * t;

        float uu = u * u;

        Vector2 result = uu * A + 2 * t * u * mid + tt * B;

        return (Vector3)result;

    }

대충 이런식으로 만들어서 Vector3.Lerp처럼 쓰면 됨

그리고 Waypoint를 네모난 칸 안에다가 저런식으로 배치한다음 

파란색 점 부분을 베지어 곡선의 중간 점에다가 넣어주면 내가 원하는 이쁜 곡선이 나와줄것...

(시작점의 x와 도착점의 y)

단, 움직이는 방향과 이동하는 방향에 따라 중간점의 좌표를 결정하는 방식이 다름

(시작점의 x와 도착점의 y) , (시작점의 y와 도착점의 x) 두가지로 나뉘는데

적당히 조건문 달아서 나눠주었음.

이걸로 이동 방식도 결정함.

그리고 애니메이션으로 현재 어느 방향으로 움직이는지에 따라

적합한 스프라이트로 변경해줄 것임으로, 현재 움직이는 방향을 체크하는 기능을 추가하기로함.

(방향의 체크는 Waypoint가 변경될 때 한번만 해주면 될 것같음.)

대충 기본 틀을 어떤식으로 만들지 정했으니 구현을 해보기로함.

임시 레일이 되어줄 길바닥. 그림담당분께서 레일 리소스는 만들긴 하신것같은데

공유를 아직 안해주셨음으로...테스트 용으로 기존에 있단 바닥을 사용함.

여기에 웨이 포인트들을 설치해봤음. 원래는 아무 모양도 없는 빈 오브젝트이지만

길 따라 잘 움직이고 있는지 테스트하기위해 시각화를 시켜봤음(참고로 동그랗고 귀여운 저건 우리게임 마스코트 내가 그린거임....)

이제 레일에 테스트용 탄광차를 올려봤음(리소스가 아직 없음..)

탄광차의 초기 Waypoint는 따로 설정을 해줘야 함.

레일을 잘 따라가는거 확인

내일은 테스트용 레일을 좀더 늘린다음

레버를 만들어서 레일 방향을 바꾸는걸 구현해야겟음..

[출처] 베지어 곡선 (Bez

[스넬ㄹ(snails88)]

수학보소..

[라멛(123.228)]

수학는 개추야

[ㅁㅁ(112.157)]

이과 다 죽엇으면...