알만툴 VX ACE로 방향키 입력으로 움직이는 그림을 만드는 방법에 대한 글이에요

그리고 저도 알만툴을 엄청 잘 알고있는건 아니라, 제가 아는 범위 안에서만 쓰는 글이에요

https://forums.rpgmakerweb.com/index.php?threads/script-call-collection-for-vxace.25759/#entry247427

Script Call Collection for VXAce

Table of Contents     Event Page 1 † Message † Party † Actor †  † Game Progression † Flow Control †    Event Page 2 † Movement † Timing † Picture and Weather †  † Character † Screen Effect † Music and Sounds †    Event Page 3 † Scene Control † Map † System Settings †  † Battle † Movie †   ...

forums.rpgmakerweb.com

위에 올려놓은 링크로 들어가면, 알만툴의 기본적인 명령어들의 스크립트를 볼 수 있어요

1. 알만툴 화면 안에서의 이미지 좌표와 각도

첫번째로 설명해야 하는 내용은 알만툴 화면 안에서의 이미지의 좌표랑 각도에 대한 내용이에요

위에 올려놓은 그림이 알만툴 VX ACE에서의 화면 안에서의 좌표와 각도에 대한 그림이에요

우선 왼쪽 그림은, 알만툴 화면 안에서의 x랑 y좌표에 대한 내용이에요

그림에서 보이는것처럼 화면 왼쪽 가장자리의 x값이 0이고

오른쪽 가장자리의 x값이 544

그리고 위쪽 가장자리의 y값이 0이고

아래쪽 가장자리의 y값이 416이에요

일반적인 좌표계랑 다르게 y값이 위로 갈수록 감소하고, 아래로 내려갈수록 증가하는 방향이에요

그리고 다음으로 오른쪽 그림은, 알만툴 화면 안에서의 극좌표계의 각도에 대한 내용이에요

오른쪽의 0도에서 시작해서, 시계방향으로 회전해요, 그래서 아래가 90도 왼쪽이 180도 위쪽이 270도가 되는 방식이에요

앞서 설명했던것처럼 알만툴 화면에서는 일반적인 좌표계랑 다르게 y좌표가 위로갈수록 감소하고 아래로 갈수록 증가하기 때문에

알만툴 화면 안에서의 극좌표계의 각도도, 0도에서 시작해서 반시계방향으로 증가하는 일반적인 극좌표계와는 다르게

0도에서 시작해서 시계방향으로 증가하는 방식이에요

그리고 아래의 수식은, 극좌표계상에서 특정 각도와 길이만큼 떨어진 점을 표시하는 수식이에요

그림에 나와있는것처럼 원점 (x1,y1)로부터 a각도로 r거리만큼 떨어진 점 (x2,y2)의 좌표는

x2 = x1+r*cos(a)

y2 = y1+r*sin(a) 

로 구할수 있어요, cos 랑 sin은 삼각함수에요

2. 방향키 입력 함수와 좌표값 범위 제한 함수

ㅡㅡㅡㅡㅡ

def input_arrow()

angle = nil

if ( Input.press?(:DOWN) && Input.press?(:RIGHT) ) && angle == nil

angle = (Math::PI/180)*45

end

if ( Input.press?(:DOWN) && Input.press?(:LEFT) ) && angle == nil

angle = (Math::PI/180)*135

end

if ( Input.press?(:UP) && Input.press?(:LEFT) ) && angle == nil

angle = (Math::PI/180)*225

end

if ( Input.press?(:UP) && Input.press?(:RIGHT) ) && angle == nil

angle = (Math::PI/180)*315

end

if Input.press?(:RIGHT) && angle == nil

angle = 0

end

if Input.press?(:DOWN) && angle == nil

angle = (Math::PI/180)*90

end

if Input.press?(:LEFT) && angle == nil

angle = (Math::PI/180)*180

end

if Input.press?(:UP) && angle == nil

angle = (Math::PI/180)*270

end

return angle

end

ㅡㅡㅡㅡㅡ

ㅡㅡㅡㅡㅡ

def inside(x,y,r,l,t,b)

x1, y1 = x, y

if x>r

x1 = r

end

if x<l

x1 = l

end

if y<t

y1 = t

end

if y>b

y1 = b 

end

return x1,y1

end

ㅡㅡㅡㅡㅡ

알피지 메이커 VX ACE는 프로그래밍 언어로 Ruby를 사용하고 있어요

그리고 위에 올려놓은 코드는 Ruby 프로그래밍 언어랑, 알만툴 내의 명령어를 이용해서 정의한

방향키 입력값을 출력하는 함수와, 좌표의 범위를 제한하는 함수에요

