Технологии Flash и Flex для реализации On-line игры в Интернете

 

Министерство образования и науки Российской Федерации

Федеральное государственное бюджетное образовательное учреждение

высшего профессионального образования

«ЛИПЕЦКИЙ ГОСУДАРСТВЕННЫЙ ПЕДАГОГИЧЕСКИЙ УНИВЕРСИТЕТ»

Факультет физико-математических и компьютерных наук

Кафедра электроники, телекоммуникаций и компьютерных технологий

Специальность 071900 - «Информационные системы и технологии»

Курсовая работа

по дисциплине Инфокоммуникационные системы и сети

на тему:

Технологии Flash и Flex для реализации On-line игры в Интернете

Выполнил: Студент 2 курса

Закурнаев Александр

Научный руководитель:

Никулова Галина Анатольевна

Липецк 2013

Введение

Актуальность данной темы заключается в необходимости изучения технологии Flash в целом, и изучения принципов работы программы Macromedia Flash, так как любой ресурс глобальной сети, будь это небольшой портал или сложная браузерная игра, непосредственно используют Flash технологию. -это технология интерактивной анимации, которая объединила в себе все базовые элементы мультимедиа: звук, движение и многое другое. Все это позволяет создавать, как простенькие рекламные баннеры, так и сложные интернет приложения. При этом размер получающихся программ или игр минимален, а результат их работы не зависит от разрешения экрана, так как Flash использует векторную графику. Благодаря всему этому, Flash очень популярен в сети internet.

Flash

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

Рис.1.1

В платформу входит целый ряд средств разработки:Flash BuilderFlash PlayerFlash Professional

С помощью Adobe Flash можно работать с растровой, векторной и даже с трехмерной графикой, но ограничено. Также осуществленная поддержка двунаправленной потоковой трансляции видео и аудио. Компании позаботилась и о КПК и мобильных устройствах. Для них создана специальная облегченная версия платформы - Flash Lite. Функциональность, конечно, ограничивается с расчетом возможностей вашего устройства и операционной системы.

Расширение.SWF - это стандарт для flash-файлов (игры, анимации, приложения). FLV - расширение видеороликов в формате Flash. А рабочие файлы в среде разработки имеют расширение FLA.player (рис.1.2) можно назвать виртуальной машиной, на которой происходит выполнение кода flash-программы, который был загружен из интернета. Основу анимации составляет векторный морфинг, то есть плавное «перетекание» одного кадра в другой. С помощью этой технологии можно создавать достаточно сложные мультипликационные сцены, при этом задавать лишь несколько главных кадра. Нужно подметить, что производительность Flash player во время воспроизведения анимации превышает производительность JavaScript в несколько раз (в браузерах поддерживающих HTML5). Хотя в несколько раз уступает приложениям, которые работают без помощи виртуальных машин.

Рис 1.2

- язык, который используется Flash. Основанный на ECMAScript. ActionScript - это объектно-ориентированный язык программирования, который добавляет интерактивность, обработку данных и другое в содержимое Flash-приложений. ActionScript исполняется виртуальной машиной(ActionScript Virtual Machine), которая является составной частью Flash Player. ActionScript компилируется в байт-код, который включается в SWF-файл.

Компания Adobe 1 мая 2008 года сделала объявление о начале создания проекта под названием Open Screen Project. Целью проекта изначально было создание общего интерфейса (программного) для ПК, бытовой техники и мобильных устройств. Это нужно, для того чтобы, одно приложение одинаково функционировало на всех видах устройств. В поддержку этого уникального проекта выступило 58 компаний. Среди них Google, Nokia, Motorola, Intel, HTC, NVIDEA, Sony Ericsson и другие. На платформе Android, Flash Player встроен изначально, также выпущены мобильные устройства с ускорением (аппаратным) flash-приложений. Кстати, некоторые создатели ПО для мобильных устройств стараются заменить или же ограничить распространение Flash на мобильные платформы [1].

.1 История

Технология векторного морфинга (технология в компьютерной анимации или визуальный эффект, создающий впечатление плавной трансформации одного объекта в другой) применялась задолго до Flash. В 1986 году была выпущена программа «Fantavision», которая использовала эту технологию. В 1991 году на этой технологии была выпущена игра «Another World», а двумя годами позже -Flashback.

Разработка Flash была начата компанией FutureWave, создавшей пакет анимации FutureSplash Animator. В 1996 году FutureWave была приобретена компанией Macromedia, которая переименовала FutureSplash Animator в Flash. Под этим наименованием платформа продолжает развиваться и поныне (хотя после того, как в 2005 году компания Macromedia была поглощена Adobe, Macromedia Flash стал официально называться Adobe Flash).

.2 Средства разработки (Adobe Flash Pro и Adobe Flash Builder)

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

