API рисования Flash CS3, ActionScript 3, класс Shape

• April 26, 2024

Одна из моих любимых вещей во Flash - рисовать на сцене. Но я не говорю о рисовании с помощью инструментов рисования Flash, таких как Rectangle или Oval. В этом уроке мы изучим основы рисования с помощью ActionScript 3 и API рисования.

Я не решаюсь говорить слишком много о программировании ООП и классах в моих уроках для начинающих, потому что это только усложняет ситуацию. Но этот учебник является исключением. Он идеально подходит для ознакомления с основной концепцией классов ООП. Класс ООП в ActionScript - это просто готовый набор информации, называемый свойствами и методами. Эта предварительно созданная информация экономит программисту много времени при кодировании ActionScript, поскольку нет необходимости переписывать эту информацию в каждой программе, которая требует использования определенного класса.

В этом уроке мы будем использовать класс Shape, его предопределенное свойство Graphics и несколько его методов, чтобы нарисовать простой круг на сцене.

Графическое свойство
метод lineStyle
метод beginFill
метод drawCircle
метод endFill ()

Наш первый шаг - создать слой «Действия» на временной шкале, нажать «Кадр 1» и открыть панель «Действия» («Окно - Действия»). Наша первая строка кода создаст новую переменную, которая будет содержать круг.

var myCircle: Shape = new Shape ();

В приведенном выше коде мы создаем новую переменную и называем ее «myCircle». Мы устанавливаем тип данных для этой новой переменной форма, С другой стороны, мы используем новый ключевое слово для создания нового экземпляра класса Shape.

Если вы использовали инструменты рисования Flash, вы знаете, что форма имеет обводку и заливку. При использовании класса Shape для рисования у вас также есть Stroke и Fill. В следующих нескольких строках кода мы определим Stroke и Fill для нашего myCircle.

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

В приведенном выше коде мы устанавливаем значения Stroke с помощью метода lineStyle свойства Graphics. Мы установим значение ширины обводки в пикселях и цвет обводки с шестнадцатеричным значением. Выше мы установили Stroke для нашего круга шириной 2 пикселя и черного цвета.

Далее мы заполним круг. Мы снова будем использовать свойство Graphics и его метод beginFill. Два значения, которыми мы можем управлять для заполнения круга, это цвет и альфа. Требуется установить значение для цвета, а если нет, Flash очень расстроится. Но установка значения альфа не обязательна. Давайте установим Fill для нашего круга на красный. Снова мы используем шестнадцатеричное.

myCircle.graphics.beginFill (0xff0000);

Хорошо, теперь мы должны сказать Flash, где нарисовать круг на сцене. Как и следовало ожидать, вам нужно установить значение для осей X и Y и радиус окружности. Мы сделаем это с помощью метода drawCircle, который является частью свойства Graphics.

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

В этой строке кода мы говорим Flash, что нужно нарисовать наш круг в 100 пикселях от верхнего левого угла сцены вдоль оси X и 200 пикселей вдоль оси Y. Наш круг будет иметь радиус 50. Когда вы устанавливаете эти значения, позаботьтесь о порядке их перечисления в коде. Ваше первое значение будет для оси X, а второе значение для оси Y. Третий для радиуса. Если вы дадите Flash эти значения не по порядку, вы получите неожиданные результаты.

Наконец, нам нужно добавить наш круг как дочерний экранный объект в список отображения.

AddChild (MyCircle);

О, я оставил нашу одну строку кода! Хотя наш код будет работать как есть, мы исключили метод endFill (), который «закроет» процесс рисования. В этом нет необходимости, потому что endFill () вызывается автоматически. Но хорошей практикой является добавление его в ваш код непосредственно перед addChild ().

myCircle.graphics.endFill ();

Вот полный код.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.