Flash CS3 드로잉 API, ActionScript 3, 모양 클래스

• 4 월 28, 2024

Flash에서 가장 좋아하는 작업 중 하나는 스테이지에 그리는 것입니다. 그러나 Rectangle 또는 Oval 도구와 같은 Flash 그리기 도구를 사용하여 그리기에 대해서는 이야기하지 않습니다. 이 자습서에서는 ActionScript 3 및 Drawing API를 사용하여 그리기위한 기본 사항을 배웁니다.

초보자 자습서에서 OOP 프로그래밍 및 클래스에 대해 너무 많이 이야기하면 주저하지 않아도됩니다. 그러나이 튜토리얼은 예외입니다. OOP 클래스의 기본 개념을 소개하는 데 적합합니다. ActionScript의 OOP 클래스는 속성 및 메서드라는 미리 작성된 정보 모음입니다. 이 미리 작성된 정보는 ActionScript를 코딩 할 때 특정 클래스의 사용을 요구하는 모든 프로그램에서이 정보를 다시 작성할 필요가 없기 때문에 프로그래머가 많은 시간을 절약합니다.

이 자습서에서는 Shape 클래스, 미리 정의 된 Graphics 속성 및 몇 가지 메서드를 사용하여 스테이지에 간단한 원을 그립니다.

그래픽 속성
lineStyle 메서드
beginFill 방법
drawCircle 방법
endFill () 메소드

첫 번째 단계는 타임 라인에서 액션 레이어를 만들고 프레임 1을 클릭 한 다음 액션 패널 (윈도우-액션)을 여는 것입니다. 첫 번째 코드 줄은 원을 담을 새 변수를 만듭니다.

var myCircle : Shape = 새 모양 ();

위 코드에서 새 변수를 만들고 "myCircle"이라는 이름을 지정합니다. 이 새 변수의 데이터 유형을 모양. 다른 한편으로, 우리는 새로운 키워드를 사용하여 Shape 클래스의 새 인스턴스를 만듭니다.

Flash 드로잉 도구를 사용한 경우 모양에 획 및 칠이 모두 있음을 알고 있습니다. Shape 클래스를 사용하여 그릴 때 Stroke and Fill도 있습니다. 다음 몇 줄의 코드에서 myCircle의 Stroke and Fill을 정의합니다.

myCircle.graphics.lineStyle (2, 0x000000);

위 코드에서 Graphics 속성의 lineStyle 메서드를 사용하여 Stroke 값을 설정합니다. Stroke의 너비 값을 픽셀 단위로 설정하고 Stroke의 색상을 16 진수 값으로 설정합니다. 위에서 원의 획을 너비 2 픽셀과 검은 색으로 설정했습니다.

다음으로 원을 채울 것입니다. 다시 Graphics 속성과 beginFill 메서드를 사용합니다. 원 채우기를 제어 할 수있는 두 가지 값은 색상과 알파입니다. 색상 값을 설정해야하며 그렇지 않은 경우 Flash가 매우 화를냅니다. 그러나 알파 값을 설정하는 것은 선택 사항입니다. 원의 채우기를 빨간색으로 설정하겠습니다. 다시 16 진법을 사용합니다.

myCircle.graphics.beginFill (0xff0000);

이제 스테이지에서 원을 그릴 위치를 Flash에 알려야합니다. 예상 한대로 X 및 Y 축의 값과 원의 반지름을 설정해야합니다. Graphics 속성의 일부인 drawCircle 메서드를 사용하여이 작업을 수행합니다.

myCircle.graphics.drawCircle (100, 200, 50);

이 코드 줄에서 X 축을 따라 스테이지의 왼쪽 상단에서 100 픽셀, Y 축을 따라 200 픽셀로 원을 그리도록 Flash에 지시합니다. 원의 반지름은 50입니다.이 값을 설정할 때는 코드에 나열된 순서를주의하십시오. 첫 번째 값은 X 축이고 두 번째 값은 Y 축입니다. 세 번째는 반지름입니다. Flash에서이 값을 순서대로 틀면 예기치 않은 결과가 발생합니다.

마지막으로 원을 자식 표시 객체로 표시 목록에 추가해야합니다.

addChild (myCircle);

아, 한 줄의 코드를 남겼습니다! 코드는 그대로 작동하지만 드로잉 프로세스를 "닫는"endFill () 메서드는 생략했습니다. endFill ()이 자동으로 호출되기 때문에 실제로는 필요하지 않습니다. 그러나 addChild () 직전에 코드에 추가하는 것이 좋습니다.

myCircle.graphics.endFill ();

다음은 완전한 코드입니다.

저작권 2018 Adobe Systems Incorporated. 판권 소유. Adobe 제품 스크린 샷은 Adobe Systems Incorporated의 허가하에 재 인쇄되었습니다. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, 플래시, ActionScript, 불꽃 놀이, 참여, 사로 잡기, 플래시 촉매 및 플래시 용지 는 미국 및 / 또는 기타 국가에서 사용되는 Adobe Systems Incorporated의 [a] 등록 상표 또는 상표입니다.

비디오 지침: flash as3 draw line (4 월 2024).