Текст и Скроллинг, видеоурок



Короткий, но информативный видеоурок, посвящённый текстовым полям и стандартному компоненту Scroll Bar. Как его ставить, как сделать, чтобы работало, какие поля нужны, как привязывать переменную к полю, задавать значение переменной, как привязывать скролл-бар к текстовому полю, как делать отступы справа и слева внутри поля. Все эти вопросы рассматриваются в данном 7-минутном видеоуроке. Видеоурок с голосом, с моим голосом.
Слушайте, смотрите и просвящайтесь!

Смотреть или скачать видео

Снег и зима
Синусоидальное движение множества объектов



Недавно обнаружил, что уже зима. А что такое зима для флэшеров? Это снег и таймер обратного отсчёта до Нового года smile.gif Сегодня займёмся снегом. Вообще, исходников падающих снежинок много. Маленьких и больших. Я попробовал всё это соединить в максимально простом (с комментариями) и коротком коде. Также сделать их легко изменяемыми. Снежинки не прямо вниз двигаются, а по синусоиде. Когда выходят за рамки ролика - исчезают. При падении также учитывается таяние снежинок.

Скачать исходники для Flash MX 2004 и Flash 8 (также и для Flash 9)

Видеоурок: мувиклипы
Основы и не только



Видеоурок посвящён, несложно догадаться, мувиклипам. А именно всё, что о них нужно знать новичку. Прежде всего, что это такое, когда и где используется. Чем отличается shape tween от motion tween. Почему лучше использовать мувиклипы. Как заменить содержимое одного экземпляра мувиклипа так, чтобы оно не поменялось в других. Обоснование использования мувиклипов для экономии времени.
Всё это в 19-минутном видеоуроке о мувиклипах.

Посмотреть или скачать видеоурок

Игра Pacman (упрощённый)
Столкновение со стенами, управление с клавиатуры



Игры вообще очень делать непросто. Даже самые простые. Поэтому это не полноценная игра (но в неё можно естественно играть), а лишь пример, сделанный мною за несколько часов. Сложность игр в том, что необходимо продумывать алгоритм самой игры, интерфейс данной игры и все остальные трудности, которые могут возникнуть.
Теперь собственно об этой игре. Игра посвящена двум основным пунктам: столкновению с объектами и правильная обработка столкновений, управлению персонажем с помощью клавиатуры.
Об игре с точки зрения пользователя.
Управление клавишами-стрелочками на клавиатуре (Вверх - вниз - вправо - влево). Ваш pacman должен съесть как можно больше снеговиков (всего их 10), каждый снеговик виден только в течение 10 секунд (на нём счётчик), чем быстрее съешь, тем больше очков будет у тебя. При столкновении со стенами, они могут меняться и выдавать тебе какую-то надпись.
А так в общем, за кажущейся простотой стоит достаточно большое количество кода и графическо-анимационной работы.


Скачать исходник игры

Интерактивная карта
всплывающие подсказки



Сейчас идёт бум на интерактивные карты. Естественно, я не буду выкладывать полноценный исходник карты, поэтому сделал эдакую демо-версию. Основная задача этого ролика: показать как нужно делать всплывающие подсказки, когда они представлены в виде текста и в виде отдельных мувиклипов, в которых может быть что угодно.
В принципе, если немного доделать эту карту, то может получиться полноценный ролик.
Функции и свойства, которые встречаются в данном ролике: autoSize, attachMovie, hitTest, _xmouse, _ymouse.
Весь код прокомментирован.

Скачать исходник

Кнопка "развернуть во всё окно" в браузере
fullscreen ролика

Как развернуть ролик во всё окно в автономном плеере, вроде всем известно. Это множество раз обсуждалось на форуме и в школе флэша, в частности. С помощью fscommand. Но как это сделать в браузере и возможно ли это сделать в браузере?
Ответ положительный. Это стало возможным только с выходом 9-й версии плеера.
При нажатии на кнопку "Развернуть на полный экран" поверх браузера открывается flash-плеер и размеры ролика растягиваются на ширину и высоту экрана. Кроме ролика больше ничего не видно.



