[📚정보] [알만툴] 그림 표시로 두 점을 연결하는 선 만들기

[vertex(4321vertex)]

1.알만툴에서의 좌표

위의 그림이 알만툴 VX ACE에서 화면의 좌표에요

x좌표는 오른쪽이 + 방향이고, y좌표는 아래쪽이 + 방향이에요

그리고 화면 왼쪽이 0,0, 오른쪽 아래가 544, 416이고, 화면의 중앙은 272, 208이에요

2. 이미지를 특정 각도로 회전시키는 스크립트

위의 사진처럼 스크립트창의 Game_Picture에

ㅡㅡㅡㅡㅡ

def turn(angle)

@angle = angle*-1*180/Math::PI

end

ㅡㅡㅡㅡㅡ

위의 스크립트를 입력하면,

ㅡㅡㅡㅡㅡ

screen.pictures[i].turn(a)

ㅡㅡㅡㅡㅡ

위와같은 명령어로 i번째 이미지를 a만큼의 각도로 회전시킬수 있어요,

이때 각도는 라디안으로 입력해야 해요, 예를들어서 30도를 입력하고 싶으면

30*(Math::PI/180)

를 입력해야해요

그리고 회전방향은 x좌표가 오른쪽이 +고 y좌표가 아래쪽이 +니까, 오른쪽의 0도에서 시작해서 아래로 내려가는 방향이에요

3. 이미지의 길이 변경하기

위의 사진처럼 이미지 표시에서 가로 확대 비율을 조정하면, 이미지의 가로 크기를 늘리거나 줄일수 있어요

예를들어서 위의 값을 50으로 줄이면, 가로가 절반으로 줄어들은 이미지가 나오게 되고, 200으로 늘리면 가로가 두배로 늘어난 이미지가 나오게 되요

위의 그림은 20x10픽셀의 그림이에요, 그리고 오른쪽의 10픽셀 부분에만 이미지가 있는거에요

그리고 위의 그림처럼, 중앙을 기준으로 오른쪽에만 이미지가 있는 그림을 사용하면

이미지의 가로 비율을 늘리거나 줄이는걸로, 시작지점인 이미지의 중앙지점은 그대로 유지하면서, 도착지점인 이미지의 오른쪽 끝 지점까지의 길이만 늘리고 줄일수 있어요

4. 두 점 사이의 거리와 각도 구하기

위의 공식이 두 점 사이의 거리를 구하는 공식이에요,

위에서 ^2는 제곱이에요

그리고 위의 공식이 두 점 사이의 각도를 구하는 공식이에요

위에서 arctan2는 삼각함수인 아크탄젠트2에요

5. 그림 표시로 두 점을 연결하는 선 만들기

ㅡㅡㅡㅡㅡ

def pline(x1,y1,x2,y2,c,op,i)

x1,y1,x2,y2=x1+0.0001,y1+0.0002,x2+0.0003,y2+0.0004

a=Math.atan2(y2-y1,x2-x1)

r=((x2-x1)**2+(y2-y1)**2)**0.5

screen.pictures[i].show("c"+c.to_s, 1, x1,y1, 100*r*0.1, 100, op, 0)

screen.pictures[i].turn(a)

end

ㅡㅡㅡㅡㅡ

위의 코드가 그림 표시로 x1,y1과 x2,y2의 두 점 사이를 연결하는 선을 만드는 코드에요

우선 선이 완전한 수평이나 수직이 되면 아크탄젠트2에 오류가 나올수도 있어서 두 점의 xy좌표를 미세하게 서로 다르게 조정해요

그런다음 앞에서 설명한 공식대로 두 점 사이의 각도와 거리를 구한다음

앞에서 설명한 이미지의 각도와 거리를 변경하는 방식으로, 1점에서 시작해서 2점까지의 각도로 회전하고, 2점까지의 거리만큼의 길이를 가진 이미지를 생성하는거에요

여기서는 앞에서 올려놓은 20x10픽셀의 이미지를 사용해요, 즉 이미지의 가로비율을 100으로 표시하면 10픽셀 길이의 이미지가 나오고, 10으로 표시하면 1픽셀 길이의 이미지가 나오니까, 특정 길이인 r만큼의 픽셀을 가진 이미지를 표시하려면 100*0.1*r을 이미지의 가로확대비율로 설정하면 되요

c는 선의 색깔이에요

위에서부터 아래까지 1~11번의 색깔이에요, 앞에서 올려놓은것과 동일한 20x10픽셀 크기의 이미지에요

각각의 이미지 파일의 이름이 c1 ~ c11이라 입력한 c값을 문자열로 변환해서 문자열인 c랑 합쳐서 해당 문자열의 이름의 이미지 파일을 출력하는거에요

그리고 op는 이미지의 투명도에요, 0이면 완전히 투명하게 나오고, 255면 일반적인 이미지로 나오게 되요

그리고 i는 생성하는 이미지의 번호에요

그리고 위의 사진이 실제로 해당 코드를 사용해서 화면에 선을 생성한거에요

첫번째는 272,208과 172,108,을 이어주는 주황색(2)의 선이에요

두번째는 400,300과 50,250 을 이어주는 초록색(6)의 선이에요

세번째는 500,100과 450,300을 이어주는 파랑색(8)의 선이에요

[링크]

각각의 색깔별 이미지는 위의 링크에 있어요

[Indie 1(118.32)]

아으...머리야..

[퀼트(mok9181)]