flash графика что такое

ГРАФИКА FLASH

При использовании растровой графики изображение описывается как совокупность точек (пикселов — pixel). Поскольку эти точки никак не связаны друг с другом, то для каждой из них требуется указать цвет и координаты. В простейшем случае, когда используется двухцветное изображение (например, черно-белое) для описания цвета каждого пиксела достаточно одного двоичного разряда: О — черный, 1 — белый. Для 256-цветного рисунка таких разрядов требуется уже 8 на каждый пиксел (256=2 8 ). Наиболее сложные, фотореалистичные цветные изображения требуют до 24 разрядов на пиксел. Вследствие этого размер файлов с растровыми изображениями очень быстро возрастает при увеличении глубины цвета изображения.

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

Совсем другое дело — векторная графика.

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

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

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

Источник

Как переустановить и настроить flash-плеер

Немного теории о технологии flash

Что такое флеш-графика и «с чем её едят»? Технология flash разработана компанией Adobe специально для интернет-ресурсов с целью ускорения загрузки анимированной графики. Широко используется в оформлении сайтов, рекламных баннеров, создании браузерных онлайн-игр, дизайна (интерактивные меню, кнопки и т.д.). Данная технология использует растровую и векторную 2D-графику, 3D, а так же «умеет работать» с видео и звуком. Для обработки flash-данных используется графический процессор, что значительно снижает нагрузку на ЦПУ компьютера, однако, увеличивает нагрузку на видеокарту. Флеш-графика имеет специальное кодирование потоков мульмедийных файлов, поэтому для корректного отображения большей части видео, мультипликации, рекламной и интерфейсной графики и анимации на страницах интернет-сайтов необходимо, чтобы на компьютере было установлено специальное приложение, позволяющее компьютеру «понимать» эту графику — Adobe Flash Player. В связи с этим, хотим мы этого или нет, рано или поздно мы сталкиваемся с необходимостью установки/переустановки/обновления этой полезной программы.

Итак, если у Вас «вдруг» перестала отображаться графика и видео в интернете, вместо картинок и роликов «выскакивают непонятные таблички» или не грузятся игры в соц. сетях, то первое что нужно сделать — это обновить/установить/переустановить флеш-плеер.

Где на компьютере находится flash-плеер и как его найти и удалить?

Проверить наличие у Вас установленного флеш-плеера и его версию просто. Это можно сделать двумя способами:

1. Используя приложение для удаления программ и чистки системы, наподобие Си-Клинер‘а. Для этого нужно запустить эту программу и зайти в меню, в котором вы можете увидеть все установленные в компьютер программы (для CCleaner’а это будет меню «Сервис/Удаление программ/»;

2. Открыть меню «Пуск/Панель управления», установить режим просмотра «Мелкие значки». Среди всех служб вы увидите (или не увидите флеш-плеер).

Примечание: Adobe Flash Player не является отдельным приложением. Это плагин (дополнительный компонент), который при установке встраивается в Ваш браузер (программа, через которую Вы просматриваете страницы в интернете). Поэтому в папках на компьютере установленный плеер вы не найдёте и удалить программу вручную не получится.

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

Если же Вы не обнаружили в своей системе установленный флеш-плеер, то можно сразу приступить к его установке.

Загрузка и установка флеш-плеера

Переходим на русскоязычную версию страницы загрузки Flash-плеера с официального сайта разработчика по ссылке get.adobe.com/ru/flashplayer/

Два важных момента:
1. Разработчик сам запрашивает и определяет Вашу операционную систему, её версию, язык и тип браузера, через который Вы работаете в интернете. Как правило, она это делает без «косяков», однако, рекомендую всё же обратить внимание на этот момент. Если Параметры Вашей системы или браузера не соответствуют тому, что определил разработчик, либо Вы хотите установить этот плагин для другого браузера, которым Вы также пользуетесь, то нужно выбрать именно ту версию, которая Вам нужна, нажав на соответствующую ссылку.
2. При установке Вам будет ненавязчиво предложено вместе с плеером установить браузер Google Chrome и назначить его браузером по умолчанию. Тут смотрите сами. Если Вам он нужен в дополнение к тому браузеру, которым Вы уже пользуетесь, то ставьте галочки. Однако, мой совет — не делать этого. Галочки обе убрать и установить только сам плеер. Если Вам что-то понадобится ещё для комфортной работы за компьютером, то Вы сможете установить это в любой момент.

Далее нажимаем кнопку: «Установить сейчас». После этого начнется инициализация загрузки, система подберёт наиболее подходящую версию плеера и загрузит файл установки.

В целом, можно просто следовать подсказкам на сайте.

Далее, запускаем установочный файл. Браузер при этом можно закрыть на время.

Откроется окно программы-установщика, в котором Вам будет предложено выбрать вариант обновления плеера.

Если не хотите «заморачиваться», то ставьте галочку возле рекомендуемого разработчиком варианта. В этом случае Вам не надо будет ни о чём думать и принимать решения, после выхода новых версий плеера, программа будет автоматически обновлять его.

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

Сделав «нелёгкий» выбор, жмём кнопочку «Далее». После этого файлы программы будут загружены и установлены уже в полностью автоматическом режиме.

Вуаля! Flash-плеер установлен, можете наслаждаться комфортом в сети!

Дополнительные настройки флеш-плеера

Теперь обещанные «фишки» по изменению настроек флеш-плеера уже после установки.
Заходим в панель управления. Находим ярлык Adobe Flash Player. Щёлкаем по нему ЛЕВОЙ клавишей мыши. Откроется меню настроек. Что-либо менять в этом меню я не рекомендую, так как все стандартные настройки уже сделаны для оптимальной работы приложения. Однако, пару моментов всё же надо знать:

1. Закладка «Обновления». Здесь можно поменять способ обновления флеш плеера, что нам предлагалось сделать при установке, просто поставив галочку возле нужного пункта.

2. Закладка «Воспроизведение» пригодится Вам для общения в видеочатах с использованием веб-камеры или, напрмер для удалённого доступа ip-камеры видеонаблюдения. Здесь можно прописать адреса, с которыми вы часто связываетесь для получения непрерывного видеопотока. Не путать со скайпом! Там эта функция реализована в самом приложении, флеш-плеер к скайпу не имеет отношения. Дополнительные настройки для передачи видео и звука можно поменять в закладке «Камера и микрофон».

3. Закладка «Хранилище» отвечает за хранение настроек флеш-плеера для веб-сайтов, которые используются Вами во время работы в интернете. Очень полезная штука — ускоряет загрузку графики и видео с сайтов, которые Вы часто посещаете (например, браузерные игры в соц.сетях). Иногда это хранилище настроек перегружается так, что вместо ускорения графика начинает «тормозить» или вовсе плагин «слетает». В этом случае Вам поможет кнопка «Удалить все…»

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

Совет: НИКОГДА НЕ МЕНЯЙТЕ НАСТРОЙКИ ФЛЕШ-ПЛЕЕРА, ЕСЛИ ВЫ НЕ ЗНАЕТЕ К ЧЕМУ ЭТО МОЖЕТ ПРИВЕСТИ. Кстати, это касается не только flash-плеера, но и других программ и настроек системы. Здесь правило такое: не уверен — не нажимай (или, как говорят медики, «не навреди!»).

Источник

Производительность и оптимизация отрисовки графики во Flash

Во время создания нашей игры на флэше (осторожно — вконтакт!), в определенный момент мы столкнулись с проблемой производительности.

FPS начал падать даже на весьма производительных системах… Проблема была типична для всех флэш-игр — большое количество векторной графики. Как вы понимаете, векторная графика — это весьма ресурсоемкая штука. Ведь при рендере плееру приходится заново рассчитывать разнообразные хитрые кривые и т.п., что явно проигрывает по скорости работе с растровой графикой. При чем — проигрывает на порядок (а то и несколько порядков).

По старой доброй традиции в зубы был взят Google и начался поиск решения…

Штатное решение

Первое, на что вы наткнетесь — это на «cache as bitmap». Давайте сначала разберемся с этой опцией.

Включить эту опцию необходимо для каждого клипа отдельно. Делается это либо в самом Флэше — выбрав клип, на панели «Properties» установкой одноименной галочки. Либо же динамично — в коде AS3 установкой свойства MovieClip’а «cacheAsBitmap» в «true».

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

Возникает вопрос — так почему тогда этот метод не включен по умолчанию?

Тут все просто. Дело в том, что если закэшированный клип изменится (анимирован), либо же вы захотите его повернуть/масштабировать/изменить прозрачность — для этого флэшу придется снова обратиться к векторному «исходнику» клипа, чтобы закэшировать уже обновленный образ. Таким образом, если мы имеем клип, который меняется каждый кадр — то плееру придется постоянно перекэшировать его, что наоборот, — приведет к падению производительности.

Если коротко, то «cache as bitmap» можно смело включать для всех статичных movie clip’ов. Если же, например, у вас в игре есть фон, который состоит из статичной подложки и анимированных клипов (например, шевелящиеся растения, наложенные на статичный лесной пейзаж), — то вам следует отделить статичную часть в отдельный мувик и выставит для него кэширование.

Итак, что хорошего/плохого в этом методе:
+ Включить метод до безобразия просто. Кроме того, пользователь не обнаружит никакой разницы в просмотре (микро-нюансы могут возникнуть только при использовании нецелых координат клипа).
+ Метод идеально подходит для статичных мувиклипов любой сложности (с любым количеством градиентов, кривых и т.п.)
— Метод не следует применять для анимированных, вращающихся, клипов, а также клипов с меняющейся прозрачностью. Естественно, никаких графических артефактов вы не получите — все по-прежнему будет красиво. Но производительность вы можете наоборот — потерять.
— Метод отъедает какое-то количество памяти (ну, без этого — никуда… должен же плеер где-то хранить растеризованное изображение).
— По свидетельствам некоторых разработчиков, с большими клипами (10000 х 10000) могут все равно возникать подтормаживания.

Решение для анимированных клипов.

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

Скажете, что это сложно? На самом деле, велосипед уже изобрели до нас. Можно воспользоваться готовым решением, выложенным в блоге Touch My Pixel. Там же есть онлайн-пример, который позволит вам оценить производительность метода.

Разница в использовании и не использовании кэширования анимации весьма существенна:

Плюсы и минусы этого метода:
+ Метод подходит для анимированных клипов и позволяет изрядно поднять производительность.
— Решение не «из коробки», т.е. придется «прикручивать» сторонний код.
— Метод требует предварительного рендеринга всей анимации (т.е. небольшая задержка перед запуском флэшки).

Результат.

Наша графика представляет собой нечто такое:

(чудище по центру создано пользователем, так что за его «красивость» не бейте 🙂

В результате включения штатного «cache as bitmap» для статики, FPS, который падал аж до 12, поднялся до штатных 30.

Сейчас думаем, как бы грамотно применить кэширование для анимированной графики.

Заключение.

Надеюсь, данная статья поможет вам повысить производительность ваших флэшек!

Источник

Как создается флеш анимация для сайта?

Технология Flash

Область современного применения Adobe Flash :

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

Основы и инструментарий для разработки Flash

Для создания флеш анимации чаще всего используется традиционный инструментарий от Adobe :

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

Размер файла флэш приложения одинаков для всех пользователей независимо от технических характеристик экрана ( разрешения ).

К недостаткам технологии можно отнести следующие моменты:

Обзор стороннего программного обеспечения для создания Flash

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

Для того чтобы понять, как сделать флеш анимацию в этом приложении, воспользуемся встроенными шаблонами. Диалоговое окно « New From Template » появляется сразу после запуска программы. Кроме того его можно вызвать через пункт главного меню « File ». Среди предлагаемых вариантов мы выбрали создание баннера:

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

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

После компиляции проекта и закрытия окна мастера можно просмотреть получившийся ролик во встроенном проигрывателе. Для этого нужно нажать на зеленую стрелку вверху:

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

Созданную флеш анимацию для сайта можно опубликовать. Способ публикации можно выбрать, нажав вверху на кнопку « Publish ». Предлагается на выбор три варианта, в том числе и вставка в html код. Детальная настройка этого процесса доступна в отдельном окне « Publish Settings »:

Для ознакомления предоставляется бесплатная версия программы сроком на 30 дней. Полная стоимость Sothink SWF Quicker составляет 85$:

Ближайшие конкуренты приложения:

В заключение хотелось бы отметить, что выбор программы является важным, но не основным аспектом. Для создания Flash вам потребуется не только проверенное и надежное приложение, но и знание основ веб-программирования. Так что для начала нужно « приобрести » нужный багаж знаний, а уже потом заняться выбором специализированного программного обеспечения.

Источник

О Flash-технологии

На этом занятии мы рассмотрим следующие вопросы:

Приветствую Вас на первом уроке курса «ActionScript 3 Уроки для новичков».

На этом уроке я расскажу о том, что такое флеш-технология, почему так называется, какие программы входят в ее состав и для чего предназначены.

Flash-платформа

Flash Professional

Flash Professional – это интегрированная среда разработки (IDE) для создания флеш-контента. Когда я говорю об изучении или использовании Flash, я имею ввиду изучение Flash Professional. Во всех последующих уроках, упоминая Flash, я буду подразумевать Flash Professional. От создания файла во Flash до полноценного программирования на ActionScript ООП — вот цель этого курса.

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

Flash Player

Flash Player – это программа, которая используется для просмотра флеш-роликов и является как бы основным визуализатором flash-технологии. Вне зависимости от того, с помощью каких инструментов была сделана флеш-анимация или игра, Ваши пользователи будут просматривать их и взаимодействовать с ними через Flash Player. По статистике, это единственная программа, которая установлена на 99% компьютеров по всему миру. (подробная информация о Flash Player).

Последняя версия Flash Player’a выпущенная Adobe на момент записи этого видео — шестнадцатая.

Flash Builder

Если нет дополнительной информации о том, с помощью каких инструментов создавался, например, веб-сайт или приложение, то Вы не сумеете определить, в какой среде он разрабатывался: Flash Professional или Flex.

Adobe Scout

Adobe Gaming SDK

Набор Adobe Gaming SDK предоставляет основную коллекцию платформ, примеров кода и обучающих ресурсов, которые вместе помогают разработчикам создавать и публиковать игры на ActionScript для различных устройств.

Flash Media Server

Flash Media Server позволяет транслировать видео через Flash Player. Он работает посредником, т.е. осуществляет связь между веб-сервером и веб-браузером для проигрывания видео-роликов. Естественно, что любой флеш-фильм может быть загружен на Flash Media Server.

Flash Lite

Creative Cloud

Дополнительная информация

Векторная графика

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

Но проблема растрового изображения заключается в том, что оно зависит от того разрешения которое былодля него определено в момент его создания. Например, 72 dpi, 150 dpi, 300 dpi. Для того, чтобы увеличить растровое изображение в 2 раза, каждый пиксел должен увеличиться до 4-х. Чтобы увеличить картинку в 4 раза – до 8-ми и т.д. Естественно, что эти увеличившиеся пикселы-квадраты станут заметны глазу и качество изображения резко снизится. Размер же файла резко увеличится. Можно сказать, что увеличивая картинку в размере двукратно, мы увеличиваем размер файла в четыре раза! Именно поэтому подобные изменения в размере негативно сказываются на качестве изображения и общем размере файла.

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

Большинство современных графических редакторов преимущественно ориентированы на работу с одним видом изображений: либо растровыми, либо векторными. Хотя каждый из них имеет в своем арсенале инструменты для работы с другим типом графики. Самые известные на сегодняшний день примеры таких программ это Adobe Photoshop – растровая графика, Adobe Illustrator – векторная.

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

Более 7000 человек уже получили!

Источник