첫번째 함수는 input_arrow()함수에요, 키보드의 방향키 입력에 따라서 출력값이 달라지는 함수에요

만약 아무런 방향키도 입력하지 않았다면 nil 을 출력하고

키보드의 특정한 방향키가 입력되고 있다면, 8방향으로 해당 각도를 라디안값으로 출력해요

첫번째에서 올려놓은것처럼 알만툴 화면 상에서의 각도값으로 출력하는거에요

예를들어서 오른쪽 방향키는 0도, 오른쪽이랑 아래를 동시에 누르면 45도

아래키만 누르면 90도, 아래키랑 왼쪽키를 동시에 누르면 135도, 이런식으로 8방향 각도로 출력해요

Ruby프로그래밍 언어는 각도로 라디안을 사용해요,

라디안에서는 파이(약 3.14)가 180도에요

즉, 180도를 입력하고 싶으면 180이 아니라 약 3.14인 파이값을 입력해야해요

그리고 이 첫번째 함수는, 방향키로 그림을 움직일때

플레이어가 지금 어떤 방향키를 누르고 있는지를 체크하기 위해서 사용해요

그리고 두번째 함수는 inside(x,y,r,l,t,b) 함수에요

이건 입력값으로 입력한 x값이 l보다 작으면 l값을 출력하고, 그렇지 않으면 입력값 x를 그대로 출력해요

마찬가지로 r보다 크면 r을 출력하고, 그렇지 않으면 x를 출력해요

y값도 동일하게 t보다 작으면 t값을 출력하고, 그렇지 않으면 입력한 y값을

마찬가지로 b보다 크면 b값을 출력하고, 그렇지 않으면 입력한 y값을 출력해요

즉, xy값을 r l t b 범위 안으로 제한시켜주는 함수에요

이건, 플레이어가 방향키로 그림을 움직일때, 그림이 화면 밖으로 벗어나지 않도록 하는대에 사용되는 함수에요

그림의 현재좌표가 화면 밖으로 벗어났을때 화면 안쪽으로 제한시키는대에 사용되는 함수에요

3. 인게임에서의 적용

이게 프로젝트 파일의 예시에요, 맵의 배경을 설정한거랑, 오른쪽 위의 이벤트 빼고는 아무것도 없는 비어있는 맵이에요

그리고 이건 오른쪽 위에 있는 이벤트의 내용이에요,

이벤트의 내용을 보면, 첫번째인

$player_x = 272

$player_y = 208

$player_move = 5

이건 각각 플레이어의 시작 xy위치, 그리고 이동속도를 정의하는거에요

여기서는 272,208 즉 화면 중앙에서 시작하도록 했어요

그리고 아래의 루프로 반복하는 부분은

if input_arrow() != nil

$player_x += $player_move*Math.cos(input_arrow())

$player_y += $player_move*Math.sin(input_arrow())

$player_x, $player_y = inside($player_x, $player_y, 544-24, 0+24, 0+24, 416-24)

end

screen.pictures[1].show("picture1", 1, $player_x, $player_y, 100, 100, 255, 0)

이 내용이에요, 앞서 설명한 함수들을 사용하는거에요

우선 input_arrow()가 nil이 아니면, 즉 플레이어가 방향키를 눌렀으면

그 각도에 따라서, 앞서 설명한 극좌표계상의 각도와 거리 공식으로, 플레이어의 이동속도만큼 플레이어의 좌표를 이동시키고

그다음 inside(x,y,r,l,t,b)함수로 그 범위를 화면을 벗어나지 않도록 제한하는거에요, 

여기서는 48x48크기의 이미지를 움직이기 때문에, 이미지가 화면 가장자리에서 24만큼 안쪽의 범위를 벗어나지 않도록 했어요

그리고 아래에서는 해당 xy좌표로 이미지를 표시하는거에요,

이런식으로 하면 실시간으로 플레이어의 좌표값에 이미지를 표시해주니까

결국 플레이어가 방향키로 이동시키는 이미지를 만들수 있게되는거에요

이건 스크립트 에디터에서 앞서 설명해놓은 함수를 정의해놓는 부분이에요,

여기서는 위에 표시한 (Insert here)부분에다 원래 있던 초록색 주석을 제거하고 적어놓았어요

이게 인게임상에서 움직이는 이미지에요, 위에 올려놓은것처럼 Picture에 넣어놓았어요, 48x48크기에요

그리고 이런식으로 하면, 위에 올려놓은 영상처럼 플레이어의 방향키 입력에 따라서 움직이는 이미지를 만들수 있어요