Архив

Архив раздела ‘Основы’

Знакомство с графическими примитивами

28 сентября 2007 15 комментариев

В этом уроке мы познакомимся с графическими примитивами. То есть научимся рисовать линии и делать заливки. Сразу скажу, что мои примеры далеки от канонов объектно-ориентированного стиля... просто таким образом оформленные примеры мне кажутся... более простыми в понимании основной мысли. Да простят меня взрослые и умные дяденьки. 🙂

Итак, повторяем то же, что мы делали в прошлый раз, только теперь файл базового класса и сам класс будут называться Main.

Вот его содержимое:

package {
	import flash.display.Sprite;
	import flash.display.Shape;

	public class Main extends Sprite {
		public function Main() {
			var k1 = Kvadrat(100,0xFF0000); // Красный квадрат 100 на 100
	 		var k2 = Kvadrat(200,0x00FF00); // Зеленый квадрат 200 на 200

			addChild(k1); // Добавляем Красный квадрат на основную сцену
		 	k1.x=50;
	 		k1.y=50;

			addChild(k2); // Добавляем Зеленый квадрат на основную сцену
	 		k2.x=100;
		 	k2.y=100;
		 }

		private function Kvadrat(w:Number, col:uint) { // Функция, рисующая квадрат
	 		var kvadrat:Shape = new Shape();
 			var Width=w;
 			with (kvadrat.graphics) {
 				beginFill(col, 0.80); // Закрашиваем квадрат, непрозрачность  - 80%
	 			lineTo(0,Width);
 				lineTo(Width,Width);
 				lineTo(Width,0);
 				lineTo(0,0);
	 			endFill();
 			}
 			return kvadrat;
		}
	}
}

В принципе, я думаю и так все понятно... Но на всякий случай рассмотрим алгоритм выполнения этой маленькой программы:

  • Вызывается основная функция Main().
  • С помощью вызова функции Kvadrat() создаем 2 квадрата:
    • beginFill() - задать цвет заливки
    • lineTo() - рисовать линию до координат, указанных в параметрах
    • endFill() - закончить заливку (кстати, многие "взрослые" программеры часто забывают выключить заливку, что порой приводит к непредвиденным ситуациям
  • Добавляем квадраты на сцену командой AddChild()
  • Изменяем координаты с помощью параметров .x и .y

Ну вот, вроде бы и все на сегодня...'

Hello World. Или “Мое первое приложение”…

27 сентября 2007 7 комментариев

Как и принято, начнем знакомство с языком с простейшей программы, которая выводит фразу "Hello, World!". Но прежде чем начать работу, нужно убедиться, что на Вашем компьютере установлена программа Flash CS3. Программу (бесплатную пробную версию) можно скачать с сайта производителя. Надеюсь с установкой программы ни у кого не возникнет проблем.

Итак, открываем Flash IDE и создаем новый исходный файл:

Flash IDE. Создание нового файла

То же самое можно сделать, нажав Ctrl-N (или выбрав пункт "New..." из меню "File") и выбрав из списка "Flash File (ActionScript 3.0)"

Сохраняем созданный файл в нужный каталог, например c:\\tutorial\\helloworld.fla

Основной файл нашего приложения создан, но среди современных flash программистов считается "дурным тоном" писать программный код прямо в нем (позже мы рассмотрим и такой вариант, потому как иногда это бывает полезно), поэтому мы создадим специальный ActionScript файл, в котором и будет описан весь программный код.

Для этого мы поступаем точно так же как и в случае с fla-файлом:

Нажимаем Ctrl-N и выбрав из списка "ActionScript File" создаем его и сохраняем под именем helloworld.as в тот же каталог что и helloworld.fla

Теперь пишем в файле helloworld.as следующее:

package {
   import flash.display.Sprite;
   public class HelloWorld extends Sprite {
      public function HelloWorld() {
         trace("hello, World!!!"); // Выводит фразу "hello, World" в окно вывода Flash IDE
      }
   }
}

То есть мы создали базовый класс нашего мувика. Сохраняем helloworld.as и затем прописываем этот класс в helloworld.fla:

001-002.gif

Теперь нажимаем Ctrl+Enter для того чтобы протестировать наш мувик. В окне вывода ("Output") должна появиться надпись "hello, World!"

Мне кажется проще программки не придумаешь 🙂