Архив рубрики: howto – Как это делается?

Серия статей посвященных различным эффектам и интересным реализациям на языке ActionScript 3.0

71. [howto] Tooltip Part2. Подключаем плавное появление/пропадание подсказки используя Alpha

howto – Серия статей, в которых мы будем разбирать как делать эффекты во флеше и другие интересные полезности. Посмотреть все уроки серии: http://flashpress.ru/blog/category/howto/
Серия статей на тему создания всплывающей подсказки(ToolTip):
  1. Tooltip Part1. Создаем tooltip – всплывающую подсказку
  2. Tooltip Part2. Подключаем плавное появление используя Alpha
  3. Tooltip Part3 Подключаем плавное появление используя Zoom (скоро)
  4. Tooltip Part4. Подсказка с отображением картинки и цвета текста (скоро)

В предыдущей статье мы с вами научились создавать всплывающие подсказки с помощью ActionScript 3.0. В этой статье я расскажу вам как можно сделать так что бы подсказка появлялась плавно через эффект Alpha – прозрачность. Посмотрите на флешку, что бы понять о чем идет речь:

Здесь должна быть флешка. Установите Flash Player


Читать далее
Эту статью прочитали 2487 раз

67. [howto] Tooltip Part1. Создаем tooltip – всплывающую подсказку

howto – Серия статей, в которых мы будем разбирать как делать эффекты во флеше и другие интересные полезности. Посмотреть все уроки серии: http://flashpress.ru/blog/category/howto/
Серия статей на тему создания всплывающей подсказки(ToolTip):
  1. Tooltip Part1. Создаем tooltip – всплывающую подсказку
  2. Tooltip Part2. Подключаем плавное появление используя Alpha
  3. Tooltip Part3 Подключаем плавное появление используя Zoom (скоро)
  4. Tooltip Part4. Подсказка с отображением картинки и цвета текста (скоро)

Ни одна flash-игра или просто приложение не обходятся без всплывающих подсказок. В этой статье я расскажу вам как можно создать ActionScript3.0 класс, с помощью которого можно создавать самые различные подсказки(tooltips). Что бы вам было проще понять чем мы будем заниматься в этой статье, взгляните на флешку ниже, наведите мышкой на квадраты и вы увидите всплывающую подсказу:

Здесь должна быть флешка. Установите Flash Player

Читать далее
Эту статью прочитали 3137 раз

53. Puzzle Part4. Создаем игровое меню

Game – Серия статей посвященных разработке flash-игр на языке ActionScript. Игры для соц.сетей и мобильных платформ iOS, Android.
http://flashpress.ru/blog/category/game/
Создаем flash-игру Пазл(Puzzle-game):
  1. Puzzle Part1. Генерируем сетку пазла
  2. Puzzle Part2. Разрезаем картинку на кусочки
  3. Puzzle Part3. Прикручиваем игровую логику
  4. Puzzle Part4. Создаем игровое меню
  5. Puzzle Part5. Добавляем уровни сложности (скоро)
  6. Хочу продолжение > хочу

В этой части серии у нас будут созданы много дополнительных классов. Что бы вам было проще ориентироваться какой класс в каком пакете(каталоге) должен лежать – посмотрите на эту схему:
puzzle-part4-1
Читать далее
Эту статью прочитали 2475 раз

52. Puzzle Part3. Прикручиваем игровую логику

Game – Серия статей посвященных разработке flash-игр на языке ActionScript. Игры для соц.сетей и мобильных платформ iOS, Android.
http://flashpress.ru/blog/category/game/
Создаем flash-игру Пазл(Puzzle-game):
  1. Puzzle Part1. Генерируем сетку пазла
  2. Puzzle Part2. Разрезаем картинку на кусочки
  3. Puzzle Part3. Прикручиваем игровую логику
  4. Puzzle Part4. Создаем игровое меню
  5. Puzzle Part5. Добавляем уровни сложности (скоро)
  6. Хочу продолжение > хочу

