Создание игр в формате swf. Создание Swf - Скачать Программы - Софт Soft. Чем открыть SWF-файл

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

Напомню, что баннеры – это графическая реклама сайта, блога или любой другой веб-странички. Анимированные баннеры могут быть в формате флэш (swf) и в виде гиф-анимации (читайте – этот сервис поможет вам создать gif-баннер). Баннерная реклама в интернете широко распространена и достаточно эффективна.

Для создания флеш баннера онлайн перейдите по ссылке .

В генераторе Banner Now нажмите на кнопку “Create Banner Now”.

На новой странице выбираем размеры будущего баннера.

Вы можете выбрать один из стандартных размеров баннера или указать свои настройки. Здесь же вы можете выбрать фон баннера и клипарт или загрузить свой. Для этого ставим галочку напротив пункта Custom background , выбираем категорию картинок из предложенных (животные, еда, фоны, животные, кнопки и др.) или загружаем с помощью кнопки upload files .

Снова нажимаем кнопку “create banner”.

Вот мы и попали в редактор флеш баннеров. Если вас не устроил выбор вашего фона, то вы можете выбрать новый. Под рабочей областью документа в найдете галерею изображений (Image Gallery) и кнопку Upload files (загружаем свое фото в редактор). После добавления фона отредактируйте его положение и размеры, потянув мышкой за края изображения.

Используете предварительный просмотр (Preview Banner) для контроля за работой на промежуточных этапах.

Справа от рабочей зоны мы видим слои. Вы можете регулировать прозрачность (свойство alpha), менять последовательность слоев и удалять ненужные.

Слева от рабочей области вы видите дорожку со слайдами. По умолчанию в баннере 1 слайд. Вы можете добавлять слайды, дублировать, удалять, изменять длительность слайда. Чтобы удалить или добавить слайд, нажмите на значок настроек в правом нижнем углу слайда:

Меняем длительность слайда, изменяя время возле значка часов (найдете также под слайдом).

Сверху рабочей зоны вы видите эффекты для текста. Они разбиты на категории:

  • appear (появление),
  • stay (статичные),
  • disappear (исчезновение).

Если вы нажмете на кнопку рядом с эффектами, то можете выбрать эффект для изображения.

После добавления текста, вы выбираете его цвет, размер, шрифт, расположение в настройках слева от рабочей области.

Когда вы создали флеш баннер онлайн, нужно его скачать. Нажмите на кнопку download banner (swf).

Здесь проставляем настройки:

  • autoplay (автоплей),
  • repeat (повтор),
  • button mode (режим кнопки),
  • banner hyperlink (страница, на которую баннер будет ссылаться),
  • open url in new page (открывать страницу в новом окне),
  • use preload (использовать изображение загрузки страницы),
  • send cope of banner to my e-mail (отправить копию баннера на мой e-mail).

Вот такой баннер получился у нас:

Предлагаю вам еще несколько генераторов флеш баннеров с поддержкой русского языка:

  • www.animationonline.com
  • www.lact.ru/banner/en
  • www.flash-banner-maker-online.com/customsizebanner3.php

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

Если у вас остались вопросы, то вы можете задать их в комментариях.
Видео урок по работе с сервисом

Пару раз уже приходится потеть над не совсем стандартной задачей: есть флеш-баннер (файл в формате.swf), который нужно сделать ссылкой... Вообще по феншую подобные вещи делаются в самом флеше еще во время разработки баннера, и ссылкой выступает непосредственно баннер без никакого оборачивания его в тег . Но, видимо, часто флешеры забывают спросить заказчика, куда должен вести баннер, и сиё дело перекладывается на плечи верстальщика. И вот здесь возникает проблема.

Вариант 1 (нерабочий) . С ходу приходит идея тупо обернуть баннер ссылкой. Но если просто обернуть код самого флеш-баннера в тег ссылки код флеш-баннера , то, как это ни странно, ничего у вас не выйдет: при наведении на баннер курсора ссылка в строке состояния будет не видна, и клик по баннеру ничего не даст.

Вариант 2 (нерабочий) . Изощренный верстальщик пойдет дальше и попробует сделать ссылку блочной и спозиционировать её абсолютно прямо поверх баннера, задав её z-index побольше. Но, как ни странно, и это ничего не даст. Самое время очертить проблему : flash-объекты по-умолчанию обладают бесконечным z-index"ом, перекрывая любой, даже абсолютно позиционированный над ними объект.

Вариант 3 (частично рабочий) . Чтобы избавить flash от бесконечного z-index"a, разработчики flash"a дали нам удобный параметр: Или же просто wmode="opaque" , если встраиваете flash через .

Здесь у нас получается следующий вариант:

Но и это еще не все! Ведь данный вариант, если в ссылке нет никакого текста, странным образом отказывается работать в IE 6-9 (если в ссылке все же будет текст, то этот текст поверх flash-баннера будет вполне кликабельным в IE), и как обычно для осла нам потребуется специальный костыль...

Вариант 4 (100% рабочий)

Чтобы вариант 3 работал и в IE, необходим уникальный костыль — задать для ссылки прозрачный бэкграунд при помощи однопиксельной прозрачной картинки (в данном случае s.gif):

Данный вариант работает во всех популярных браузерах. Я лично проверил на IE7-9, актуальных на сегодня версиях FF, Safari, Opera.



Вот такую флешку я получила в программе SWF Text


Дождитесь полной загрузки. Не забудьте включить звук!!!

Для создания этой флешки я использовала програмку SWF Text. О самой программе и о том, как в ней работать я узнала из сообщения
(Спасибо за ссылочку * NIKA * )

SWF Text - программа для создания анимированного Flash текста. Вы можете использовать более 150 текстовых эффектов и более 20 эффектов фона, можете изменять по вашему усмотрению все свойства текста, включая шрифт, цвет, формат, и т.п.
С SWF Text, без любого опыта работы с Flash вы может легко создать красивый баннер или вводную страницу за несколько минут. Все что вам нужно сделать - ввести текст, выбрать шрифт и настроить эффекты.

Поэтому в блогах обычно мы помещаем картинку при нажатии на которую попадаем на Адрес самой флешки.

Поэтому последовательность действий такова...
1. Сохраняем флешку в формате SWF
2. Кроме этого нам потребуется картинка
(значит сохраним нашу флешку на компьютер еще в формате GIF дополнительно)

Теперь нам надо определить нашу флешку куда-то в интернет, чтобы у нее появился законный Адрес.
Для этой цели я использовала свой дневник на Лиру.

Делаем это так...
В дневнике на ЛиРу открываем новую запись, и прикрепляем флешку (SWF) как картинку:
... (в полной форме под записью справа сбоку есть окошко "Прикрепить файл" ,
открываем окошко"Обзор", находим свою флешку, кликаем на нее),
и сохраняем в Черновик.
Потом идем в Черновик - там уже лежит наша флешка, только маленькая...и играет
Открываем ее для редактирования, увеличиваем размеры, и опубликовываем в дневник.
Отсюда же берем и адрес флешки в интернете, чтобы потом в блогах туда сослаться при изготовлении баннера.

Теперь о второй части - картинке формата GIF.
У меня она получилась очень тяжелой, - (более 5 Мбайт) и примерно - 80 слоев.

Задача - облегчить картинку.

Для этого я
1) уменьшила количество слоев до 20 (т.е. в 4 раза), а время каждого кадра потребовалось соответственно увеличить в 4 раза.
2) уменьшила размер самого изображения (хотя можно было этого не делать).

В итоге вес картинки уменьшился в 10 раз и стал равен 586 Кбайт
(для сравнения у almiria картинка весит 3,22 Мбайт, т.е. в 6 раз больше - но она и красивее и больше в размере).
Здесь должен быть разумный компромисс.

В принципе, используя видеоформат AVI можно закачать флешку на Видео.Мей.ру так. как я делала это в

Уясните основные структуры кода, написанного на AS3. Есть три основные части любого AS3 кода:

  • Переменные. В них хранятся данные (числовые, текстовые, объектные и многие другие). Переменные определяются кодом var и одним словом.
  • Обработчики событий. Ищут определенные события, которые должны быть выполнены, и сообщают о них другим частям программы. Это необходимо для ввода игрока и повторения кода. Как правило, обработчики событий обращаются к функциям.

    addEventListener (MouseEvent . CLICK , swingSword ); // "addEventListener()" – определение обработчика событий. // "MouseEvent" – категория ввода, ожидаемая к исполнению. // ".CLICK" – определенное событие в категории MouseEvent. // "swingSword" – функция, запускаемая при выполнении события.

  • Функции. Разделы программы, определяемые ключевым словом; к ним обращаются по ходу выполнения программы. Код сложной игры может включать сотни функций, а простой игры – только несколько. Функции могут располагаться в произвольном порядке, так как они запускаются только тогда, когда к ним обращаются.

    function swingSword (e : MouseEvent ) : void ; { //Код } // "function" – ключевое слово, вводимое в начале любой функции. // "swingSword" – имя функции. // "e:MouseEvent" – дополнительный параметр, указывающий на то, // что к функции обращается обработчик событий. // ":void" – значение, возвращаемое функцией. // Если значение не возвращается, используйте:void.

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

Задайте свойства объекта. Для этого откройте меню «Изменить» и выберите пункт «Преобразовать в символ» (или нажмите F8). В окне «Преобразовать в символ» присвойте объекту легко узнаваемое имя, например, «враг» (enemy).

  • Найдите окно «Свойства». В верхней части окна расположено пустое текстовое поле, помеченное как «Имя образца» (если навести на это поле курсор). Введите то же имя, которое вы вводили при преобразовании объекта в символ (в нашем примере «враг»). Это приведет к созданию уникального имени, которое можно использовать в AS3 коде.
  • Каждый «образец» является отдельным объектом, который зависит от кода. Вы можете скопировать уже созданные «образцы»; для этого несколько раз нажмите «Библиотека» и перетащите «образец» на «сцену». При каждом добавлении «образца» его имя будет меняться («враг», «враг1», «враг2» и так далее).
  • Когда вы обращаетесь к объекту в коде, просто используйте имя «образца» (в нашем примере «враг»).
  • Изменение свойств образца. После создания образца вы можете изменить его свойства, например, изменить размер. Для этого введите имя образца, затем «.», затем название свойства, а затем значение:

    • enemy.x = 150; Задает положение объекта «враг» по оси Х.
    • enemy.y = 150; Задает положение объекта «враг» по оси Y (начало оси Y лежит в верхней точке «сцены»).
    • enemy.rotation = 45; Поворот объекта «враг» на 45° по часовой стрелке.
    • enemy.scaleX = 3; Растягивает объект «враг» по ширине на множитель 3. Отрицательное значение величины перевернет объект.
    • enemy.scaleY = 0.5; Урежет высоту объекта вдвое.
    • .
  • Изучите команду trace() . Она возвращает текущие значения для конкретных объектов и необходима для определения того, что все работает правильно. Не стоит включать эту команду в исходный код игры, но она понадобится вам для отладки программы.

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

    var enemyHP : Number = 100 ; // Задает величину запаса здоровья противника (100 в начале игры). var playerAttack : Number = 10 ; // Задает силу атаки игрока при щелчке по противнику. enemy . addEventListener (MouseEvent . CLICK , attackEnemy ); // Действие этой функции направлено непосредственно на объект «враг», // то есть функция запускается только тогда, когда щелчок приходится на объект, // а не на другое место на экране. setEnemyLocation (); // Размещает противника на экране. // Запускается в самом начале игры. function setEnemyLocation () : void { enemy . x = 200 ; // Перемещает противника вправо на 200 пикселей от левой части экрана. enemy . y = 150 ; // Перемещает противника вниз на 150 пикселей от верхней части экрана. enemy . rotation = 45 ; // Поворачивает врага на 45 градусов по часовой стрелке. trace ("enemy"s x-value is" , enemy . x , "and enemy"s y-value is" , enemy . y ); // Отображает текущую позицию противника для отладки. } function attackEnemy (e : MouseEvent ) : void // Создает функцию для описания атаки при щелчке по противнику. { enemyHP = enemyHP - playerAttack ; // Вычитает значение силы атаки игрока из значения запаса здоровья противника. // В результате получается новое значение запаса здоровья противника. enemy . scaleX = enemyHP / 100 ; // Меняет ширину на основе нового значения запаса здоровья противника. // Это значение делится на 100, чтобы получить десятичную дробь. enemy . scaleY = enemyHP / 100 ; // Меняет высоту на основе нового значения запаса здоровья противника. trace ("The enemy has" , enemyHP , "HP left" ); // Отображает потерянный запас здоровья. }

    Всё же существующие SWF flash-фильмы могут быть использованы как образцы для создания новых flash-фильмов (при замещении видеоклипов, текстов, картинок, разновидностей скриптов действий в SWF образце). ... - Способность конвертировать SWF в EXE, SWF в SCR (экранную заставку). ... - Способность использовать существующие SWF файлы как шаблоны для создания новых flash фильмов.

    5 следующие: - Преобразование MP3/WAV файлов для прослушивания или SWF звуков; - Преобразование MP3 файлов; - Создание SWF Звуковых Библиотек; - Перезаписывание через микрофон и прямое преобразование в SWF ; - Выбор сотни звуковых файлов сразу для преобразования; - Легкий в использовании интерфейс; - Загрузка сервера Программы Передачи Файлов; - Создание XML базированного проекта;...

    Sothink SWF Decompiler – это лидирующая сервисная программа, для захвата, декомпиляции и извлечении Shockwave Флэш фильмов, особенно конвертировании ваших SWF в FLA. ... Для управления, просмотра веб страницы в Internet Explorer или Firefox, вы можете включить Sothink SWF Catcher в качестве вспомогательной программы для захвата флэш фильмов; данная программа очень удобна для декомпиляции SWF .

    Данная программа создания флэш может редактировать практически все элементы SWF файлов, такие как: тексты, фигуры, URL, ActionScript и т. ... Вы можете найти все, что вы могли слышать об этом – дизайн форм, создание движения, проводимое движение и добавление потокового звука; или всего что вы слышали об этом – редактируйте SWF напрямую.

    Анимированный клип может быть сохранен в avi или swf формате и может быть с легкостью выгружен на веб страницу. ... Создание анимации еще никогда ранее не было такой простой операцией. ... Конвертирует фильмы в анимационные клипы. ... Просто скачайте фильм или домашнее видео (в avi формате), щелкните кнопкой и просмотрите готовую анимацию.

    В дополнение, secureSWF помогает вам защищать ваши Флэш приложения против различных угроз безопасности, предоставляя кодированную блокировку домена, кодированное создание загрузчика и кодирование строчек. ... secureSWF защищает SWF файлы от декомпиляции и обратного инжиниринга, предоставляя самую лучшую Flash ActionScript маскировку, оптимизацию и кодирование, что делает данную программу...

    ... - Создание неограниченного количества анимации. ... - Визуализация превращения в различных популярных форматах, включая Флэш SWF и анимированные GIF, также как экспорт в реальных форматах, таких как JPEG, PNG, TIFF и других. ... - Плюс большое количество дополнительных функций. ... - Распределение анимации с друзьями и семьей, используя встроенную функцию отправки по электронной почте.