Как это сделать? Смотрите исходник.

Скачать исходник

Программные Flash-цветы
программная работа с фильтрами bitmapdata



Данный исходник больше имеет учебную пригодность, чем какую-то практическую. Суть в том, что из одного единственного лепестка создаётся огромное количество совершенно разноцветных цветков разных размеров. На эти цветы можно наводить мышкой, они будут вращаться и выделяться из кучи остальных цветков. А, забыл добавить, каждый цветок с тенью.

Теперь о том, что мы тут имеем учебно-позновательно-интересного:
- работа с фильтрами bitmapdata. В частности расширенное изменение цвета, по сравнению с тем, что было до 8-й версии. Программно всё.
- работа с тенью. Опять же всё программно.
- создание одного целого из 8-ми составляющих.
- Работа с различными уровнями вложенности
- Вращение каждого отдельного элемента

Особенно рекомендую разобраться с изменением цвета. Это интересно и полезно.

Скачать исходник

Программное слайд-шоу
с подгрузкой картинок из xml-файла

Основное отличие этого слайд-шоу от остальных в школе Флэша в том, что оно полностью программное. То есть физически не существует ни мувиклипов, ни даже картинок в файле. Всё либо подгружается, либо программно создаётся.



- Ссылки на картинки подгружаются из xml-файла
- Затем создаются мувиклипы, в которые загружаются данные картинки
- Идёт проверка на загрузку картинок
- Затем одна картинка переходит в другую с эффектом изменения прозрачности
- Слайд-шоу зациклено, поэтому за последней картинкой показывается первая

Исходник естественно прокомментирован всяческими удобными способами.
Совершенно просто в нём разобраться и использовать полученные знания в собственных проектах.

Исходник для Adobe Flash 8 и выше

Скачать исходник

Идеи для баннеров
на примере баннеров известных брендов (*обновляемо*)

Знаю, что многие баннермейкеры постоянно ищут новые идеи для баннеров. Что-нибудь интересное, захватывающее, вкусное. Сам я уже баннерами не занимаюсь, но на разные интересные решения для показа рекламы - собираю.



Поэтому в данной теме по чуть-чуть (по 10-15 готовых баннеров) буду выкладывать. Если у вас есть хорошие примеры баннеров (можно и не своих), тоже запаковывайте в архив и выкладывайте в этой теме. Все файлы swf. Главное, взять идею, а не сам файл.

Из идей советую обратить внимание на:
- общая подача материала
- как появляются объекты
- сюжет баннера, если есть
- как объекты выделяются
- как объекты исчезают
- всякие дополнительные фичи, если имеются

Баннеры не мои, но как сделать тот или иной эффект в них - я знаю. Так что, если что - спрашивайте.

Скачать коллекцию баннеров 1

Jsfl. Автоматическое создание анимаций из картинок
исходник к WebDix #17

Исходник к урокам, опубликованных в 17-м выпуске журнала о веб-дизайне WebDix
http://webdix.ru/archive/wd_17.html



Скрипты автоматизации нужны для того, чтобы максимально упростить работу flash-разработчика. Существует немало рутинно работы, которую вы выполняли уже множество раз и просто хотите побыстрее её сделать и перейти к другим, новым проектам.

В архиве примеры скриптов для создания анимаций из отдельных картинок. Просто выбираете папку с картинками и скрипт автоматически создаёт множество анимаций для каждой картинки. Анимации простые - из прозрачности в прозрачность. Второй скрипт также создаётся анимации из картинок, только все картинки анимируются в одном файле.

Идеально подходит как для изучения языка автоматизации во флэше - JSFL. Так и для своих повседневных нужд. Например, если вы захотите сделать слайд-шоу из 300 картинок, то всё что вам теперь нужно будет сделать, задать папку с этими картинками, запустить скрипт и через 4 секунды получить готовый ролик-слайд-шоу.

Скачать исходники

Молодец...продолжай в том же духе