В предыдущих двух статьях серии puzzle мы с вами научились создавать сетку пазла и резать картинку на кусочки пазлов. Давайте прикрутим к этому игровую логику. Т.е. чтобы можно было таскать элементы пазла и укладывать их на свои места.
наш порядок действий:

Читать далее
Эту статью прочитали 2071 раз

51. Puzzle Part2. Flash-игра Пазл. Разрезаем картинку на кусочки

Game – Серия статей посвященных разработке flash-игр на языке ActionScript. Игры для соц.сетей и мобильных платформ iOS, Android.
http://flashpress.ru/blog/category/game/
Создаем flash-игру Пазл(Puzzle-game):
  1. Puzzle Part1. Генерируем сетку пазла
  2. Puzzle Part2. Разрезаем картинку на кусочки
  3. Puzzle Part3. Прикручиваем игровую логику
  4. Puzzle Part4. Создаем игровое меню
  5. Puzzle Part5. Добавляем уровни сложности (скоро)
  6. Хочу продолжение > хочу

В предыдущей статье Puzzle Part1. Flash-игра Пазл. Генерируем сетку пазла, мы с вами создали следующие классы:

  • PuzzleApp.as – главный класс приложения
  • PuzzleElement.as – элемент пазла
  • PuzzleGrid.as – сетка пазла

В этой статье мы научимся с помощью сетки PuzzleGrid резать исходную картинку на куски пазла. Для этого над надо загрузить в приложение картинку. В прошлой статье мы использовали библиотеку ресурсов SWC что бы использовать в приложении куски элемента пазла. Для простоты добавим в эту же SWC библиотеку картинку и зададим ей имя класcа image. Скачать FLA-файл библиотеки можно здесь.

Начнем с класса PuzzleGrid. Напишем функцию которая получает извне картинку(BitmapData), режет её на кусочки и раздает всем элементам пазла: Читать далее
Эту статью прочитали 2858 раз

50. Puzzle Part1. Flash-игра Пазл. Генерируем сетку пазла

Game – Серия статей посвященных разработке flash-игр на языке ActionScript. Игры для соц.сетей и мобильных платформ iOS, Android.
http://flashpress.ru/blog/category/game/
Создаем flash-игру Пазл(Puzzle-game):
  1. Puzzle Part1. Генерируем сетку пазла
  2. Puzzle Part2. Разрезаем картинку на кусочки
  3. Puzzle Part3. Прикручиваем игровую логику
  4. Puzzle Part4. Создаем игровое меню
  5. Puzzle Part5. Добавляем уровни сложности (скоро)
  6. Хочу продолжение > хочу

Наверняка каждый из нас играл в игру пазл. Эта игра интересна не только детям, но и взрослым. Почему бы нам не научиться делать такую игру на языке ActionScript 3.0, и доставить радость многим детям и их родителям :) . Давайте сделаем это. Закончив игру, вы с легкостью сможете портировать её на мобильные платформы(iOS, Android). В этой статье мы с вами научимся генерировать случайную сетку пазла.

Для реализации этого урока, вы должны уметь создавать проект FlashBuilder и создавать пакеты/классы. Если вы не знакомы с редактором кода FlashBuilder, советую начать с ознакомительной статьи вот здесь

Для построения сетки пазла, мы должны сперва научиться генерировать любой элемент пазла. У одного элемента пазла четыре стороны могут иметь три состояния:

  • Ровная сторона
  • Выпукалая сторона
  • Вогнутая сторона

Для программного(рандомного) создания элементов пазлов, необходимы векторные мувиклипы с кусочками как показано на рисунке:
puzzle-part1-1

С помощью таких кусочков можно создать любой элемент пазла:
puzzle-part1-2
Читать далее
Эту статью прочитали 6379 раз

43. [howto] Игровая физика. Траектория полёта снаряда, выпущенного под углом к горизонту

Game – Серия статей посвященных разработке flash-игр на языке ActionScript. Игры для соц.сетей и мобильных платформ iOS, Android.
http://flashpress.ru/blog/category/game/
Здесь должна быть флешка. Установите Flash Player

Flash-игры наверное самое распространенное применение языка ActionScript. Существует много различных типов игр. Есть и такие, которые требуют применения законов физики, формулы математики и геометрии. Не стоит пугаться этих слов. В этой статье мы не будем погружаться в эту темную дыру. Я расскажу вам как можно эмулировать полет снаряда используя самые элементарные понятия, такие как сила тяжести и вектор направления.

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

42. [howto] MotionBlur Part1. Эффект размытия в движении

howto – Серия статей, в которых мы будем разбирать как делать эффекты во флеше и другие интересные полезности. Посмотреть все уроки серии: http://flashpress.ru/blog/category/howto/

Кликните на изображение и посмотрите на эффект во флешке ниже. И если вам интересно – читайте дальше как реализовать такой эффект.

Здесь должна быть флешка. Установите Flash Player

Есть масса способов реализовать эффект размытия в движении. Я покажу вам самый простой, с использованием библиотеки FPTween. Все что необходимо сделать это подключить библиотеку FPTween, и добавить две строчки кода:

Давайте напишем флешку которая использует эти строки: Читать далее
Эту статью прочитали 1512 раз

38. [howto] Drag&Drop Part1. Перетаскивание объектов

howto – Серия статей, в которых мы будем разбирать как делать эффекты во флеше и другие интересные полезности. Посмотреть все уроки серии: http://flashpress.ru/blog/category/howto/
Серия статей на тему Drag&Drop:
  1. Drag&Drop Part1. Перетаскивание объектов
  2. Drag&Drop Part2. Создаем игровой магазин с функцией перетаскивания купленных предметов (скоро)
  3. Drag&Drop Part3. Эффект резины при таскании (скоро)
  4. Drag&Drop Part4. Библиотека FPDragManager (скоро)

Drag&Drop – это механизм который буквально означает Потащил-и-Бросил. Очень часто такой механизм используется в играх, например когда вам необходимо реализовать перетаскивание предметов из магазина в рюкзак. Конечно можно сделать кнопку перенести, но таскание как то приятнее что ли:) Создается ощущение непосредственного участия в происходящем, а это дорогого стоит, особенно в играх. Хватит мечтать, давайте приступим к делу.

В этом уроке мы разберем общие принципы механизма Drag&Drop, а в следующей части создадим условный игровой магазин с функцией таскания предметов из магазина в рюкзак. Написать код реализовывающий механизм Drag-and-Drop можно с помощью стандартных методов startDrag/stopDrag, а так же с помощью своей собственной реализацией используя событие MouseEvent.MOUSE_MOVE. В этой статье мы поговорим о методах startDrag/stopDrag, а в последующих разберем как можно создать эффект “резины” при перетаскивании. Читать далее
Эту статью прочитали 3264 раз

36. [howto] Render3d Part1. Создаем “3d крутилку” с помощью Adobe Flash

howto – Серия статей, в которых мы будем разбирать как делать эффекты во флеше и другие интересные полезности. Посмотреть все уроки серии: http://flashpress.ru/blog/category/howto/
Серия статей на тему создания “3d крутилки”:
  1. Render3d Part1. Создаем “3d крутилку” с помощью Adobe Flash
  2. Render3d Part2. Создаем “3d крутилку” с FlashBuilder+XML (скоро)
  3. Render3d Part3. “3d крутилка”, light edition (скоро)
  4. Render3d Part4. “3d крутилка” – размытие кадров (скоро)

Вместо предисловия, просто посмотрите на эту флешку, если вам понравился эффект, читайте далее как можно его реализовать. Кликните на флешку и перетащите объект.

Здесь должна быть флешка. Установите Flash Player


Здесь мы видим 3d-рендер персонажа из игры Машинариум. Кто не играл советую попробовать :) Читать далее
Эту статью прочитали 3149 раз