Рис. 1.4

Программное обеспечение Flash Builder базируется на среде Eclipse (IDE с открытым исходным кодом) и предоставляет все необходимые средства для разработки приложений, использующих инфраструктуру Flex и ActionScript 3.0. Flash Builder может работать в операционных системах Microsoft Windows, Apple Mac OS X и выпускается в нескольких версиях. Параметры конфигурации позволяют установить Flash Builder в виде набора внешних модулей в существующей рабочей среде Eclipse или создать автономную установку, включающую рабочую среду Eclipse.

При загрузке программы установки Flash Builder можно выбрать одну из двух конфигураций. Автономная конфигурация устанавливает Flash Builder в качестве автономной интегрированной среды разработки (IDE). Автономная конфигурация предназначена для разработки приложений, использующих инфраструктуру Flex и ActionScript 3.0. Эта конфигурация исключительно удобна для новых пользователей и разработчиков, которые будут использовать только инфраструктуру Flex и ActionScript 3.0 для создания приложений.

Конфигурация внешнего модуля настраивает Flash Builder для запуска в качестве внешнего модуля в существующей установленной версии Eclipse. Для запуска конфигурации внешнего модуля необходимо установить 32-разрядную версию Eclipse 3.6 (Windows) или 32-разрядную версию Eclipse 3.6 Cocoa (Mac).Конфигурация внешнего модуля и автономная конфигурация Flash Builder предоставляют одинаковые функциональные возможностиFlash Professional - это среда разработки интерактивных мультимедийных программ под любые платформы. Flash можно применить для создания игр, веб-сайтов, CD-презентаций, баннеров и мультфильмов. Adobe Flash Professional обеспечивает быструю и плодотворную работу с Flash технологией, благодаря функциональному интерфейсу, наличию расширенных инструментов для обработки видео и анимации, а также широкой интеграции с другими графическими приложениями компании Adobe. Тут присутствует возможность импорта файлов из Adobe Photoshop и Adobe Illustrator, удобная временная шкала, позволяющая наиболее точно накладывать эффекты движения и расширенные средства для создания и редактирования основных геометрических форм, с возможностью генерации своих фигур с помощью встроенного модуля JavaScript API.

Данная программа позволяет легко добавлять в Flash-файл музыку в формате MP3 и включать в него видео для получения файлов FLV формата.

В новых версиях Adobe Flash Professional появилась обновленная 3-я версия скриптового языка ActionScript, добавлена возможность мгновенного преобразования анимации в код ActionScript 3.0

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

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

-D движки

Существует различное множество 3D движков, которые используют в качестве основы технологию Flash, вот некоторые из них:D -самый известный Open Source движок. Векторная прорисовка по треугольникам.D -создан Александром Задорожным из Киева на основе проекта Papervision3D. В данный момент -ведущий Open Source движок. Также векторная прорисовка.- в использовании ещё проще, чем Papervision3D. Open Source. Также векторная прорисовка.3D Engine - движок с динамическим BSP. Разрабатывается энтузиастом из Санкт-Петербурга Алексеем Романовым.Platform - платформа для трёхмерных игр, разрабатываемая группой из Перми. Векторная прорисовка по треугольникам. На данной платформе создана игра Танки Онлайн. Включает графический движок Alternativa3D 8 с поддержкой 3D API Molehill [1].

До 2011 года производительность flash была недостаточной для отрисовки сложных 3D-сцен в реальном времени. Сцены выглядели значительно менее детальными и правдоподобными, в сравнении со сценами, отображаемыми с помощью современных 3D-движков, основанных на другой технологической платформе (как например «Unreal Engine»). Это было связано с тем, что прежние версии flash не позволяли задействовать 3D-возможности современной видеокарты. Ситуация изменилась в конце 2011 года, когда Adobe выпустила flash 11 с поддержкой аппаратного графического ускорения. Это даёт возможность отрисовывать сцены с гораздо большим количеством деталей и отображать высококачественные графические эффекты, ранее недоступные из-за своей ресурсоёмкости. При этом следует отметить, что многие возможности, реализованные в наиболее современных видеокартах, по прежнему остаются недоступными для флеша.

.4 Недостатки Flash

Основной недостаток flash-приложений - чрезмерная нагрузка на центральный процессор, связанная с неэффективностью виртуальной машины Flash Player. Хотя следует отметить, что в некоторых случаях имеет место и недостаточная оптимизация flash-приложений их разработчиками, использование так называемых «генераторов» flash-приложений.

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

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

Четвёртый важный недостаток заключается в том, что использование Flash для размещения текстовой информации затрудняет её индексирование поисковыми системами. И хотя в принципе определённая система индексирования текста внутри swf-файлов была создана Google и Yahoo ещё в 2008 году, но доля сайтов, целиком созданных на Flash, остаётся небольшой.

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

