디스플레이 프로그래밍의 기초

Flash Player 9 이상, Adobe AIR 1.0 이상

ActionScript 3.0으로 작성된 각 응용 프로그램에는 아래 그림과 같이 표시 목록이라는 표시된 객체의 계층이 있습니다. 이 표시 목록에는 응용 프로그램에 보이는 요소가 모두 포함되어 있습니다.

<표시 목록 계층 구조>

그림에 표시된 것과 같이 표시 요소는 다음 그룹 중 하나 이상에 속합니다.

  • 스테이지

    스테이지는 표시 객체의 기본 컨테이너입니다. 각 응용 프로그램에는 모든 화면 표시 객체를 포함하는 Stage 객체가 하나 있습니다. 스테이지는 최상위 컨테이너이며 표시 목록 계층의 맨 위에 있습니다.

    각 SWF 파일에는 SWF 파일의 기본 클래스라는 관련된 ActionScript 클래스가 있습니다. Flash Player 또는 Adobe AIR에서 SWF 파일이 열리면 해당 클래스의 생성자 함수가 호출됩니다. 그러면 생성되는 인스턴스(항상 표시 객체의 유형)가 Stage 객체의 자식으로 추가됩니다. SWF 파일의 기본 클래스는 항상 Sprite 클래스를 확장합니다. 자세한 내용은 표시 목록 방식의 장점을 참조하십시오.

    DisplayObject 인스턴스의 stage 속성을 통해 스테이지에 액세스할 수 있습니다. 자세한 내용은 Stage 속성 설정을 참조하십시오.

  • 표시 객체

    ActionScript 3.0에서 응용 프로그램의 화면에 표시되는 모든 요소는 표시 객체 유형입니다. flash.display 패키지에는 다른 여러 클래스에 의해 확장되는 기본 클래스인 DisplayObject 클래스가 포함되어 있습니다. 이러한 각 클래스는 벡터 모양, 동영상 클립, 텍스트 필드 등과 같은 서로 다른 유형의 표시 객체를 나타냅니다. 이러한 클래스에 대한 개요는 표시 목록 방식의 장점을 참조하십시오.

  • 표시 객체 컨테이너

    표시 객체 컨테이너는 고유한 시각적 표현이 있고 자식 객체를 포함할 수 있는 특수 유형의 표시 객체입니다. 이때 자식 객체도 표시 객체입니다.

    DisplayObjectContainer 클래스는 DisplayObject 클래스의 하위 클래스입니다. DisplayObjectContainer 객체는 자식목록에 여러 표시 객체를 포함할 수 있습니다. 예를 들어, 다음 그림에서는 다양한 표시 객체를 포함하는 Sprite라는 DisplayObjectContainer 객체 유형을 보여 줍니다.

    <표시 객체가 포함된 Sprite>
    A.
    SimpleButton 객체. 이 유형의 표시 객체는 "업", "다운" 및 "오버" 상태를 가집니다.

    B.
    Bitmap 객체. 이 경우 Bitmap 객체는 Loader 객체를 통해 외부 JPEG에서 로드됩니다.

    C.
    Shape 객체. "그림 프레임"에는 ActionScript에서 그린 둥근 사각형이 포함되어 있습니다. 이 Shape 객체에는 그림자 필터가 적용되어 있습니다.

    D.
    TextField 객체

    표시 객체에 대해 언급할 때는 DisplayObjectContainer 객체도 표시 객체 컨테이너 또는 간단히 컨테이너라고 합니다. 앞에서 설명한 것처럼 스테이지는 표시 객체 컨테이너입니다.

    모든 보이는 표시 객체는 DisplayObject 클래스에서 상속되지만 각 유형은 DisplayObject 클래스의 특정 하위 클래스입니다. 예를 들어, Shape 클래스 또는 Video 클래스에 대한 생성자 함수가 있지만, DisplayObject 클래스에 대한 생성자 함수는 없습니다.

중요한 개념 및 용어

ActionScript 그래픽을 프로그래밍할 때 사용되는 중요한 용어가 아래 참조 목록에 정리되어 있습니다.

알파
색상의 투명도(보다 정확하게는 불투명도)를 나타내는 색상 값입니다. 예를 들어 알파 채널 값이 60%인 색상은 전체 강도의 60%만 표시되고 40%는 투명하게 나타납니다.

비트맵 그래픽
컴퓨터에서 색상 픽셀의 격자(행 및 열)로 정의되는 그래픽입니다. 일반적으로 비트맵 그래픽에는 디지털 사진 및 이와 유사한 이미지가 포함됩니다.

블렌딩 모드
겹치는 두 개의 이미지 내용이 서로 영향을 미치는 방식을 지정하는 것입니다. 일반적으로 불투명한 이미지가 다른 이미지 위에 놓이게 되면 아래쪽의 이미지를 가려서 아래쪽 이미지가 전혀 보이지 않지만, 블렌딩 모드를 다르게 하면 이미지 색상의 블렌드 방식이 변경되어 두 개 이미지가 혼합되어 나타납니다.

표시 목록
Flash Player 및 AIR에 의해 가시 화면 내용으로 렌더링되는 표시 객체 계층 구조입니다. 스테이지는 표시 목록의 루트이며, 스테이지 또는 해당 자식 중 하나에 연결된 모든 표시 객체가 표시 목록을 구성합니다(객체가 스테이지 경계 외부에 있는 등 실제로 렌더링되지 않은 경우도 포함).

표시 객체
Flash Player 또는 AIR의 시각적 내용 중 일부 유형을 나타내는 객체입니다. 표시 객체만 표시 목록에 포함될 수 있으며 모든 표시 객체 클래스는 DisplayObject 클래스의 하위 클래스입니다.

표시 객체 컨테이너
일반적으로 시각적 표현을 가지며 자식 표시 객체를 포함할 수 있는 특수한 유형의 표시 객체입니다.

SWF 파일의 기본 클래스
SWF 파일에서 가장 바깥쪽 표시 객체의 비헤이비어를 정의하는 클래스로, 개념적으로 SWF 파일 자체의 클래스를 나타냅니다. 예를 들어 Flash 제작에서 만들어진 SWF에서 기본 클래스는 문서 클래스입니다. 이 클래스에는 다른 모든 타임라인을 포함하는 기본 타임라인이 있으며, SWF 파일의 기본 클래스는 기본 타임라인이 인스턴스가 되는 클래스입니다.

마스크
이미지의 특정 부분이 보이지 않도록 숨기는, 즉 이미지의 특정 부분만 표시되도록 하는 기술입니다. 마스크 이미지 부분이 투명하게 되므로 아래쪽 내용도 볼 수 있습니다. 이 용어는 특정 영역을 칠하지 않을 때 사용하는 마스크 테이프와 관계 있습니다.

Stage
SWF의 모든 시각적 내용의 기반이나 배경이 되는 시각적 컨테이너입니다.

변형
객체 회전, 크기 변경, 모양 기울이기 또는 왜곡, 색상 변경 등 그래픽의 시각적 특성을 조절합니다.

벡터 그래픽
컴퓨터에서 특정 특성(예: 두께, 길이, 크기, 각도, 위치)으로 그려진 선 및 모양으로 정의되는 그래픽입니다.