NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 팁 앤 테크
  • 매뉴얼

    팁과 테크니컬 노하우를 확인하세요.

    팁 앤 테크

    팁과 테크니컬 노하우를 확인하세요.

    본 사이트의 컨텐츠는 저작권법의 보호를 받으므로 무단 복사, 게재, 배포 등을 금합니다.

    스크립트 변수와 마우스 좌표 처리 예제.

    페이지 정보

    본문

    안녕하세요. 소심비형입니다. 마우스의 X, Y 좌표를 각각의 변수에 저장하고, 어떤 연산을 처리한 후 다시 좌표로 받아오는 예제입니다. 변수와 함수 및 표현식을 이해하면 그리 어려운 문제는 아니지만, 개발자가 아닌이상 쉽게 이 모든 것을 이해하는건 어렵습니다. 그래서, 학습에 도움이 되었으면하는 마음에 간단한 예제를 올려드립니다. 스크립트는 하단에 첨부되어 있습니다. 전체적인 구성은 아래와 같습니다.

    TrrOnxU.png

     

     

    우선 상단에 3개의 변수는 X, Y, XY로 이루어져 있습니다. 이들은 마우스의 X와 Y좌표를 각각 저장하고, 중간쯤에 있는 문자열 연결을 통해 X, Y로 합쳐집니다. 그리고, 이 값은 XY변수에 저장하죠. 마지막에 있는 마우스 이동은 XY에 저장된 변수값을 받아와서 좌표처리를 해줍니다. 좀 더 자세하게 하나씩 살펴보겠습니다. 아래 그림에서 XY, X, Y 변수는 이름만 다를뿐 속성이 동일합니다.

    pQyeTcs.png

     

     

    변수들 아래에 클릭 액션이 있습니다. 마우스 좌표를 미리 넣어둔 상태이긴 하지만, 상황에 따라 변수 또는 적절한 값으로 설정해야 합니다. 이미 마우스 클릭에는 좌표가 들어 있습니다. 이 값을 변수 X와 Y에 하나씩 할당해줍니다. 우측 속성창에서 변수 카테고리에서 추가를 누르세요. 그리고, 아래 그림을 참고하여 좌측 맴버와 우측 속성을 넣어줍니다. X, Y를 마우스 X 좌표, 마우스 Y 좌표로 넣어줍니다.

    Q2x9xyF.png

     

     

    이제 변수 X와 Y에는 마우스 클릭 위치의 X좌표와 Y좌표가 각각 저장되어 있습니다. 이 값을 X, Y로 된 좌표계로 만들어야 합니다. 각각의 숫자를 콤마로 구분되는 좌표계로 변환하려면 어떻게 해야 할까요? 아래 그림처럼 문자열 연결을 사용하면 쉽게 처리할 수 있습니다. 좌항(X)에는 원본 문자열의 변수를 받아오고, 우항(Y)에는 연결 텍스트를 받아옵니다. 그리고, 구분자로 콤마를 설정했습니다. 이렇게하면 변수 X와 Y에 저장된 숫자값을 콤마로 연결할 수 있습니다.

    8S0hk5K.png

     

     

    연결된 값을 재사용하려면 어딘가에 저장해야겠죠? 그래서 가장 위에 XY 변수를 별도로 추가해두었습니다. 아래 그림처럼 결과값을 XY변수에 저장해주세요.

    QlbI4K5.png

     

     

    마지막으로 마우스 이동에서 XY변수의 값을 좌표로 가져오면 처리가 완료됩니다. 실제로 첨부되어 있는 스크립트를 실행해보면 처음 클릭한 위치의 값을 각각의 숫자로 분리했다가 다시 합쳐서 마우스가 이동할 위치에 적용시킵니다. 좀 더 디테일하게 작업하려면 좌표를 넣거나 빼기전에 어떤 연산을 처리해야 합니다. 예를 들어 X좌표로만 100이동하고 싶다면, 숫자 증감을 이용해서 변수에 넣으면 됩니다. 엔지엠에서 주어지는 대부분의 연산은 아주 기초적인 산수형태입니다. 그리고, 변수라는 저장 공간을 잘 활용해서 값을 처리해야 합니다.

     

    궁금한 내용은 질문에 남겨주세요^^

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천2 비추천0

    첨부파일

    댓글목록

    등록된 댓글이 없습니다.