Как редактор Adobe Flash CS5 не может конвертировать созданные в нём векторные изображения в форматы другого типа:.ai или.cdr, что было бы крайне полезным.

В реализациях Adobe Flash время от времени находят «дыры», позволяющие злоумышленникам производить разнообразные действия с системой. Так, например, в октябре 2008 года была найдена уязвимость, позволяющая удалённо контролировать веб-камеру и микрофон.

flash и flex анимация игра

1.5 Игры, использующие технологию Flash

Флеш-игры - это небольшие игры в самых разных жанрах, для создания которых используется технология Flash, а также язык программирования Action Script. И то, и другое несложно в освоении хотя бы до начального уровня, однако большинство все же предпочитает не создавать такие небольшие игры, а играть в них. Среди поклонников флеш-игр много тех, кто даже играет в них на работе, хотя и в качестве домашнего развлечения они прекрасно подходят.

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

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

Самые известные флеш-игры: «N»,«Eyezmaze», « Фрагория», «TimeZero», « Destiny Sphere».

Фрагория компьютерная игра, относящаяся к типу ролевых массово-многопользовательских браузерных игр в реальном времени от третьего лица, условно-бесплатная. Основана на Flash-технологии, для работы требует доступ в internet, браузер и Adobe Flash Player. Проект разработан компанией «РуСофт» в 2007 году. Игровая вселенная создана в жанре фэнтези в старославянском стиле [2].

. Apache Flex

Flex (рис.1.7), ранее Adobe Flex -комплект средств разработки (SDK) для создания кросс-платформенных Rich Internet Applications на основе Flash. Разработанный вначале компанией Macromedia и приобретённый затем компанией Adobe Systems, Flex был пожертвован компанией Adobe фонду Apache Software Foundation в 2011 году. Члены ASF по результатам голосования включили его в Apache Incubator и через полгода, в июле 2012 выпустили новую версию (4.8.0).

Рис. 1.7

расширяет базовые возможности Flash, позволяя описывать интерфейс приложения на XML, ускоряя и упрощая процесс разработки насыщенных веб-приложений. Логика приложения пишется на ActionScript 3. Результатом компиляции является файл SWF, предназначенный для выполнения в браузере (на платформе Flash Player) или как самостоятельное приложение (на платформе AIR). Flex-приложение может компилироваться на сервере (для этого потребуется mod_flex.so или mod_flex.dll в зависимости от ОС и веб-сервера), а может -из IDE или непосредственно из командной строки с помощью компилятора mxmlc (начиная с Flex 2), как и во Flash, результатом является файл swf, исполняемый в Flash Player [3].

.1 История версий

Первая версия Apache Flex вышла в Марте 2004 года. Все существующие версии приведены в таблице:

Flex 1.0 - Март 2004Flex 1.5 - Октябрь 2004Flex 2.0 (Alpha) - Октябрь 2005Flex 2.0 Beta 1 - Февраль 2006Flex 2.0 Beta 2 - Март 2006Flex 2.0 Beta 3 - Май 2006Flex 2.0 Final- Июнь 28, 2006Flex 2.0.1 - Январь 5, 2007Flex 3.0 Beta 1 - Июнь 11, 2007Flex 3.0 Beta 2 - Октябрь 1, 2007Flex 3.0 Beta 3 - Декабрь 12, 2007Flex 3.0 - Февраль 25, 2008Flex 3.1 - Август 15, 2008Flex 3.2 - Ноябрь 17, 2008Flex 3.3 - Март 4, 2009Flex 3.4 - Август 18, 2009Flex 3.5 - Декабрь 18, 2009Flex 4.0 - Март 22, 2010Flex 4.5 Hero Preview Release - Октябрь 2010

.2 Отличия Flex от Flash (достоинства и недостатки)

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

Инструменты создания RIA основаны на flex-framework (Adobe Catalyst, Adobe Flex, Aptana Studio и т. д.). Инструменты для работы с анимацией и графикой используют только базовые возможности flash (поэтому баннеры и медийная реклама делаются без использования flex).

