딤딤과 만삐의 VNAP 강의 1. 비주얼 노벨을 만들자!

 

1강 보조강의 - 좌표질을 하자!

 

(주: 이번 강의는 딤딤이 썼습니다. 딤딤은 창조도시에서 활동을

하지 않고 있기 때문에 만삐가 올립니다.)

 

VNAP으로 게임을 만들기 위해서는 누구나 할 줄 알아야 하는 좌표질!
캐릭터를 둘 이상 세울 때도!
메뉴에서 버튼을 만들 때도!
자체 스킨을 적용할 때도!
좌표질은 반드시 필요하지요.
그럼 간단하게, 좌표가 무엇인지, 좌표질은 어떻게 하는지를 알아보도록 합시다.

 

1. 좌표란 무엇인가?

좌표라는 건, 그림 내의 특정 위치를 숫자로 나타낸 것입니다.

일단 아래의 그림을 봅시다.

 

 

오른쪽 그림은 왼쪽 그림을 16배로 확대한 것입니다.
그림이 무수한 점으로 이루어져 있지요?
컴퓨터 그래픽은 대개 이렇게 무수한 점으로 이루어져 있습니다.
이 점은 CG의 기본 단위로, 이를 1픽셀이라고 합니다.
640x480의 그림이라는 건
가로가 640개의 픽셀, 세로가 480개의 픽셀로 이루어진 그림이라는 뜻인 거지요.
각 점의 위치는 위 그림과 같습니다.

 

 

위 그림은 640x480으로 이루어져 있습니다.
가로의 위치인 좌표의 x점은 가장 왼쪽이1이고 오른쪽으로 갈수록 커집니다.
이 그림에서 가로 좌표의 마지막 숫자는 640이지요.
세로의 위치인 좌표의 y점은 가장 위쪽이1이고 아래로 갈수록 커집니다.
이 그림에서 세로 좌표의 마지막 숫자는 480이고요.
즉 어떤 점의 좌표를 쓰라고 하면
그 점의 가로 위치와 세로 위치를 써 주면 되는 겁니다.

(x,y) <-이렇게요.

 

2. 좌표질을 해 보자!

좌표질을 하려면 그림파일을 다루는 프로그램이 필요합니다.
여기서는 가장 익숙한 프로그램일 포토샵, 알씨, 그림판에서
좌표질 하는 법을 알아 봅시다.

 

포토샵

 

 

포토샵에서 좌표질을 하려면 'Info'라는 옵션이 필요합니다.
보통은 우측 옵션들 중에 있지만 혹시 없는 사람은
window를 열어서 info를 체크하면 됩니다.

 

 

우리가 주목해야 할 것은 이 부분.
그림을 열고 커서를 갔다 대면 그림의 x,y 위치가 표시됩니다.

 

알씨

 

 

알씨에서는 그림을 열고 마우스 커서를 갔다 대면
아래쪽에 좌표가 표시됩니다.
W,H는 선택시 영역의 가로 세로 길이를 말하는 것입니다.
물론 좌표와는 상관 없으니 신경쓰지 않으셔도 됩니다.

 

그림판

 

 

그림판에서는 우측 하단을 보면
마우스 커서를 갔다 대는 곳의 좌표가 표시되는 것을 볼 수 있습니다.

...간단하지요?

간단하지만 노가다성이라 불규칙한 위치 여러 개를 알아내려고 하다 보면
짜증나기도 하고 쉬이 틀리기도 하는 일이지요.
정확한 좌표질로 쾌적한 게임 제작을 하도록 합시다~