안녕하세요. 오늘은 좌표 증감 표현식에 대해서 알아보도록 하겠습니다. 좀 복잡하기도 하고 어려울 수도 있는 내용이지만, 하나씩 따라 하면서 기능을 익히면 좀 더 쉽게 복잡한 스크립트를 작성할 수 있게 됩니다. 굳이 이렇게 복잡하게 만들 필요가 있을까 싶지만, 어떤 기능을 서브 스크립트로 만들어서 등록해두고 재사용하면 효율이 좋아질 수도 있을 거 같아요^^

첨부되어 있는 예제를 다운로드하여 실행하면 아래 동영상과 같은 효과를 볼 수 있습니다.

이 예제는 연속해서 사각형을 그려줍니다.

우선, 새로운 스크립트를 하나 생성하세요.

1. File

2. 새로 만들기

3. 스크립트

Functions에 있는 변수 선언을 클릭하여 3번으로 드래그 드롭하세요. 그리고, 4번처럼 이 변수의 이름을 "첫번째"로 설정합니다. 동일한 방법으로 한번 더 변수를 추가해줍니다. 그리고 이름은 "두 번째"로 설정하세요.

1. Functions 클릭

2. 변수 선언 클릭

3. 드래그 앤 드롭으로 스크립트에 추가

4. 추가한 변수의 이름을 "마우스"로 설정

변수에 기본 값을 저장하기 위해 마우스 이동을 하나 추가해줍니다.

1. Tools 클릭
2. 마우스 이동 선택
3. 스크립트로 드래그 앤 드롭하여 추가
4. "마우스" 변수 선택
5. 입력할 값에 "Point" 선택
6. 좌표 설정

이제 반복 작업입니다. 마우스 다운과 업의 좌표를 다르게 해서 선을 그어줍니다. 먼저 마우스 다운을 추가하세요.

1. 마우스 왼쪽 다운 선택
2. 스크립트로 드래그 앤 드롭하여 추가
3. 마우스 이동에서 저장한 좌표 값을 가져올 변수 선택
4. 변수에 저장된 값을 적용시킬 속성 선택
5. 나중에 반복시키기 위해 미리 아이디를 설정하세요.

저장된 "마우스" 변수를 가져와서 X좌표에 100을 증가시킵니다. 마우스 좌표의 X값이 100이었다면 100을 더해서 "마우스" 변수에 넣어주는 작업입니다.

1. Functions 선택
2. 표현식의 좌표 증감 선택
3. 스크립트로 드래그 앤 드롭하여 추가
4. 마우스 변수를 가져옵니다.
5. X값에 100을 증가시킵니다.
6. X값을 100 증가시킨 후 마우스 변수에 넣습니다.

마우스 왼쪽 업 액션에 "마우스" 변수를 Point에 적용시킵니다. 앞에서 변수의 X좌표 값에 100을 더해줬으므로 마우스 다운 후 마우스 업은 X좌표로 100만큼 이동하게 됩니다. 그러면 하나의 가로 라인이 그려지게 됩니다.

1. Tools 선택
2. 마우스의 왼쪽 업 선택
3. 스크립트로 드래그 앤 드롭하여 추가
4. 마우스 변수 선택
5. Point에 마우스 변수 값을 입력

이와 같이 3번 더 작업합니다. 마우스 다운에 아이디는 제거하고요^^

두 번째 좌표 증감은 0, 100이고 세 번째는 -100, 0, 네 번째는 0, -100입니다. 이렇게 하면 정사각형이 그려집니다. 그리고, 마지막에 Loop(반복)를 추가하고 Start ID를 첫 번째 마우스 다운으로 선택하세요. 반복은 4회입니다.

사각형을 오른쪽 아래로 이동시키기 위해 반복 앞에 아래처럼 좌표 이동을 하나 더 추가합니다.

이제 완성된 스크립트를 실행해보세요. 위 동영상처럼 동작합니다. 내부에 작은 사각형들을 추가할 수도 있지만, 이는 컨디션과 적절히 섞어서 사용해야 합니다. 크거나 작다와 같은 조건이 필요하기 때문이죠.

간단하게나마 좌표 이동에 대해 알아봤습니다. 좀 어렵긴 하죠^^?

추천, 구독, 홍보 꼭~ 부탁드립니다.

여러분의 후원이 빠른 귀농을 가능하게 해 줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

감사합니다~