Как научиться делать флеш сайты

Технология Flash и флеш сайты

Традиционно флеш сайты создаются для промо или имиджевых проектов, когда главной задачей для них является произведенное впечатление и максимальный интерактив с пользователем. Недостатком при этом является «сложность» взаимодействия с поисковыми системами, индексацией контента и т.п. Со временем ситуация, конечно же, потихоньку улучшается, раньше тексты на флеш сайтах даже не индексировались, тем не менее обычный проект на HTML всегда будет иметь больше возможностей по seo оптимизации нежели Flash сайт.

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

Лучшие флеш сайты 2016 (45 красивых проектов)

В комментариях к статье про 40 классных флеш сайтов 2010 справедливо заметили, что добрая половина ссылок уже не работает. После проверки материала я увидел удручающую картину — актуальными остались от силы 10 материалов. В принципе, это нормально, 6 лет ведь прошло с тех пор. А онлайн проектам свойственны изменения: кто-то закрывается, кто-то запускает новую версию (например, на HTML5). Именно поэтому было принято решение создать подборку…

Как создать фотопортфолио за 2 часа. Опыт фотографа

В мире цифровых и информационных технологий персональный сайт есть практически у всех компаний, не зависимо от рода деятельности. На сегодняшний день существует невероятное количество CMS (систем управления контентом), которые помогут создать сайт даже дедушке, который лет 10 как на пенсии 🙂 Это конечно же шутка, но управление такими системами становится все проще и понятнее с выпуском каждой новой версии. Я фотографирую уже несколько лет и…

Подборка креативных прелоадеров для flash-сайтов

При создании flash сайтов всегда используется огромное количество анимаций, изображений, звуковых эффектов. В конечном итоге, такие сайты долго загружаются, в сравнении с обычными ресурсами. Далеко не каждый посетитель будет сидеть и терпеливо ждать, пока унылые цифры на экране досчитают до ста, анимация в виде вращающегося колесика или круговой диаграммы так и навевают тоску. Как правило, разработчики недооценивают всю важность прелоадера для flash-сайта, а зря. Почему бы…

Создаем собственный Flash сайт с помощью Wix

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

MotoCMS — система создания и управления флеш сайтами

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

Шаблоны флеш сайтов

Если вы уже пресытились популярными и широко распространенным CMS (WordPress, Drupal, Joomla!) и вам нужно сделать небольшой эффектный сайт, обратите внимание на технологию Flash. Данное решение хорошо вам подойдет, если нужно сделать оригинальный, красивый проект, который бы в первую очередь привлекал внимание, что-то вроде имиджевого сайта. Конечно, если для вас решающее знание имеет пригодность сайта к его последующему эффективному поисковому продвижению, возможно, это будет не…

Что думаете о флеше? нравится флеш на сайтах?

