트링클 개발일지 1편

밤하늘에는 계절마다 삼각형이 있다.

1. 추억의 삼각형 게임

내가 중학교 다닐 때니까 쉬는 시간이 되면 친구들이 공책을 들고 와서 하자고 했던 게임이 있다. 일단 공책의 맨 뒷장을 펼친 다음에 점을 파파팍 많이 찍는다. 그리고 친구와 교대로 점을 이어서 선분을 하나씩 긋는데, 삼각형을 그리면 자기 영역 표시를 하고 화면에 가득 삼각형을 그리면 누가 많이 그렸는지 세서 많이 그린 사람이 이기는 게임이다. 중독성이 심해서 한동안 했던 것 같다.

2. 게임화면 만들기 – 공책에서 밤하늘로, 다시 칠판으로

시작은 게임화면 만들기로 시작된다. 게임화면은 추억의 느낌으로 공책처럼 줄을 긋는다는 게 맨 처음에 든 생각이었고, 점수판의 바탕도 투명하게 해서 점수를 공책에 쓴 것처럼 보이게 하자고 했다.
그러다가 밤하늘의 콘셉트를 생각해서 밤하늘의 느낌이 나는 색깔로 바탕을 깔았다. 그러다가 갑자기 밤하늘 사진을 바탕에 깔까 생각했는데 밤하늘이 가만 보면 은근히 무서워서 (나만 그런가?) 그냥 밤하늘 색깔로 깔았다. 나중에는 수수랜드 콘셉트에 맞게 칠판색으로 바뀌었다.

3. 점 배치의 원칙

그리고 점을 깔아야 한다. 점을 전체 화면에 골고루 깔아서 점들이 한쪽으로 치우치지도 않으면서 그렇다고 규칙적으로 있지도 않으면서 점과 점이 붙지도 않게 깔아야 한다. 그래서 화면에 xy 좌표가 있다고 생각하고 점들의 무게 중심은 중앙에 오게 하고 점들 사이의 최소거리를 설정해서 랜덤으로 몇 번 별을 던져서 조건에 맞으면 별이 고정되고 게임이 시작된다.

4. 클로드와의 대화 – 트링클 2인용 게임 만들기

게임의 이름이 트링클로 정해지고, NPC와의 대결을 만들다가 실패하고 나서 2인용 게임을 만들 때 클로드와 대화한 채팅창이다. 클로드가 기억이 없기 때문에 새 채팅창에서는 초심으로 돌아가야 한다.
수수: 게임 화면을 만들 건데 의논부터 해요.
클로드: 어떤 게임을 만들고 싶은지 알려주시면 화면을 디자인해드릴게요.
수수: 게임 이름은 트링클인데 반짝이다와 삼각형을 합친 말이에요.
클로드: 멋진 이름이네요. (몇 가지 아이디어를 제시하더니) 게임의 목표나 룰에 대한 아이디어가 있으면 알려주세요.
수수: 일단 화면에 점들이 골고루 흩어져있어요.
클로드: 점들이 어떻게 생겼으면 좋겠어요? (점의 스타일과 배치와 개수와 크기를 제시한다)
수수: 점들은 그냥 동그란 점이면 됩니다.
클로드: 트링클의 기본 화면을 만들었습니다. (코드를 준다. 25개의 점들이 반짝인다)
수수: 점을 잘못 찍었어요. 의논 먼저 해요. 일단 점 8개만 골고루 흩어지게 해주세요.
클로드: 8개 점으로 무엇을 할 건가요? 그걸 알아야 올바르게 배치할 것 같아요.
수수: 최소거리가 필요해요. 점과 점을 이어서 선분을 만들 거예요.
클로드: 아, 이해했습니다. 선분을 그리는 방법은 어떻게 할까요? 점 사이의 최소 거리는 어느 정도를 할까요?
수수: 최소 거리는 화면의 25퍼센트 정도. 사용자 2사람이 교대로 점과 점을 이어서 선분을 긋는데, 사용자에 따라 다른 색깔의 선을 그어요.
클로드: (게임의 규칙을 물어보았다.)
수수: (게임의 규칙을 설명했다) 삼각형을 그리면 턴이 안 바뀌고요. 점이 점수판에 가리지 않게 하시고. 제가 거의 설명한 것 같은데 이해했는지 확인할게요.
클로드: (게임 규칙을 정리했다)
수수: 완벽해요.
(생략)
클로드: (새 코드 버전 5를 준다)
수수: koder에 넣으니까 제목만 보여요.
클로드: (새 코드 버전 6을 준다)
수수: 점수판의 위치가 안 맞아요. 그건 중요하지 않으니까 천천히 고치고 선을 그을 수가 없네요.
클로드: (새 코드 버전 7을 준다)
수수: 선이 잘 그려져요. 반응형으로 폰에서는 8개, 모니터에서는 12개 넣어주세요.
클로드: (새 코드 버전 8을 준다)
수수: 반응형 만들고 선이 안 그려져요.
클로드: (새 코드 버전 9를 준다)
수수: 삼각형을 잘 그려요. 사각형 그리니까 턴이 넘어가네요. 좋아요.
클로드: 개선하고 싶거나 추가하고 싶은 기능이 있나요?
수수: 점의 크기는 작아도 감지 범위는 크게 할 수 있나요?
클로드: (버전 10 코드를 준다)
수수: 점이 게임판에 가려지는데, 한두 개 안 보이는 것은 괜찮아요. 게임하다 보니 문제가 발생했는데 사각형을 그려서 턴이 넘어갔을 때 상대방이 대각선을 그려서 삼각형을 두 개 만들면 두 개의 삼각형을 모두 가져야 하는데 하나만 소유가 인정되고 있어요.
(생략)
클로드: (버전 13 코드를 준다)
채팅창이 끝났다.

5. 남아있는 기록들

채팅창을 자꾸 정리해서 남아 있는 게 별로 없다.​​​​​​​​​​​​​​​​

영어로 읽기 Read in English

즐거운 퍼즐 놀이터 · 수수랜드