Mdm Zinc 3.0 + кряк (серийный номер)
Последняя версия (бесплатно)




Спасибо пользователю gground!

MDM ZINC - это наилучший способ создания приложений с помощью flash'a
Он является оболочкой для роликов, сделанных в Adobe Flash. И сочетает в себе практически все функции, которые необходимы для создания полноценных приложений. В нём есть также свой язык, который дополняет ActionScript и называется MdmScript.

В общем, если вы хотите, чтобы ваш ролик (приложение exe), сделанный во флэше, мог:
- Сохранять данные в любые файлы
- Сохранять скриншоты, конвертировать одни графические форматы в другие
- Взаимодействовал с dll и другими системными файлами компьютера (реестром, включение/выключение, установка рабочего стола)
- Играл роль браузера, фтп-менеджера
- В вашем приложении было бы только ваше меню и иконка
- Вы могли делать установочные файлы

И много чего ещё другое, что недоступно флэшу. Тогда выбирайте MDM Zinc

Скачать плагин Mdm Zinc для Windows (+ серийный номер)

Captcha на Flash'e
генерация капчи из множества шрифтов, цветовым фоном и изменением символов



Генерация CAPTCHA с помощью Flash'a

- Произвольная надпись из латинских букв разного регистра и цифр от 4 до 12 знаков
- искажение букв по горизонтали и вертикали, поворот
- цветовой фон (любое количество цветов и интенсивность линий)
- проверка капчи с помощью функции
- разный шрифт для каждой буквы

Данная капча, скорее, создавалась не для полноценного определения (так как роботы всё-таки до флэша ещё не добрались), а в учебных целях. Функции, которые используются в данном исходнике, могут быть использованы для генерации любых надписей из разных по стилю и размеру букв.

Скачать исходник CAPTCHA на FLASH

Css+xml+flash
Загрузка css-файла в flash-ролик



Основные вопросы, на которые вы найдёте ответы в исходнике:

- Как загрузить CSS файл в Flash-ролик
- Какие CSS теги поддерживаются
- Как применить CSS к определённому текстовому полю
- Как загрузить XML с тегами
- CDATA в XML
- Как прописать ссылку в XML, чтобы она работала в flash


Каскадные таблицы стилей (CSS) позволяют сильно разнообразить ваше текущее текстовое оформление. Особой специфичностью этого является то, что CSS формат одинаков для html-страниц и для flash-роликов (правда, с некоторыми ограничениями), и может редактироваться во внешнем файле.

XML при подгрузке каких-либо html-тегов или спецсимволов выдаёт ошибку. Поэтому для подгрузки больших текстов, содержащих теги, был создан формат CDATA. В этом исходнике он применяется.

Скачать исходник для Flash8, CS3 и выше

Программный эффект для прелоадера
Вращающиеся окружности



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

По траектория окружностей вращаются 3 дуги, разного цвета, толщины и прозрачности. По мере загрузки ролика (процент загрузки отображается в центре всего прелоадера) увеличивается градус дуги, и они постепенно превращаются в окружность. Чем ближе полная загрузка ролика, тем быстрее они вращаются.

Всё в исходнике рассказано и можно всё настроить: толщина линий, количество окружностей, цвета, наличие траекторий и скорость.


Скачать исходник

Передача данных из Javascript во Flash и обратно
javascript - flash - javascript



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

Подробно о том, как это сделать, написано в этом исходнике. Смотрите ролик в html странице. Особое внимание уделите не только flash-ролику (то есть его коду), но и изменениям, которые произошли с html-страницей.

Скачать исходник (для разных версий)

Поиск в flash-документе (+оглавление)



Ко мне много раз уже обращались с просьбой сделать либо учебник на flash'e, либо книгу. Обязательно с поиском и оглавлением.
Поэтому я сделал ролик, в котором всё подробно рассмотрел.
И как сделать поиск
И как программно сделать оглавление
И как программно сделать неограниченное количество страниц в учебнике
И как сделать так, чтобы ссылки в тексте выполняли какие-то функции

Скачать исходник