Интегрированная среда разработки Adobe Flash Builder (ранее известна как Flex Builder), которая обеспечивает более высокую производительность, создана на свободно распространяемой платформе разработки Eclipse. Поскольку многие разработчики уже используют Eclipse при программировании на Java, Flex Builder 2 предоставляет им знакомую среду для создания и Java-приложений, и полнофункциональных клиентов. Flex, помимо скорости разработки, предоставляет полные мультимедийные возможности Flash Platform: включая потоковое мультимедиа, возможность получить доступ к веб-камере и микрофону пользователя, бинарные сокеты, обширные возможности сетевых коммуникаций (HTTP-запросы, веб-сервисы, встроенный формат сериализации AMF), оперирование координатами трехмерного пространства, возможности использования встроенных фильтров (таких как расфокусировка, падающая тень и др.), и написания собственных. Благодаря Flex, веб-сервисы могут использоваться для связи с сервером при частом обращении к данным при небольшой полезной нагрузке. Для более ресурсоемких приложений Adobe предлагает программное обеспечение Flex Data Services 2 Express, которое может поддерживать связь между источником данных и уровнем представления. Flex Data Services 2 способен передавать данные с сервера на клиент. Серверный компонент может, например, извлечь данные из серверного приложения SAP и переслать их клиенту. Теперь функции Flex Presentation Server встроены в Flex Data Services. Ещё одно неоспоримое достоинство технологии Flex, тесно связанное с достоинствами ActionScript 3 -это возможность OpenSourceразработки Flash-проектов без использования Adobe Flash Professional, с помощью «чистого» программирования. При этом Flash-разработка становится принципиально доступна в том числе и на Unix-платформах.Работа flex-framework основана на относительно большом количестве собственного AS3-кода. Для примерной оценки: стандартный набор классов, включаемый по умолчанию в каждое разрабатываемое flex-приложение, занимает более 700 килобайт в итоговом swf-файле. Таким образом, общий объём кода, необходимый для исполнения flex-приложения, заметно увеличивается. В более поздних версиях флеш-плеера реализован механизм, который даёт возможность использовать классы flex, не включая их в каждый отдельный swf. При первом запуске такого swf, флеш-плеер подгрузит необходимые файлы с официального сайта в отведённый для этого кэш флеш-плеера. Однако, подгрузка дополнительных файлов из внешнего источника в некоторых случаях является неприемлемой или нежелательной. В этом случае, компоненты flex-framework должны быть скомпилированы и добавлены непосредственно в swf-файл, что заметно увеличивает размер swf-файла, если речь идёт о "легковесных" приложениях.

.3 Среды разработки (Adobe Flex Builder)

Flex Builder (рис.1.8) - это старое название для Adobe Flash Builder. Смена названия программы произошла начиная с версии 4.0, тем самым, разработчики хотели подчеркнуть связь с другими продуктами Adobe Flash Platform.

Рис. 1.8

Builder -программный продукт компании Adobe, представляет собой IDE(система программных средств) на основе Eclipse для создания многофункциональных межплатформенных интернет-приложений (RIA) с помощью открытой среды Flex. Для программирования интерфейса будущего интернет-приложения используется WYSIWYG-редактор для MXML-кода, а для программирования логики - Adobe ActionScript.

Результатом компиляции является SWF-файл, который, к примеру, может быть использован для выполнения в браузере (с использованием Adobe Flash Player), или как самостоятельное межплатформенное приложение AIR. Также при компиляции автоматически генерируется и открываетcя HTML-страница, содержащая код для загрузки и запуска вышеуказанного SWF-файла.

.4 Способ распространения

предоставляемый Adobe является бесплатным набором инструментария (framework) с полностью открытым исходным кодом (Open Source). Для работы с процедурами и классами этого фреймворка (написание кода, отладка, компиляция в исполняемый код) потребуется платное или бесплатное программное обеспечение.

Компания Adobe решила открыть исходный код среды Flex к концу 2007 года и начать распространение этого продукта на условиях Mozilla Public License (MPL). Известно, что в открытую версию Flex будут входить программное обеспечение для создания соответствующих приложений, набор библиотек и компиляторов, средство для разработки, интегрируемое в среду Eclipse IDE, а также система Flex Data Services, предназначенная для работы с базами данных [4].

Заключение

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

Естественно, есть и свои недостатки. Основными являются: необходимость установки плагина и высокая нагрузка на центральный процессор и оперативную память.

Итак, можно сделать вывод, что Flash технология очень хорошо подходит для сети internet. Рекламные баннеры, игры и ролики в глобальной сети зачастую используют эту популярную, современную технологию.

Список использованной литературы

1.Adobe Flash (электронный ресурс) URL://flash.com/karta-site/adobe-flash.html (дата обращения: 11.06.13)

. Статьи об Flash играх (электронный ресурс)URL://playlands.net/flash-games/chto-takoe.html (дата обращения: 10.06.13).

.Adobe Flex (электронный ресурс) URL://www.kolmisoft.ru/Adobe_Flex (дата обращения: 11.06.13)

. Руководство разработчика по Flex (электронный ресурс) URL://chesblog.ru/be-nevleol55vtiod/Adobe_Flex (дата обращения: 11.06.13)

Министерство образования и науки Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего профессионального образован

Больше работ по теме: