드로잉 API의 기초

Flash Player 9 이상, Adobe AIR 1.0 이상

드로잉 API는 ActionScript를 사용하여 벡터 그래픽(선, 곡선, 모양, 채우기, 그래디언트)을 만들고 화면에 이를 표시하는 ActionScript 내장 기능의 이름입니다. flash.display.Graphics 클래스가 이 기능을 제공합니다. 이러한 각 클래스에 정의된 graphics 속성을 사용하여 Shape, Sprite 또는 MovieClip 인스턴스에서 ActionScript로 그림을 그릴 수 있습니다. 이러한 각 클래스의 graphics 속성은 실제로는 Graphics 클래스의 인스턴스입니다.

코드를 사용한 드로잉에 이제 막 입문한 사용자를 위해 Graphics 클래스에는 원, 타원, 사각형, 모서리가 둥근 사각형과 같은 일반 도형을 쉽게 그릴 수 있는 몇 가지 메서드가 포함되어 있습니다. 이러한 도형은 빈 선이나 채워진 모양으로 그릴 수 있습니다. 고급 기능을 필요로 하는 사용자를 위해 Graphics 클래스에는 선과 이차 베지어 곡선을 그릴 수 있는 메서드도 포함되어 있습니다. 이러한 메서드를 Math 클래스의 삼각 함수와 함께 사용하여 필요한 모양을 만들 수 있습니다.

Flash Player 10 및 Adobe AIR 1.5 이상 버전 같은 Flash 런타임에는 단일 명령으로 전체 모양을 프로그래밍 방식으로 그리는 데 사용할 수 있는 추가 드로잉 API가 포함되었습니다. "드로잉 API 사용의 기초"에서 다루는 Graphics 클래스 및 작업에 익숙해진 사용자는 드로잉 API의 고급 사용에서 이러한 드로잉 API 기능에 대해 자세히 배울 수 있습니다.

중요한 개념 및 용어

다음 참조 목록에는 드로잉 API 사용 시 사용되는 중요한 용어가 정리되어 있습니다.

앵커 포인트: 이차 베지어 곡선의 두 끝점 중 하나입니다.
제어 포인트: 이차 베지어 곡선의 방향 및 굴곡 정도를 정의하는 점입니다. 곡선이 제어 포인트에 닿지는 않지만 제어 포인트를 향하는 곡선이 그려집니다.
좌표 공간: 표시 객체에 포함된 좌표의 그래프이며 해당 객체의 자식 요소가 배치됩니다.
채우기: 색상선으로 그린 모양에서 단색의 내부 또는 외곽선이 없는 모양 전체를 말합니다.
그래디언트: 한 가지 색상에서 하나 이상의 다른 색상으로 점진적으로 변하는 색상입니다(단색의 반대).
점: 좌표 공간에서의 한 위치를 나타냅니다. ActionScript에서 사용되는 2차원 좌표계에서는 x축과 y축 위의 해당 위치(점의 좌표)에 의해 점이 정의됩니다.
이차 베지어 곡선: 특정 수학 공식으로 정의된 곡선 유형입니다. 이 유형의 곡선에서 곡선의 모양은 앵커 포인트(곡선의 두 끝점)의 위치와 곡선의 방향 및 굴곡 정도를 정의하는 제어 포인트의 위치를 기반으로 계산됩니다.
배율: 객체의 원래 크기에 비례한 크기를 나타냅니다. 동사로 '크기 조절'이라고도 하는데, 이 경우에는 객체를 늘리거나 줄여 크기를 변경한다는 의미를 갖습니다.
획: 색상선으로 그린 모양에서 외곽선 부분 또는 채워지지 않은 모양의 선입니다.
평행 이동: 점의 좌표를 한 좌표 공간에서 다른 좌표 공간으로 변경합니다.
X축: ActionScript에서 사용하는 2차원 좌표계의 수평 축입니다.
Y축: ActionScript에서 사용하는 2차원 좌표계의 수직 축입니다.