Практически для каждого своего блога я стараюсь создавать опросы читателей. Всегда интересно узнать их мнение по тому или иному вопросу. Это может быть не просто совет по работе, улучшению сайта, а и голосования по тематике проекта. Больше всего вариаций для вопросов существует, если у вас персональный блог, можно рассматривать достаточно широкий круг тем. Для тематического придется задаваться чуть более «официальными» вопросами. Когда-то очень давно (уже…

40 лучших флеш сайтов 2010 года

Сегодня продолжаем тему флеш сайтов, начатую в предыдущей статье Adobe Flash для новичка где оaписывались некоторые базовые возможности технологии, ее преимущества и недостатки. В одном из пунктов я привел несколько примеров флеш сайтов, но их определенно было недостаточно для полного понимания насколько же Flash может быть крутым. Поэтому я предлагаю вам мега удивительную подборку лучшие флеш сайты 2010 года. В этом списке были отобраны 40…

Adobe Flash для новичка, особенности флеша

Adobe Flash — это популярная мультимедийная технология для создания веб-приложений. Флеш появился около 15 лет назад (начальная версия, увидела свет в 1995 году и называлась FutureSplash Animator, позже Macromedia Flash, с 2006 года — Adobe Flash) и с тех пор серьезно прогрессировал. В настоящий момент Flash позволяет работать с растровой, векторной, 3-D графикой, аудио и видео конентом, создавать из всего этого добра анимированные сцены (по…

12 потрясающих дизайнерских портфолио

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

Оригинальный Flash «ну, купи машину»:)

На сайте производителя автомобилей компании Saab запустили небольшой тест, который призван подобрать вам идеальный автомобиль. Учитываются разные особенности — как черты характера, предпочитаемый стиль и даже погода, в которую наиболее чаще всего приходится ездить. Процесс прохождения всех ступеней весьма увлекательный, я так подозреваю, что в планах компании было создать некую «вирусную рекламу». Настоятельно рекомендую немного отвлечься от работы и пройти тест. Говорят, flash ролик не…

Источник

Как научиться делать флеш сайты

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Как создать сайт с flash играми?

dockupДата: Воскресенье, 08 Сентября 2013, 11:52 | Сообщение # 1
Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Идея написать эту статью возникла после того что я не увидел в интернет не одного подробного описания как создать сайт c flash играми или с любыми другими играми.

И так рассмотрим несколько способов создания такого сайта и других полезных вещей.

Примеры таких сайтов:

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Из этого способа сразу возникает несколько вопросов которые переходят ко второму методу.

Зачем писать сайт самому когда существует множество CMS облегчающих работу?
Какую CMS выбрать для создания сайта с flash играми?

Для создания сайта с играми подойдет практически любая CMS.

Все разбирать мы не будем, посмотрим парочку из них.

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Принцип создания похож на первый. Вы находите подходящий шаблон и публикуете свои игры.

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

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

WordPress в основном используется для создания и ведения блогов но в нем тоже есть множество полезных вещей.

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

Что еще может понадобиться для сайта с flash играми?

Для монетизации сайта можно добавить на сайт рекламные объявления.

Для раскрутки сайта можно также дать объявления в Яндекса или google.

Ну и конечно Ваш сайт не будет интересным если на нем будет мало информации, или информация не будет постоянно обновятся.

Источник

Как создать flash сайт

Качественно выполненный Flash-сайт производит ошеломляющее впечатление. Как говорится в народе: “ все сверкает и летает”. Такие сайты интегрируют в себе возможности видео и звука, анимации, содержат визуальные спецэффекты и полностью интерактивны. Flash-сайт идеален для презентации новой компьютерной игры или для создания бренда компании в самом выгодном свете.

Что вам потребуется для создания сайта на основе Flash

Перечень того, что входит в качественное создание флэш сайтов:

Думаете, это шутка? Ничуть не бывало. Все именно так и обстоит в реальности. Вопрос только в том, что именно понимать под Flash-сайтом? Они бывают разные и большинство разновидностей доступны для разработки даже простым юзерам, неспособным узнаваемо и кошку нарисовать.

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

1. Абсолютный Flash

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

Конкуренты ведут настоящую войну с разработкой Flash и весьма вероятно, что данная технология со временем прекратит свое существование.

2. Гибридные Flash-сайты

Здесь создается обычный ресурс и в него добавляются элементы флеш. Часто флеш-сайтами называют ресурсы, созданные на готовых шаблонах с добавлением Flash. Обычно в так называемом Flash-сайте из флеш в наличии только слегка анимированная верхняя заставка (шапка).

Гибридные сайты годятся для любых целей. Будет эффектно и привлекательно выглядеть такой ресурс в качестве корпоративного сайта.

Как создать гибридный Flash-сайт?

Здесь все обстоит достаточно просто:

Можно найти бесплатный или купить коммерческий шаблон. Имеются готовые флеш-шаблоны для самых разных типов проектов. Для корпоративных визиток, интернет-магазинов, персональных блогов (распространенный вариант) и так далее. После этого заменить формы своим контентом и вставить свои данные. Не забывайте, что такому ресурсу нужна особая оптимизация. Позаботьтесь о HTML-копии и наличии подробной карты сайта.

Второй вариант – использование конструктора сайтов средней руки. Как правило, в такие программы встроены ограниченные опции для работы с Flash. Далее, все как в предыдущем варианте.

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

Все остальное сделают профессионалы.

Можно сказать, что создание Flash-сайта — это отличная штука и не стоит пренебрегать всеми красотами и возможностями ради поискового продвижения. Тем более, в области SEO все поменялось и возможно, флеш-проекты теперь в фаворе у поисковиков?

https://opartnerke.ru/kak-sozdat-flash-sajt/ Как создать flash сайт https://opartnerke.ru/wp-content/uploads/2014/11/kak_sozdat_flash_sajt.jpg https://opartnerke.ru/wp-content/uploads/2014/11/kak_sozdat_flash_sajt-150×150.jpg 2015-06-15T14:05:51+06:00 Александр Интернет делаем сами,дизайн,новичкам Качественно выполненный Flash-сайт производит ошеломляющее впечатление. Как говорится в народе: “ все сверкает и летает”. Такие сайты интегрируют в себе возможности видео и звука, анимации, содержат визуальные спецэффекты и полностью интерактивны. Flash-сайт идеален для презентации новой компьютерной игры или для создания бренда компании в самом выгодном свете. Что вам потребуется. Александр Александр alksandr1973@gmail.com Administrator Обзоры смартфонов и интернет сервисов Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Источник

Уроки Flash: Создание простого флеш-сайта

Приступим, для начало желательно создайте у себя на компьютере отдельную папку под этот проект.
Это не прихоть, просто вам самим так будет удобней.

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

Создаем символ маркера, имя marker, включаем Linkage. В нем изображаем какую-нибудь
полу-прозрачную фигуру, размером примерно с кнопку. Опять же выравниваем целиком по центру.

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

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

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайты

Возвращаемся во флеш. Создадим новый файл (ActionScript File), сохраним его в папку «complex» с
именем «mainFile.as». Вернемся к фла файлу проекта. Еще раз откроем панель Properties. В поле
Document class укажем «complex.mainFile».
Подготовочный этап окончен, можно приступать к программной части. Ее разбор начнется с xml.

Откройте файл structure.xml и разместите в нем такой вот фрагмент:

Файл обязательно должен иметь кодировку UTF-8, пересохраните его выбрав эту кодировку. Этот файл по сути представляет из себя набор тегов

оформленный таким же образом.

Возвращаемся к файлу mainFile.as, разместим в нем следующий код. Это будет основной класс нашей программы, который по сути сформирует скелет сайта, оформит его внешний вид.

package compleximport flash.display.*;/*Подключаем пакет для работы с дисплеем*/
import flash.ui.*;/*пакет содержащий классы необходимые для работы с мышью и клавиатурой*/
import flash.events.*;/*Подключение пакета контролирующего события, в духе нажатие мыши и т.д.*/
import flash.net.*;/*Этот пакет необходим для загрузки различной информации из вне*/
import flash.text.*;/*Пакет содержащий классы необходимые для работы с текстом*/

public class mainFile extends Spritepublic var names:Array=[];/*Объявляем новый массив его мы будем использовать для хранения названий «страниц»*/
public var pages:Array=[];/*Этот массив будет хранить имена файлов с контентом*/
public var count:int = 0;/*Эта переменная будет в дальнейшем использоваться как счетчик пунктов меню*/

private var mainContent:TextField = new TextField();/*Объявляем новое текстовое поле, это будет наше основное поле для отображения контента*/

private var pageLabel:TextField = new TextField();/*Это текстовое поле будет использоваться для отображения названия текущей страницы вверху флешки*/
private var labelFormat:TextFormat = new TextFormat();/*Создаем новый объект типа Текст Формат, он будет использован для дальнейших настроек внешнего вида поля pageLabel*/

public var i:int;/*Целочисленная переменная будет использована в цикле в качестве параметра*/

public var scr_Line:Sprite = new scroll_line();/*Создаем новый Спрайт и присваиваем ему экземпляр содержимого библиотеки, это будет наша линия для скрола*/
public var scr_Drag:Sprite = new scroll_Drag();/*Еще один спрайт, это будет наш ползунок*/
public var check_Rectangle:Sprite = new Sprite();/*Вот маленькая хитрость, т.к. достучаться до сцены из других классов программы мне не удалось я создал этот Спрайт, в дальнейшем он будет использован в роли невидимой кнопки размером со сцену*/

public var myMarker:Sprite = new marker();/*Очередной Спрайт, это «бегающий» маркер, который будет отмечать пункт меню который открыт в данный момент*/

public var settingsXML:XML;/*Создаем новый xml объект в него будет загружаться структура нашего проекта*/
public var loader = new URLLoader();/*Создаем новый объект загрузчика, он будет использован для загрузки xml файла из вне*/

loader.load (new URLRequest(«structure.xml»));/*Отдаем команду загрузить наш xml-файл*/
loader.addEventListener (Event.COMPLETE, xmlLoaded);/*Добавляем нового «слушателя» к нашему загрузчику, по окончанию загрузки xml файла будет вызвана функция xmlLoaded*/
>

settingsXML = new XML(loader.data);/*Нашему ранее созданому xml-объекту присваиваем полученную загрузчиком xml структуру*/
settingsXML.ignoreWhitespace = true;/*Определяет необходимость игнорирования в тегах символа пробела*/

for each (var page:XML in settingsXML.pages.page) names[count]=page.@name;/*Последовательно забиваем в массив имен атрибут узла XML, хранящий информацию о названии «страницы»*/
pages[count]=page.@contName;/*Последовательно забиваем в массив имен атрибут узла XML, хранящий информацию о имени файла с контентом*/
count++;/*Увеличиваем значаени заготовленной нами переменной для числа пунктов меню*/
>
createStage();/*Вызываем наиболее обширную функцию этого класса которая отвечает практически за формирование внешнего вида нашей флешки*/

public function createStage()/*Приступаем к созданию невидимой кнопки*/
check_Rectangle.graphics.beginFill(0xFFFFFF);/*Сперва установим заливку, цвет не принцпиален, т.к. кнопка все равно будет невидимой*/
check_Rectangle.graphics.drawRect(0,0,stage.width,stage.height);/*По сути вот он момент создания необходимой формы, внутри Спрайта создается прямоугольник с координатами 0,0 и размерами как у главной сцены*/
check_Rectangle.x=0;/*Изменяем координаты, кнопки по х=0*/
check_Rectangle.y=0;/*Изменяем координаты, кнопки по у=0*/
check_Rectangle.alpha=0;/*Делаем кнопку невидимой, параметр alpha а АС 3 в отличии от АС 2 имеет значения от 0 до 1, а не от 0 до 100, как было ранее*/
addChild(check_Rectangle);/*Добавляем невидимую кнопку на сцену*/

mainContent.width=360;/*Устанавливаем ширину в пикселях нашего текстового поля в котором будет отображен основной контент*/
mainContent.height=385;/*Устанавливаем высоту в пикселях нашего текстового поля в котором будет отображен основной контент*/
mainContent.x=310;/*Координата по x*/
mainContent.y=76;/*Координата по у*/
mainContent.multiline=true;
mainContent.wordWrap=true;/*Эти две строки делают так что текст нормально разбивается по строчкам*/
mainContent.border=true;/*Включаем рамку вокруг текстового поля*/
mainContent.borderColor=0x666666/*Устанавливаем цвет нашей рамки*/;
mainContent.selectable=false;/*Отключаем возможность выделения текста, если на вашем сайте будет какая-то информация которую пользователь может захотеть скопировать лучше так не делать, но для таких штучек как эта, параметр впринципе не критичен*/
addChild(mainContent);/*Теперь когда все настройки завершены добавляем на сцену, наше текстовое поле*/

addChild(scr_Line);/*Добавляем на сцену линию для скрола*/
addChild(scr_Drag);/*Добавляем на сцену ползунок*/

scr_Line.x=mainContent.x+mainContent.width+10;/*По оси x, располагаем нашу линию на 10 пикселей правее текстового поля*/
scr_Line.y=mainContent.y;/*По оси у, распологаем на одном уровне с текстовым полем*/
scr_Line.height=mainContent.height;/*Делаем линию той же высоты, что и текстовое поле*/

scr_Drag.x=mainContent.x+mainContent.width+10;
scr_Drag.y=mainContent.y;/*Координаты ползунку даем те же, что и большой линии*/

pageLabel.width=333;
pageLabel.height=45;
pageLabel.x=310;
pageLabel.y=14;
pageLabel.selectable=false;
/*Выше производятся настройки для текстового поля которое будет вверху и в котором будет отображаться название «страницы»*/
addChild(pageLabel);/*Добавляем это поле на сцену*/

/*Начинаем настройки текстового формата, для поля с названием*/
labelFormat.color=0x333333;/*Указываем цвет текста в нашем поле*/
labelFormat.size=35;/*Его размер*/
labelFormat.font=»Bookman Old Style»;/*Шрифт, обязательно передавать название в виде строки*/
labelFormat.bold=true;/*Включаем «жирность» текста*/
labelFormat.align=»center»;/*Выравнивание по центру*/

var myContentLoader:contentLoader = new contentLoader();/*Новый экземпляр класса отвечающего за загрузку, который мы напишем в дальнейшем*/
myContentLoader.loadInformation(mainContent,pages[i],»example.css»,scr_Line,scr_Drag,check_Rectangle);/*Вызываем функцию этого класса которая просто произведет загрузку информации куда нам надо*/
/*В качестве параметров:
1. Куда загружать? В наше главное поле для контента.
2. Что загружать? Первую страницу, имя файла с контентом которой мы получили из xml, и затолкали в массив.
3. Имя файла содержащего настройки внешнего вида, указываем имя CSS файла.
4. Основа для скрола.
5. Ползунок для скрола.
6. Наша невидимая кнопка.
*/
pageLabel.text=names[0];/*Присваиваем названию страницы, соответствующее значение*/
pageLabel.setTextFormat(labelFormat);/*Устанавливаем названию форматирование текста настройки которого мы задали ранее*/

package compleximport flash.display.*;/*Подключаем пакет для работы с дисплеем*/
import flash.ui.*;/*пакет содержащий классы необходимые для работы с мышью и клавиатурой*/
import flash.events.*;/*Подключение пакета контролирующего события, в духе нажатие мыши и т.д.*/

public class Animationpublic var TF:int;/*Вводим новую переменную ее мы будем использовать для хранения кол-ва кадров в анимации данного символа*/
public var CF:int = 1;/*Вводим новую переменную ее мы будем использовать для хранения номера текущего кадра анимации*/
public var over:Boolean = false;/*Логическая переменная, ее будем использовать для того чтобы Функция производящая анимацию знала какое произошло событие*/
public var MenuLabel:String;/*Очередная переменная, на этот раз строка, ей мы передадим имя кнопки, которое было полученно при вызове класса*/
public function anim(but:Sprite,MLabe:String)

MenuLabel = MLabe;/*Присваиваем переменной полученное значение имени этого пункта меню*/

but.addEventListener(MouseEvent.MOUSE_OVER, roll);/*Добавляем «слушателя» который будет отслеживать наведение курсора на Спрайт и вызывать при этом функцию roll*/
but.addEventListener(MouseEvent.MOUSE_OUT, rollout);/*Добавляем «слушателя» который будет отслеживать убирание курсора с Спрайта и вызывать при этом функцию rollout*/
but.addEventListener(Event.ENTER_FRAME, render);/*Добавляем слушателя для того чтобы функция render выполнялась каждый кадр тем самым производя анимацию в случае необходимости*/
>
function roll(events:Event):voidover=true; /*Ранее созданая нами логическая переменная получает значение true, что свидетельствует о том, что надо производить линейную анимацию символа*/
>

function rollout(events:Event)over=false; /*Ранее созданая нами логическая переменная получает значение false, что свидетельствует о том, что надо производить обратную анимацию символа*/
>

Примеры работ:

Пример 1.

Пример 2.

Как научиться делать флеш сайты. Смотреть фото Как научиться делать флеш сайты. Смотреть картинку Как научиться делать флеш сайты. Картинка про Как научиться делать флеш сайты. Фото Как научиться делать флеш сайтыШапка для сайта ночного
клуба. Функционируюет с ипользованием xml и взаимодействиванием с HTML.

>
h2 <
font-family: Georgia;
font-size: 20;

>
a:link <
color:#E37302;
font-size: 17;
text-decoration:underline;
>

Что же приступим к созданию класса для загрузки всей этой радости во флеш. Новый AS-файл,
сохраянем все в ту же папку с именем «contentLoader.as». Вот его содержимое

public class contentLoader

public var loader:URLLoader = new URLLoader();/*Создаем новый загрузчик, его мы будем использовать для загрузки содержимого текстовых файлов*/
public var loader2:URLLoader = new URLLoader();/*Создаем новый загрузчик, его мы будем использовать для загрузки содержимого CSS-Файла*/

public var tx:TextField;/*Создаем новый обект текстового поля которому будет присвоено основное текстовое поле проекта*/
public var wa:String;/*Новая переменная строка, ей будет присвоен путь до текстового файла с информацией*/
public var formatFile:String;/*Еще одна строка, она получит в качестве значения путь до CSS-файла*/

public var l:TextField;/*Это текстовое поле будет связано с текстовым полем в котором отображается название текущей страницы*/
public var lC:String;/*Эта строка получит значение этого названия*/
public var lF:TextFormat;/*А это текстовый формат который будет применен к названию «страницы»*/

public var scrLine:Sprite;/*Линия под скролом*/
public var scrDrag:Sprite;/*ползунок от скрола*/
public var flStage:Sprite;/*Созданая в основном классе невидимая кнопка*/
/*Последние три Спрайта в этом классе напрямую никак не используются, а просто передаются дальше в качестве параметров при вызове класса скрола*/

public function loadInformationOnPress(mc:Sprite, txt:TextField, way:String, format:String, lab:TextField, laC:String, laF:TextFormat, scrl:Sprite, scrd:Sprite, flst:Sprite)

l=lab;
lC=laC;
lF=laF;
tx=txt;
wa=way;
formatFile=format;
scrLine=scrl;
scrDrag=scrd;
flStage=flst;
/*Переприсвоение полученных функцией в качестве параметров значений в заранее подготовленные переменные, какая переменная что значит описанно выше*/

mc.addEventListener(MouseEvent.CLICK, callInformation);/*Добавляем к кнопке «слушателя» который по «клику» на кнопке будет вызывать функцию callInformation*/

loadInformation(tx,wa,formatFile,scrLine,scrDrag,flStage);/*Вызов функции производящей загрузку информации, параметры передаваемые этой функции разобраны в оописании основного класса программы*/
setLabel(l,lC,lF);/*Функция которая выводит название текущей страницы и оформляет его*/
/*Параметры:
1. Текстовое поле.
2. Значение которое ему надо присвоить(строка).
3. Формат текста который следует к нему применить.*/
>
function setLabel(la:TextField,laCont:String,labForm)la.text=laCont;/*Присваиваем необходимое значение*/
la.setTextFormat(labForm);/*Устанавливаем формат*/
>

public function loadInformation(txt:TextField,way:String, format:String,scrl:Sprite,scrd:Sprite,flst:Sprite)tx=txt;
scrLine=scrl;
scrDrag=scrd;
flStage=flst;
formatFile=format;
/*Переприсвоение полученных функцией в качестве параметров значений в заранее подготовленные переменные, какая переменная что значит описанно выше*/

var contentName:URLRequest = new URLRequest(way);/*Новый запрос для загрузки*/
loader.addEventListener(Event.COMPLETE, contentLoaded);/*Цепляем к ранее созданому загрузчику слушателя на окончание файла*/
loader.load(contentName);/*Начинаем загрузку текстового файла*/
>

function contentLoaded(events:Event)var req:URLRequest = new URLRequest(formatFile); /*Еще один запрос для загрузки, на этот раз CSS-файла*/
loader2.addEventListener(Event.COMPLETE, onCSSFileLoaded); /*Добавляем к загрузчику для CSS-файла «слушателя» на окончание загрузки*/
loader2.load(req); /*Начинаем загрузку CSS-Файла*/
>

public function onCSSFileLoaded(event:Event):void /*Функция по окончанию загрузки CSS-файла*/
<
var sheet:StyleSheet = new StyleSheet(); /*Новый объект CSS*/
sheet.parseCSS(loader2.data); /*Переносим полученное содержимое CSS-Файла в специальный объект только-что созданный нами*/
tx.styleSheet = sheet; /*Включаем форматирование содержимого текстового поля при помощи объекта с содержимым из нашего CSS-файла*/
tx.htmlText = loader.data;/*Присваиваем текстовому полю текст полученный из текстового файла немного ранее*/

var myScrollBarer:ScrollBarer = new ScrollBarer();/*Экземпляр класса скробара*/
myScrollBarer.addScroll(tx,scrLine,scrDrag,flStage);/*Вызываем функцию скролбара*/
/*Параметры:
1. Текстовое поле к которому цепляется скрол
2. Линия по которой будем перемещать ползунок.
3. Сам ползунок.
4. Невидимая кнопка размером со сцену, которую мы создавали в основном классе.
*/
>

public var sost:Boolean;/*Логическая переменная будет использоваться при отслеживании нажат или отпущен ползунок*/
public var scrLine:Sprite;/*Новый спрайт, ему будет передана линия под скролом*/
public var scrDrag:Sprite;/*Новый спрайт, ему будет передан ползунок скрола*/
public var Text:TextField;/*Текстовое поле к которому будем цеплять скрол*/

public var dragPart:Rectangle;/*Объявляемый новый «прямоугольник», его мы будем использовать для ограничения области перемещения ползунка*/

public var firstTime:Boolean=false;/*Логическая переменная будет использовна для однократного использования фрагмента кода в обработчикe ENTER_FRAME, подобный ход мы уже применяли в классе отвечающем за анимацию кнопочек*/
public var lScroll:Boolean=false;/*Очередная булеана, будет использована при создании скролирования по нажатии на ограничивающую линию скрола*/

public function addScroll(txt:TextField,scroll_line:Sprite, scroll_Drag:Sprite,fullStage:Sprite)scrLine = scroll_line;
scrDrag = scroll_Drag;
Text=txt;
/*Переприсвоение полученных функцией в качестве параметров значений в заранее подготовленные переменные, какая переменная что значит описанно выше*/
dragPart=new Rectangle(scrLine.x, scrLine.y, 0, scrLine.height-scrDrag.height);/*Настраиваеам прямоугольник для ограничения области перемещения ползунка, координаты соовпадают с координатами линии скрола, ширина равна нулю т.к. нам не нужны смещения по оси Х, высота равняется высоте линии минус высота ползунка, вычитаем высота ползунка чтобы он останавливался когда его нижний край дойдет до конца ограничивающей линии, а не когда он весь выйдет за ее пределы*/

scroll_Drag.addEventListener(MouseEvent.MOUSE_DOWN, startMove);/*»слушатель» для ползунка реагирующий на его нажатие*/
scroll_Drag.addEventListener(MouseEvent.MOUSE_UP, stopMove);/*»слушатель» ползунка реагирующий на отпускние мыши на нем*/
/*Но ведь отжать кнопку мыши можно не только на ползунке, но и скажем на текстовом поле или где-то просто на свободной области, поэтому надо добавить еще несколько слушателей, вот здесь то нам и понадобилась наша невидимая кнопочка*/
fullStage.addEventListener(MouseEvent.MOUSE_UP, stopMove);/*собственно «слушатель» для якобы свободной области сцены(нашей невидимой кнопки)*/
txt.addEventListener(MouseEvent.MOUSE_UP, stopMove);/*»слушатель» на отпускание кнопки мышки над текстовым полем*/
scroll_line.addEventListener(MouseEvent.MOUSE_DOWN, lineWheelStart);/*отслеживаем нажатие на линию скрола*/
scroll_line.addEventListener(MouseEvent.MOUSE_UP, lineWheelFinish);/*отслеживаем отпускание кнопки мыши над линией скрола*/
scroll_Drag.addEventListener(Event.ENTER_FRAME, render);/*»слушатель» события ENTER_FRAME для нашего ползунка, указаная в параметрах функция будет вызываться каждый кадр*/
fullStage.addEventListener(MouseEvent.MOUSE_WHEEL, wheelScroll);/*Отслеживание колесика мыши над невидимой кнопкой*/
txt.addEventListener(MouseEvent.MOUSE_WHEEL, wheelScroll);/*Отслеживание колесика мыши над текстовым полем*/

function startMove(events:MouseEvent):voidsost=true;/*Булеана получает значение true, значит ползунок нажат*/
scrDrag.startDrag(false,dragPart);/*Начинаем перемещение ползунка за мышью в пределах, очерченных нами ранее при создании прямоугольника*/
>
function stopMove(events:Event):voidsost=false;/*Булеана получает значение false, значит ползунок отпустили*/
lScroll=false;/*Не забываем, что у нас есть еще такая вещь, как скрол по нажатии, на линию скролбара, так что его здесь тоже бы отключить надо*/
scrDrag.stopDrag();/*Прекращаем передвижение ползунка*/
>

function render(events:Event)if(!firstTime)scrDrag.y=scrLine.y;/*Перебрасываем ползунок в начальное положение, это необходимо, чтобы при открытии каждой новой «страницы» полузнок стоял вверху, а страница отображалась сначала, а не сразу открывалсь где-нибудь по середине*/
firstTime=true;/*Ставим галочку, что все уже выполнено и выполянть еще раз не надо*/
if(Text.maxScrollV scrDrag.y)scrDrag.y+=4;>/*двигаемся вниз*/
if(scrLine.y+scrLine.mouseY scrLine.y+scrLine.height-scrDrag.height)
/*Две строки выше не позволяют ползунку покидать пределы ограничивающей линии*/
>

function wheelScroll(events:MouseEvent)scrDrag.y+=events.delta*-3;/*Изменяем координату ползунка в зависимости от силы вращения, это значение как и в АС 2.0 передается в числах кратным трем.*/
>

function lineWheelStart(events:Event)lScroll=true;/*true, значит линия нажата и пора предпринимать соответсвующие действия*/
>
function lineWheelFinish(events:Event)<
lScroll=false;/*false, перестаем менять положение ползунка*/
>

package compleximport flash.display.*;/*Подключаем пакет для работы с дисплеем*/
import flash.ui.*;/*пакет содержащий классы необходимые для работы с мышью и клавиатурой*/
import flash.events.*;/*Подключение пакета контролирующего события, в духе нажатие мыши и т.д.*/
import fl.transitions.Tween; /*Импорт класса програмной анимации*/
import fl.transitions.TweenEvent; /*Импорт класса с событиями при програмной анимации*/
import fl.transitions.easing.*;/*Импорт класса отвечающего за способы анимации*/
public class MarkerTween

public var myMarker:Sprite;/*Спрайт будет использоваться как перемещаемый нами маркер*/
public var markerFinish:Number;/*Переменная будет хранить координаты окончания анимации*/
public var yMovement:Tween;/*Новый твин, будет использован для перемещения по оси Y*/
public var rMovement:Tween;/*Твин для имитации переворота в конце*/
public var TweenTime:Number;/*Переменная будет хранить время анимации для изменения координаты по оси Y*/

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *