Создание flash сайта: Как сделать flash сайт.

Разработка флеш/flash сайтов, цена от 20 т.р.

/ Flash сайты

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

Примеры наших разработок

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

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

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

Цена разработки flash сайтов имеет широкое значение в мире современного бизнеса. Одним из ярких примеров может быть промо ресурс. Главной целью создания этого продукта является презентация в сети определенного брэнда, товара, события, акции и прочего. Поэтому яркость и динамичность для него жизненно необходимы. Желаемого эффекта можно достичь с помощью таких вариантов, поскольку установлено, что пользователь прежде всего обращает внимание на движущиеся объекты. Добавьте широчайшие возможности яркой графики, которые предоставляет дизайн и находиться на вашем домене будет и приятно, и комфортно.

Flash интернет-магазин

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

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

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

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

Как вставить Flash в HTML с помощью iSpring

Если вы хотите украсить сайт Flash-анимацией или добавить рекламный баннер, то iSpring — это оптимальное решение, позволяющее создавать профессинальные Flash-ролики в PowerPoint.

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

В инструкции ниже показано, как вставить Flash-анимацию на страницу сайта.

1. Преобразуйте вашу презентацию PowerPoint в формат Flash с помощью iSpring. Убедитесь, что в настройках Публикация -> Главная выбрана опция Создать HTML.

Конвертируя презентацию в режиме Один Flash-файл, вы получаете единый Flash-файл (.SWF) для всей презентации со встроенными мультимедиа-ресурсами.

Отключив опцию Один Flash-файл, вы получите отдельные Flash-файлы, соответствующие слайдам исходной PowerPoint-презентации.

2. Итог конвертации с включенной опцией Один Flash-файл.

• файл с расширением SWF – это ваш Flash-ролик;
• файл с расширением HTML – представляет собой HTML-страницу с вашим роликом;
• файл с расширением JS – файл, который не дает службе безопасности Internet Explorer заблокировать ваш Flash-ролик. Он обязательно должен располагаться в той же папке, что и HTML-страница с Flash-файлом.

Итог конвертации с выключенной опцией Один Flash-файл:

• папка Data – в ней хранится содержимое вашего Flash-ролика;
• файл с расширением SWF – это Flash-файл, содержащий плейер для просмотра ролика;
• файл с расширением HTML – представляет собой HTML-страницу с вашим Flash-роликом;
• файл с расширением JS — это файл, который не дает службе безопасности Internet Explorer заблокировать ваш Flash-ролик. Он обязательно должен располагаться в той же папке, что и страница с Flash-роликом;
• файл с расширением XML – связывает содержимое папки data и Flash-файла.

Не забудьте, что для корректного проигрывания Flash-ролика на сайте, необходимо скопировать все полученные файлы и папку data на сайт.

3. Для проигрывания Flash-ролика на  странице сайта необходимо отредактировать ее HTML-код, добавив к нему часть кода, сгенерированного iSpring. Просмотреть HTML-код страницы вы можете прямо в окне браузера, выбрав опцию Просмотр HTML-кода, или открыв ее в простом текстовом редакторе, не позволяющем изменять стиль текста, например в Блокноте. НЕ используйте Microsoft Word, OpenOfficeWriter, WordPad, и т.д.

Щелкните правой кнопкой мыши по файлу HTML и выберите в контекстном меню Открыть с помощью->Блокнот.

4. В открывшемся окне вы увидите HTML-код страницы. Код вашего Flash-ролика находится в теге object:

Пример HTML-кода страницы с Flash-роликом

5. Теперь осталось только скопировать содержимое тега object и вставитьего в код HTML-страницы.

Также вы можете настроить расположение и вид Flash-ролика с помощью параметров и атрибутов тега object и дублирующих их атрибутов тега embed.

• quality («low/autolow/autohigh/high/medium/best») – задает качество сглаживания контуров
• bgcolor – определяет цвет фона кадров
• align («right/left/middle») – задает положение Flash-ролика внутри HTML-страницы
• src (параметр movie) – показывает адрес расположения Flash-ролика
• width, hight – задают размеры Flash-ролика в пикселях
• allowFullScreen – дает поддержку полноэкранного режима (только с 9й версии FlashPlayer).

В теге script атрибут src указывает путь к .js файлу, который обязательно должен располагаться в той же папке, что и HTML-страница с Flash-файлом.

Также помните, что страницу и все файлы с Flash-роликом следует хранить в одной папке, чтобы обеспечить корректное проигрывание.

Надеемся, что наши советы помогут вам оживить и украсить ваш сайт Flash-анимацией!

Взлёт и падение Flash, раздражающего плагина, сформировавшего современный веб / Хабр

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

9 июня 2008 года, примерно через час после начала ежегодной презентации Apple на WWDC в Калифорнии, прорыв, которого ждал Роб Смол, появился из недр торта. На сцене присутствовал Стив Джобс, довольный собой больше, чем обычно. Сам Смол смотрел за трансляцией презентации из Лондона.

Торт размером со слона, украшенный аккуратными ягодками и увенчанный единственной зажжённой свечой, светился на экране слева от директора Apple. «Приближаясь к первому дню рождения iPhone, — говорил Джобс, повышая голос, — мы смогли вывести его на следующий уровень». Торт распался, и появился логотип. Аудитория покорно разразилась приветственными криками. «Сегодня, — выкрикнул Джобс, — мы представляем вам iPhone 3G!»

В 2001 году, когда Смолу было чуть за двадцать, он распознал возможность – которую не заметили признанные игроки индустрии культуры – позволявшую проталкивать навязчивые короткие клипы в массы. Ещё не зная, в какую форму это развлечение может вылиться, он основал компанию с названием, продиктованным его убеждениями: Miniclip.

Смол вместе с партнёром Тиханом Пресби начали поиски подходящей платформы для реализации этой идеи. Они быстро нашли ПО для анимации, способное показывать интерактивные мультимедийные ролики в любом браузере и почти при любом качестве интернет-соединения – для этого требовалось лишь скачать небольшой проигрыватель. Это ПО, которое в 1996 году компания веб-разработки Macromedia купила и переименовала, называлось Flash.

Miniclip ждал немедленный успех. Интерактивная анимация «Танцующий Буш», про бывшего президента, двигающего тазом на танцполе в стиле Saturday Night Fever, началась в виде емейла, разосланного всего сорока получателям, и превратилась в одну из первых вирусных игр. К 2002 году компания стала крупнейшим распространителем игр на Flash, и оставалась таковой следующие четыре года. В 2006 году Disney купила у Miniclip игру Club Penguin – которая, по словам Смола, состояла из «нескольких ковыляющих пингвинов в формате Flash» – за $500 млн. На пике деятельности Miniclip привлекала по 75 млн пользователей в месяц.

В том же году Adobe написала пресс-релиз в честь десятилетия технологии Flash. За несколько месяцев до этого компания заплатила за это ПО $3 млрд, и данный документ должен был подчеркнуть глобальность доминирования Flash. Adobe хвасталась, что Flash Player «установлен на 98% всех настольных компьютеров, подключенных к интернету». 70% компаний из списка Fortune 100 предлагали Flash-контент на своих сайтах. ПО было доступно на «65 млн устройств, среди которых – мобильные устройства, потребительская электроника, телевизоры, медиапроигрыватели, телеприставки, цифровые рекламные щиты, камеры, образовательные игрушки и даже холодильники». Технология лежала в основе автомобильного медиацентра Jaguar XK4, предлагавшего проигрыватель музыки, навигацию, климат-контроль, телефон и настройки автомобиля. В 2005 году бывшие сотрудники Google, Чед Хёрли, Стив Чен и Джод Карим, создали видеосайт на основе этой технологии, и назвали его YouTube.

К 2008 году Flash стала стандартом веб-видео. Она помогала проникать в веб анимации, играм и мультимедийным развлечениям. Она подпитывала культуру создания контента, которую сегодня в онлайне мы воспринимаем, как должное. Но пока Джобс вышагивал по сцене, Смол начал понимать, что iPhone 3G изменит способ доступа пользователей к играм.

Он уже изучал возможность распространения игр на мобильные устройства с поддержкой Java, но обнаружил, что довольно трудно воспроизвести Flash на телефонах. App Store показался ему революцией. «Было очевидно, что для телефонов этот момент будет прорывом, — вспоминает он. – Мы надеялись, что это позволит нам создавать более насыщенные ощущения для игроков». Но в iPhone не было поддержки Flash.

Джобс на презентации iPhone 3G, июнь 2008

Future Splash Animator, как сначала называлась технология Flash, появился благодаря неудаче другого продукта. Его создал в мае 1996 года Джонатан Гей. В старших классах Гей присутствовал при постройке дома в горах Сан-Диего, во время которой члены его семьи работали вместе с художниками. Он вдохновился этим зрелищем, и мечтал стать архитектором, работая за чертёжным столом и придумывая планы собственных домов. Но довольно быстро он узнал, что большинство архитекторов не притрагиваются к бетономешалке – они проектируют дома, но не строят их.

Вместо этого Гей решил «разобраться с компьютерами». Ему казалось, что программирование предлагает союз проектирования и постройки, которого не хватает архитектуре. Он написал графический редактор на Pascal и показал его на школьной ярмарке. Вскоре его отец купил ему компьютер Macintosh, и похвастался способностями своего сына в программировании создателю группы пользователей Mac, Чарли Джексону – позднее тот станет одним из первых инвесторов в WIRED US. «Чарли хотел создать компанию, создающую программы, но у него не было на это денег, и он подумал: а вот есть старшеклассник, и ему не нужно будет платить до того, как программа будет готова, — вспоминает Гей. – И я получил возможность работать на этой дорогой системе для разработки стоимостью в $10 000, и писать игры. Это было моё первое знакомство с анимацией».

В январе 1993 года, когда появились возможности взаимодействия с компьютером при помощи стилуса и планшета, Гей убедил Джексона и бывшего коллегу Мишель Уолш основать вместе с ним новую компанию: FutureWave Software. Но она не добилась успеха. Операционная система для SmartSketch, графического редактора для компьютеров со стилусом, провалилась. Этот продукт в итоге портировали на платформы Microsoft Windows и Macintosh, с невысокими показателями продаж.

Летом 1995 года Гей посетил SIGGRAPH, ежегодную конференцию по компьютерной графике, чтобы представить на ней SmartSketch. Там он испытал унижение, поскольку не смог продать ни одной копии. Однако все люди, останавливавшиеся около его стенда, говорили ему одно и то же: ему надо превратить свой продукт в анимационное ПО.

И хотя Гей уже думал об этом, ему казалось, что рынок анимации был слишком мал: распространение ограничивалось видеокассетами и CD-ROM, поэтому анимацией занимались только крупные студии. А потом он узнал о возможностях такой новой штуки, как интернет. «Казалось вероятным, что система станет достаточно популярной для того, чтобы люди захотели обмениваться с её помощью графикой и анимацией», — вспоминал Гей в 2006-м. Компания добавила возможности анимации и изменила название программы на CelAnimator, а потом на FutureSplash Animator. Она вышла в мае 1996, и её рекламировали, как «всеобъемлющий графический инструмент для веб-сайтов».

Успех, основывавшийся на том, чтобы пользователи скачивали соответствующий проигрыватель, пришёл почти сразу. Компании Microsoft требовалась программа, способная показывать видео на их сайте, MSN.com, который тогда был домашней страницей любого пользователя браузера Internet Explorer. Компания выбрала Future Splash. Потом Disney захотела воспользоваться этим продуктом для создания анимации на своём сайте. В декабре 1996 года компания Macromedia купила FutureWave Software, ешё сильнее подняв репутацию продукта, и начала распространять как бесплатный плагин для браузеров. Она также поменяла его название, посчитав оригинальное слишком громоздким. Так FutureSplash Animator превратился в Macromedia Flash 1.0.

Flash, как большинство программ, существовавших долго и обновлявшихся регулярно, в течение жизни очень сильно изменился. «У нас были проблемы с тем, чтобы впихнуть всё это даже в целую книгу», — сказала Анастасия Солтер, соавтор книги Flash: Building the Interactive Web, когда её попросили описать эту программу. Но, по сути, своей привлекательностью Flash была обязана низким уровнем вхождения – её простота позволяла любому быстро научиться анимации.

Каждый пользователь Flash сталкивается с холстом – пустой белой страницей. На ней можно нарисовать изображение; пусть для примера это будет радостное облачко. У вашего облачка, как у всех остальных объектов на холсте, есть своя временная линия, разбитая на кадры.

Пока что ваше облачко неподвижно. Представьте, что вам нужно, чтобы оно пролетело по странице. Сначала вам нужно выбрать, где оно должно оказаться, и сколько кадров должно у неё это занять. Теперь, когда вы нажмёте play, Flash алгоритмически создаст движение между этими двумя точками (ключевыми кадрами), и ваше облачко полетит по холсту. (У плохих аниматоров получалось характерное дёрганое движение из-за того, что они слишком сильно полагались на эти вычисления). В поздних версиях Flash, особенно после ввода скриптового языка ActionScript во Flash 5, в происходящее добавилась интерактивность, необходимая составляющая игр. Можно было добавить поведение – допустим, чтобы тот, кто смотрит вашу анимацию, мог испарить ваше облачко кликом мышки.

Это движение между ключевыми кадрами в индустрии анимации известно под названием твининга, сокращения от in-betweening, и обычно выполняется художниками, расположенными ниже в пищевой цепочке – это долгая и нудная задача. После того, как Flash упростила этот процесс, художники вздохнули с облегчением. «Я мог реализовать весь процесс производства, по сути, то, чем занимается студия, в одной этой программке», — говорит Адам Филипс, который уже был сертифицированным специалистом по заклинанию воды, дыма и огня в компании Disney, когда в возрасте 30 лет открыл для себя Flash. Он вспоминает, что его коллега-аниматор, создававший трёхминутный пилотный ролик, выдал достаточно бумаги, чтобы пачка возвышалась над его головой. А потом ему нужно было заплатить $10 000 за её оцифровку. И этот процесс занял 7 месяцев. В программе Flash подобную анимацию можно было набросать за три дня (его коллега открыл для себя Flash уже после оплаты).

Flash – инструмент визуальный по своей сути, как и хотел Гей. «У нас была простая покадровая модель анимации – можно было начать с графики, с рисования, а потом постепенно добавлять новое, улучшать навыки работы с поведением», — говорит он. Успех Flash не кажется ему сюрпризом. Она выполнила три запроса, давно возникших у онлайна. Первый – жажда создания чего-то более богатого, чем позволяли делать GIF и HTML. Flash дала платформу для создания короткометражного видео. Второе – универсальность Flash, работавшего в разных браузерах и на разных устройствах.

Третье, по словам Гея – это то, что Flash позволяла дизайнерам, «правополушарным людям», создавать интерактивные медиа и доводить их до больших аудиторий. Flash вывел визуальных художников в онлайн. «Можно было соединить визуальную часть с программированием, и когда зацикливалась анимация, зацикливалось и поведение», — говорит Марти Спелерберг, дизайнер, участвовавший в создании одного из ранних Flash-сайтов Halfempty.com. «Она объединяла две этих идеи вместе, и мне кажется, это привлекало художников. Мы даже не понимали, что программируем – мы думали, что просто изучаем Flash».

Flash появилась в практически статичном онлайн-мире. Большую часть движения обеспечивали мигающие GIF. Веб-сайты, состоявшие из HTML и CSS, неуклюже копировали стили журналов: прямоугольные, табличные, использовавшие рамки и боковые панели, и маленькие циферки, на которые нужно было кликать, чтобы перелистывать страницы (вот ужас-то).

Flash всё изменил. Он преобразовал внешний вид веба. Веб-сайты оживали благодаря вашему радостному облачку и вихляющему заду Буша. «Flash означал звук, движение, интерактивность, — говорит Спелерберг. – Это был такой интернет, какой показывают в кино, понимаете? В поп-культуре интернет – это динамичная среда с погружением. И такие вещи можно было делать при помощи Flash».

Анимацию можно было ограничить интерактивным прямоугольником на странице – небольшим видео или игрой на странице MySpace – или же она могла занять весь сайт. «Это очень похоже на ту виртуальную реальность, что мы видим сегодня на консолях, — соглашается Смол. – Это был огромный прыжок вперёд в плане усложнения, глубины, вовлечённости».

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

Даже по-настоящему великолепные примеры сайтов той эры, типа Future Vision от Vodafone – меняющаяся, переливающаяся галлюцинация из графики, видео и звука, демонстрировавшая предположения о том, как продукты компании будут выглядеть через десять лет – судя по всему, предлагала пользователем наслаждаться изучением этой анимации. «Это были лабиринты! – говорит Спелерберг. – Сегодня ни один бизнес не заказал бы такой штуки – у нас есть бизнес-ожидания от подобных вещей, и мы знаем, что именно будет работать». По контрасту с современной деловой эстетикой интернета, существуют и странные, почти сентиментальные веб-сайты миллиардных корпораций, мало отличающиеся от худших примеров использования Flash: они долго грузятся, демонстрируют безвкусную мультяшную графику, навязчивые звуки и непонятное предназначение.

«Я обожаю ту эру веб-дизайна, но у неё есть много проблем, — говорит Солтер. – Она была недоступной, поскольку внутри Flash нет понятия страницы. Браузер, программы чтения с экрана, текст – всё это превращается в кошмар. С точки зрения архивариуса или программы чтения с экрана эти веб-сайты имели множество недостатков – но они были прикольные!»

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

Он был основан в Перкаси, небольшом городке в Пенсильвании, когда подросток Том Фалп запустил фанатский журнал для чествования своей любимой серии игровых консолей, Neo Geo. Он назвал его New Ground, и публиковал первые номера в интернете при помощи одного из ранних сервисов под названием Prodigy. Первую веб-страничку 1995 года он назвал New Ground Remix; в 1998 году, готовясь к интервью по телевизору по поводу одного из ранних творений, игры Assassin, он изменил домен, потому что посчитал, что новый будет легче читать с телевизора. И это название, Newgrounds.com, прижилось и существует и по сей день.

Ранние пробы анимации Фалпа, которые он делал на компьютере Amiga в программе Deluxe Paint, а потом программировал на языке Pascal, отнимали много сил. Тогда он ещё не нашёл программы, позволявшей делать сложную анимацию. «Я всегда хотел получить инструмент, позволяющий мне применить мои навыки программирования к анимации, — говорит он. – Каждый раз, когда я пытался заняться разработкой игр, я сталкивался с очень крутой кривой вхождения, которая была гораздо круче, чем нужно».

В 1998 году он открыл для себя Flash. Он мгновенно распознал его важность. «Хотя тогда ещё action script был сильно ограничен, он всё равно совпал со всеми моими нуждами, — сказал он. – В то время не существовало другого способа достичь такого уровня интерактивности, причём на множестве платформ. Если вы что-то делали на Flash, это работало на любом компьютере, в любом браузере».

В том году он создал «Teletubby Funland» [весёлую страну телепузиков], в которой телепузики курили, пили водку и трахали овец. Юристы BBC не были в восторге. «Они отправили мне постановление об удалении – кошмарная ситуация для подростка, не так ли? – говорит он. – За меня вступилась группа защитников Internet Freedom, защитившая право сайта на пародирование телепузиков».

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

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

Чтобы понять важность описываемого Фалпом, нужно оценить некоторые «самые первые» сайты. Newgrounds стал первым сайтом, позволявшим публиковать фильмы или игры в реальном времени. У него появилась первая в мире система голосования за видео. Один из первых вирусных роликов, Numa Numa dance, пошёл с этого сайта. Члены этого сообщества создали одни из самых популярных игр 2000-х (Alien Hominid, N plus, Super Meat Boy) и анимаций (Potter Puppet Pals, Charlie the Unicorn, Salad Fingers). «Это немного расстраивает – некоторые из самых популярных роликов на YouTube сначала появились на Newgrounds, — говорит Фалп. – И мы завидовали, что YouTube получал из-за них столько внимания!»

Newgrounds также заложил основы культуры участия в вебе, которую мы сегодня принимаем, как данность. «Newgrounds был идеальным местом, где люди могли создавать контент, делиться им, принимать во всём этом участие, — говорит Солтер. – Теперь мы избалованы выбором платформ, где делать это стало легче».

«Появился интернет, и в нём не было никаких фильтров, — вспоминает Фалп. – Вместо того, чтобы пытаться сделать больше того, что уже было, люди начали экспериментировать – насколько безумные, бесчувственные, ужасные вещи можно сделать?» Такой подход привёл к появлению реально потрясающих анимаций – вроде признанного сериала Brackenwood от Адама Филлипа, вместе с которым существовало то, что Фалп называет «раздражающим контентом» – ролики, возбуждающие подростков, среди которых были анимации расстрелов в школах, игры про убийство знаменитостей, и просто горы порнухи. В итоге Фалпу наскучила подобная анимация; в 2007 он сменил девиз сайта с «завтрашние проблемы сегодня» на «всё для всех», чтобы «перестать притягивать негативные эмоции».

Но открытость платформы Newgrounds была её силой. «Сайт оказался незаменимым для того, чтобы я смог оставаться фрилансером и построить карьеру в творческой индустрии, — говорит Джасек Змарц, непрофессиональный аниматор с Newgrounds, а ныне – режиссёр-фрилансер. „Помню, как я каждый вечер заходил в MSN и работал над играми с моим приятелем Shinki, программистом на actionscript, с которым я никогда не встречался“. В 14 лет Змарцу заплатили £300 за „игру для Хеллоуина, где монстры кидаются бомбами в детишек, выпрашивающих угощения, за то, что те переодевались в монстров“. Ему хватило этого для покупки нового ноутбука. Flash позволял любителям создавать настоящие предприятия на базе их страсти. „Flash был отдушиной, позволявшей рассказывать собственные истории, — говорит Филипс. – Эта доступность меня и привлекла. Это была ниша для любого аниматора, любого художника, и даже для не творческих людей. Люди пытались делать что-то с Flash, экспериментировали, и, возможно, благодаря этому открывали в себе художников“.

»В 2007 году можно было делать игры на Flash и зарабатывать этим, — вспоминает Фалп, когда его спрашивают о золотом веке Flash. – Интересное было время, совпадавшее с мечтами многих: делать игры, которые ты хочешь, и зарабатывать на этом».

На волне атак 11 сентября самодельные игры на Newgrounds посвящались отстрелу Осамы бин Ладена.

В письме от апреля 2010 года «заметки по Flash» Джобс объяснил, почему iPhone никогда не будет поддерживать Flash. Его оценки жёсткие и беспристрастные. Flash сажает батарею. Он медленный. Это кошмар с точки зрения безопасности. Он решил, что эра Flash закончилась. «Flash уже не нужен для просмотра видео или потребления веб-контента, — писал Джобс. – Flash создали в эру ПК – для ПК и мыши. Flash – успешный бизнес Adobe, и нам понятно, почему компания хочет продвинуть его за пределы ПК. Но мобильная эра – это устройства с низким энергопотреблением, сенсорными интерфейсами и открытыми стандартами веба; и по всем этим пунктам Flash не дотягивает». В 2017 году Adobe объявила, что разработка и поддержка Flash будет прекращена к 2020 году.

Некоторые из критических замечаний Джобса, особенно относящиеся к безопасности, попали в точку. Но в целом, ход директора Apple был тактическим. «Он был известен своим полем искажения реальности, — говорит Фалп. – По сути, он мог решить, какую реальность он хочет видеть, а потом изменить её под свои желания!» Ему было экономически выгодно критиковать Flash – он хотел поощрять людей на создание нативных игр для iOS. «С маркетинговой точки зрения легко понять, почему Apple приняла такое решение, — говорит Солтер. – Это очень хороший способ сохранить контроль над ПО и тем, как выглядят и работают приложения на телефоне».

Но вне зависимости от причин, говорит Смол, аудитория Miniclip уже стала прекращать пользоваться программой. «С 2008, 2009 года мы начали наблюдать за падением аудитории, — говорит он. – Мы знали, что это происходит из-за перехода на смартфоны. Нам нужно было идти за этой аудиторией».

Запуск iPhone 3G подтолкнул Смола к действию. «Через две недели после того, как Джобс вышел на сцену с iPhone 3G и запустил его, мы начали изучать iPhone как потенциальную платформу для запуска мобильных версий наших flash-игр», — говорит он. Miniclip выпустила Monster Truck Nitro для App Store, переработку успешной Flash-игры. Она вышла в начале 2009 и сразу же стала номером 1, и продалась в количестве более 3,8 млн копий. «Именно тогда мы всё поставили на мобильники, — говорит Смол. Мы проводили агрессивную перекрёстную рекламу всех мобильных версий самых популярных flash-игр на сайте Miniclip.com, и в итоге сайт Miniclip вошёл в тройку самых популярных сайтов, с которых совершались переходы в iTunes в 2009-2010 годах». В 2000 95% прибыли Miniclip приходилось на веб. В 2012 году 95% прибыли приходило с мобильников.

Смол, автор одной из самых прибыльных игр западного мира, 8 Ball Pool, сравнивает увядание Flash с VHS: это было грустно, но необходимо. «Сегодня у нас по 200 млн пользователей в месяц – мы стали гораздо больше, чем были, — говорит он. – Но всё, что мы видим сегодня в мобильных играх из серии free to play, имеет корни в браузерах и Flash. Именно эта история создала текущий бизнес – индустрию мобильных игр – приносящий сегодня $70 млрд в год».

Интернет после исчезновения Flash изменился. Падение этого ПО предшествовало появлению новой эстетики, поясняет Солтер, созданной спецификациями смартфонов и ростом соцсетей. Бывшие требовательные разработчики теперь более прагматично подходят к дизайну своих творений – им нужно сначала подумать о том, что сработает на небольшом экране. «Повышается уважение к дизайну, ориентированному на пользователя, к проблемам юзабилити и удобства доступа, которые в старом вебе волновали всех меньше, — говорит Солтер. – Если посмотреть на старые сайты, там полно всяких элементов, способных вызвать припадок, и нечитаемых цветовых схем – некоторые из этих изменений говорят о том, что мы стали больше задумываться о пользователях».

Второе изменение связано с ростом популярности Facebook. Его минималистичный дизайн первого времени отнял у пользователя все возможности настроек и контроля, которые можно было ожидать от таких проектов, как LiveJournal или MySpace. «Подобная эстетика и универсальность серьёзно повлияла на то, как соцсети обходятся с пользовательским контентом – мы видим множество интересного контента, созданного пользователями, вмещающегося в жёсткие рамки шаблона экосистемы соцсети, — говорит Солтер. – Это практично, это работает на многих устройствах и для многих целей. И это скучно!»

Гей считает, что в дизайнерских устремлениях интернета также произошли определённые глобальные сдвиги. Flash-дизайнеры пытались завлечь свою аудиторию эффектом погружения; они пытались «эмулировать ощущения от просмотра ТВ или кино». «Но оказалось, что для удержания внимания больше подходит модель твиттера, — поясняет он. – Ключ к этому – информационные тычки, фотки Ким Кардашьян. Людям нужны эти тычки, а не ощущение погружения».

На Newgrounds уже много лет не используют Flash. Во время редизайна 2012 года сайт убрал слово Flash из названия портала. Но Фалп скучает по потере универсальной платформы и разбиению интернета на отдельные экосистемы. «Если вы делали что-нибудь на Flash, это работало на любом компьютере, в любом браузере, — говорит он.- Жаль, что они не смогли сделать лучше и продолжить эту идею».

Фалп старательно работает над сохранением Flash-контента на Newgrounds. Как и любой сайт, он хранит огромный и ценный архив человеческого поведения, со всеми этими игрушками по отстрелу знаменитостей. В 2012 году Newgrounds запустил Swivel, преобразующий старые Flash-файлы в видео MP4. В апреле этого года состоялся запуск бета-версии Newgrounds Player, проигрывателя Flash-контента для настольных компьютеров. Фалп надеется, что «в не слишком далёком будущем» разработают эмулятор Flash – который сохранит возможность играть в старые игры и смотреть старые ролики в браузере. «Довольно забавно представить человека, считающего Flash мёртвым, который зайдёт на сайт где-нибудь в 2021 году, запустит старую Flash-игру в браузере, и будет удивляться, что она ещё работает, — говорит он. – Всё будет выглядеть так, будто Flash-плеер никуда не исчезал».

Как сделать анимацию на сайте

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

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

Создание флеш-анимаций: технологии

Первое, о чем следует сказать: существует два типа анимации — GIF и Flash. Первая технология (растровая) подразумевает возможность хранения нескольких изображений в одном файле. У него одноименный формат — gif. Другими словами, из определенного количества фотографий создается последовательность кадров, которая потом и воспроизводится в виде анимации. Сделать такой мини-ролик довольно просто, для этого существует множество онлайн-инструментов. Весь процесс занимает буквально 5 минут. Также можно воспользоваться специальными программами. Тогда вам придется задать последовательность и время демонстрации каждого кадра. Обратите внимание: если вы решили разместить анимацию на собственном сайте, то следите, чтобы ее размер был максимум 25 Кб. При превышении лимита файл нуждается в оптимизации. Вес пребывает в значительной зависимости от количества цветов в изображениях . При помощи графического редактора этот параметр можно скорректировать, удалив цвета, не имеющие принципиального значения для качества. Вопросом о том, как делать анимацию, задаются с целью создать:

• баннер;
• привлекательные кнопки и надписи;
• оригинальные открытки к различным праздникам;
• небольшой ролик для рекламы продукта или услуги.

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

Сфера применения Flash расширена, если сравнивать с GIF. Кроме баннеров, кнопок, открыток и роликов, технология востребована для создания:

• полноценных flash-сайтов;
• навигации по страницам;
• мультимедийных логотипов;
• презентаций;
• игр для мобильных девайсов и компьютеров, в особенности — браузерных.

Flash-технология: история и особенности

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

Все началось с компании FutureSplash под руководством Джонатана Гая. Эта корпорация начала разрабатывать Flash. В 1996 году она объединилась с Macromedia после того, как выпущенными продуктами заинтересовались Disney Online и Microsoft. С 2005 года фирма входит в состав гиганта Adobe, а продукт называется Adobe Flash.

Чем технология так привлекает пользователей и разработчиков? Рассмотрим ряд положительных свойств:

• функциональность, обеспеченная ActionScrip — языком программирования, поддерживающим условия, события, массивы, циклы и пр.;
• безопасность. Этот пункт больше относится к программным продуктам, например, играм. Обычный пользователь не имеет доступа к исходному коду ПО;
• популярность;
• удобство, внешняя привлекательность и простота. Сочетание этих качеств делает технологию доступной даже для новичка в мире дизайна и программирования.

Однако есть и некоторые особенности, их необходимо учитывать при использовании flash:

• Далеко не всем людям нравится анимация. При добавлении таких элементов на сайт проанализируйте его тематику и целевую аудиторию, на которую ориентируетесь. Пример: юридический портал подразумевает лаконичный дизайн, строгость в оформлении и максимальную простоту. Но для официального сайта креативного агентства анимация станет хорошим выбором.
• Отсутствие индексации в поисковых системах. Роботы не видят, что написано на изображениях, а потому текст не сможет стать инструментом повышения рейтинга сайта. Есть и плюс: риска понизить позиции тоже нет.
• Возможны неудобства для людей с проблемами со зрением. Если вы разместите на картинках много текста, к тому же мелким шрифтом, вряд ли кто-то станет напрягать глаза в попытках его прочесть. Поэтому информация, заложенная там, не попадет к целевой аудитории.
• Необходимость менять весь модуль, если нужна даже небольшая корректировка. Если у вас достаточно знаний в этой сфере, проблем не возникнет.
• Невозможность скопировать текст, опубликованный на анимированном изображении. Такой функционал можно предусмотреть, но делать это необходимо сразу, на этапе разработки. Если вы создаете файл «для развлечения» (открытку, просто красивый баннер и пр.), ничего страшного. Но в случаях, когда вы решите разместить на картинке контактные данные своей компании, возникнут проблемы. Представьте: пользователь увидел адрес электронной почты, куда можно написать менеджеру, хочет его скопировать и отправить письмо, но у него это не получается. Не все станут искать отдельную страницу с контактами или вводить адрес вручную, есть люди, которые просто закроют страницу и перейдут на другой сайт.

Как делать флеш-анимацию?

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

• Предусмотрено три режима рисования и создания мультипликации.
• Есть встроенные шаблоны и графический редактор для самостоятельного рисования. Профессионалы дают такой совет: если вы собираетесь делать мультипликацию на несколько кадров полностью самостоятельно, не используя шаблоны, приобретите сначала графический планшет. Это устройство значительно облегчает задачу. С помощью стандартной мыши и клавиатуры добиться хорошего результата очень сложно.
• Мультипликация бывает покадровой и с плавными изменениями.
• Для нормального использования программы необходимо изучить: тонкости работы с временной шкалой, кадрами, слоями, язык ActionScrip.
• Есть функция предварительного просмотра. Для этого выберите пункт «Тестировать ролик» и просмотрите результат во встроенном проигрывателе. Здесь можно увидеть отображение как для стационарных устройств, так и для мобильных.

Вторая известная программа — Sothink SWF Easy. Она значительно проще в освоении, чем предыдущая, а потому так популярна среди новичков. Главными плюсами ПО называют:

• Простоту интерфейса. Он достаточно оптимизирован, имеет дизайнерскую панель и позволяет создавать анимации интуитивно. Есть готовые шаблоны, также можно нарисовать изображение полностью с нуля. Присутствует возможность использования звуковых файлов, видео, навигационных кнопок и пр.
• Скорость достижения результата. За счет огромной библиотеки шаблонов и их удобной классификации вы сделаете анимацию за короткий промежуток времени.
• Наличие различных эффектов. Так, любой элемент станет анимированным за считаные секунды.

Как создать анимацию HTML?

На платформе HTML5 с использованием JavaScript и CSS можно формировать анимированные изображения, для которых не нужны специальные плагины Flash. Для этого зачастую используют следующие инструменты:

• HTML5 Maker. Это известный редактор, распространяющийся на бесплатной основе. Позволяет менять изображения и текст без применения сторонних программ.
• Tumult Hype. Характеризуется системой анимации по ключевым кадрам. За счет этого любой элемент может превратиться в подвижный. Вам необходимо лишь нажать на кнопку «Запись», а потом выполнять действия. Автоматически будут записаны ключевые кадры, которые вы по собственному усмотрению сможете менять, удалять, добавлять и переставлять с места на место.
• Hippo Animator. Является простым, но функциональным инструментом. С ним будет легко опытным пользователям и тем, кто только пробует свои силы в дизайне. Позволяет создавать анимации для сайтов, игр, приложений. Отличительной особенностью считается возможность подстройки под любые параметры браузера. Редактор используют на стандартных компьютерах, планшетах, смартфонах. Как вставить анимацию на сайт? В этом случае вам понадобится только одна строка кода.
• Google Web Designer. Разработка американской компании предполагает два режима: быстрый и расширенный. В первом случае получается последовательность кадров, обработанных самим редактором. Во второй ситуации вы самостоятельно вносите изменения, можете воспользоваться слоями для анимирования некоторых элементов.

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

• Animatron. Функционирует на платной основе, но есть возможность попробовать поработать с инструментом бесплатно. Позволяет создавать анимации, рекламные ролики, характеризуется мощным функционалом и одновременно простотой освоения.
• Mugeda. Еще один онлайн-инструмент, предоставляющий возможность создавать приложения и игры. Они отлично работают на мобильных устройствах.
• Toolson. Это простой сервис для создания обычных gif-изображений. Позволяет выбрать временной интервал, размеры рисунка, повтор воспроизведения, эффект и пр. Максимальный вес всех файлов — 15 Мб. Сайтом пользуются для создания любительских анимаций.

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

Создание Flash промо-сайтов

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

Особенности Flash промо-сайтов

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

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

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

Сроки предоставления услуги

Сроки реализации оцениваются индивидуально для каждого проекта.

Регион предоставления услуги

Услуга создание Flash промо-сайтов доступна для заказа во всех регионах.

Стоимость предоставления услуги

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

Заказ проекта

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

технология создания интерактивного контента от Macromedia

(от английского flash- «вспышка», произносится «флэш”; Adobe Flash)

– технология веб-мультипликации и создания интерактивного контента компании от Macromedia, получившая довольно широкое распространение. Данная технология применяется при создании анимационных заставок, веб-игр, интерактивных элементов сайта и т.п.

Adobe Flash – это среда для создания приложений под Flash платформу, наряду с ней существуют и другие инструменты (среды): Adobe Flex Builder, Flash Development Tool (FDT), и др.

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

Flash-приложения создаются с помощью ActionScript — языка программирования, основанного на ECMAScript.

При создании продукта можно использовать медиа, звуковые и графические файлы, можно создавать интерактивные интерфейсы и полноценные веб-приложения с использованием PHP и XML.

Flash-Файлы имеют раcширение .swf и вполне могут просматриваться с помощью Flash Player. Также swf-файлы можно просматривать с помощью плейера Gnash.

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

История же Flash началась в 1995 году, когда после покупки программы для анимации FutureSplash Animator, компания Macromedia выпустила продукт под названием Flash.

Последней на сегодняшний день версией программы является Adobe Flash 9 (CS3), с версией языка ActionScript 3.0; последняя версия Flash Player — 9.

Наиболее популярные флэш-мульты в России:

— Масяня;


— Антимульт;


а также «Борьба SEMёна за цивилизованной SEO».

Создание флеш сайтов. Преимущества и недостатки flash сайтов.

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

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

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

Благодаря именно этим динамичным и стильным флеш элементам создается уникальный стиль и атмосфера, необходимая для Вашего сайта.

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

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

Теперь подведем итоги и обозначим все плюсы и минусы флеш сайтов:

Преимущества:

• 100% уникальность ресурса;
• Высокая степень заинтересованности пользователями;
• Запоминаемость сайта, бренда;
• Высокий уровень сервиса и комфорт в использовании.

Недостатки:

• Не рекомендуется для SEO продвижения;
• Трудности с адаптацией сайта под мобильные, если и адаптивно, то долго; Вообще на мобайле оптимально чем быстрее и проще сайт, тем лучше, зачастую обусловлено тем, что пользователь может зайти на сайт с мобильного интернета и всё что долго грузиться, ест трафик;
• Большое время загрузки для большинства пользователей (в России).

Как сделать веб-сайт на Flash

Flash-сайты могут быть привлекательным способом привлечь внимание ваших зрителей и сделать их взаимодействие с пользователем на вашем сайте немного более интерактивным. Веб-сайт на Flash отличается от обычного веб-сайта с текстовым кодом, который был разработан с помощью HTML, PHP, ASP или другого языка. Вы начинаете с растровой стадии, на которой вы можете размещать объекты на основе координат X и Y, а затем диктовать, что вы хотите, чтобы объекты выполняли или как вы хотите, чтобы пользователь перемещался по сайту Flash на основе временной шкалы.

В этом руководстве по Flash я научу вас, как создать очень простой веб-сайт на Flash с помощью Adobe Macromedia Flash CS5, CS5, обозначающего Creative Suite, 5-е издание. Итак, приступим.

1. Первым шагом будет создание рабочего пространства во Flash. Начните с открытия Flash и нажмите «Файл» в верхней части экрана, затем выберите «Создать». Должно появиться окно, подобное приведенному ниже, с вопросом, какой новый документ вы хотите создать. В этом руководстве по Flash выберите «ActionScript 2.0 ”, с которым немного легче работать начинающим Flash-разработчикам, затем нажмите OK. На экране должен появиться пустой белый квадрат.

2. Теперь нам нужно изменить размер нашей сцены до 790 пикселей в ширину и 630 пикселей в высоту. Для этого мы выбираем наше окно «Свойства» и нажимаем кнопку «Изменить» рядом со свойствами «Размер», и должно появиться новое окно, подобное этому. И пока мы это делаем, давайте изменим цвет фона на черный.

3. Теперь, когда у нас есть нужный размер документа, я предлагаю сохранить его, для простых целей я назвал свой «flash_tutorial».После того, как вы сохранили файл, давайте продолжим и импортируем изображение «home.jpg», чтобы мы могли установить фон для нашего Flash-сайта. Для этого нажмите «Файл» вверху, наведите указатель мыши на «Импорт» и выберите «Импортировать в библиотеку». Откроется окно, в котором вы сможете перейти в папку «Изображения сайта» и выбрать «home.jpg».

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

4. Чтобы все было организовано, назовем этот слой на временной шкале «bg pic». Сделать это так же просто, как дважды щелкнуть «Layer 1» и изменить его имя. После того, как мы дадим название слою фонового изображения, мы создадим еще один слой для нашего контента. Есть несколько способов сделать это: вы можете сделать это в верхней строке меню, выбрав Вставка — Временная шкала — Новый слой; или щелкнув правой кнопкой мыши (если у вас Windows машина, нажмите control, если у вас Mac) по имени слоя «bg pic», появится всплывающее меню, и вы выберете «Вставить слой».

Добавьте три новых слоя на вашу временную шкалу и затем назовите их, начиная сверху, «навигация», «нижний колонтитул» и «контент», при этом «bg pic» будет слоем внизу. И, наконец, давайте заблокируем слой «bg pic», щелкнув точку для этого слоя, которая соответствует значку замка над ним, который должен быть точкой справа. Теперь ваша временная шкала должна выглядеть так:

5. Сделаем навигацию по нашему Flash сайту. Щелкните по кадру 1 слоя «навигация».Цвет должен измениться с белого на серый, это означает, что все, что находится на сцене, теперь переходит в слой «навигации». Мы начнем с выбора инструмента «T» ext на нашей панели инструментов и создания отдельных экземпляров для каждой ссылки на страницу на нашем Flash-сайте. В этом дизайне Flash я запланировал шесть страниц: Главная, О программе, Блог, Ссылки, Часто задаваемые вопросы и Контакты. Итак, давайте создадим шесть отдельных текстовых экземпляров для каждой из этих ссылок, в результате получится этап, который должен выглядеть примерно так:

6.Придерживаясь слоя «навигация», давайте теперь преобразуем все эти текстовые блоки в кнопки. Чтобы преобразовать текстовый блок в ссылку, вы просто нажимаете на текст, который хотите преобразовать, синее поле должно теперь обрамлять ваш текст, чтобы вы знали, что он выбран. Затем, когда он будет выбран, щелкните правой кнопкой мыши (или щелкните мышью, удерживая клавишу Control для Mac) и выберите «Преобразовать в символ».

7. После того, как вы выбрали «Преобразовать в символ», должно появиться новое меню с вопросом, в какой символ вы хотите его преобразовать и как вы хотите назвать свой символ.Когда дело доходит до именования символов во Flash, мне всегда нравится ставить перед именем префикс символа, это помогает упорядочить вещи и их легко найти в библиотеке, когда вы переходите от создания простого Flash-сайта к созданию более крупных и сложных Flash-сайтов. . Для кнопок я обычно использую префикс «bu», поэтому для кнопки «Домой» я бы назвал свой символ «buHome». About будет «buAbout», блог станет «buBlog» и так далее. Преобразуйте все текстовые элементы в кнопки.

8.Эффект наведения, который мы собираемся применить к нашим кнопкам, будет белой рамкой за текстом, а текст изменится с белого на черный. Начнем с buHome. Чтобы дать нашим кнопкам хороший интервал, мы собираемся начать с нашего «buHome» на 20 пикселей от левого края сцены и на 8 пикселей вниз от верхней части сцены. Вы можете легко настроить это, нажав кнопку «buHome», затем перейдя в окно «Свойства» и в разделе «Положение и размер» измените координату X на «20» и координату Y на «8»

Теперь, продолжайте и дважды щелкните кнопку «buHome» и обратите внимание, как изменяется шкала времени, потому что теперь вы ненадолго вышли из шкалы времени своего фильма, чтобы перейти на шкалу времени вашей кнопки.Вы также заметите текст над каждым фреймом, где числа были на нашей основной сцене, это атрибуты кнопки, которые мы можем установить. Мы начнем с того, что расширим нашу временную шкалу с единственного кадра «Вверх», который сейчас находится до «Hit», просто щелкнув правой кнопкой мыши (или нажмите Ctrl + щелчок на Mac) и выбрав «Вставить ключевой кадр» из нашего списка параметров.

9. Теперь, когда у нас есть новый ключевой кадр под «Hit», давайте продолжим и определим живую область, которую мы хотим, чтобы наши зрители могли щелкнуть, чтобы перейти по ссылке.Самый простой способ сделать это — дважды разбить текстовое поле, пока оно не станет плоским. Вы можете сделать это, выбрав текст «Home» и дважды нажав Control + B (или Command + B дважды на Mac). В первый раз, когда вы разбиваете текст на отдельные буквы, во второй раз изображение становится плоским, и на него легче распространить ваш целевой хитбокс.

После того, как вы разбили текст, выберите инструмент «Прямоугольник», который находится в двух местах под инструментом «Текст» на панели инструментов, и нарисуйте прямоугольник над словом «Главная».Зона «Обращение» не видна зрителю, вы только определяете живую зону, в которой они могут щелкнуть, чтобы перейти по ссылке. Вот почему, когда я устанавливаю область «Попадание», мне нравится использовать неприятно яркий цвет, чтобы он выделялся и не сливался с цветами фона.

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

Когда у вас есть все атрибуты с их собственным отдельным ключевым кадром, мы можем заняться эффектом «Over». Для этого нам понадобится новый слой, чтобы мы могли разместить белый блок наведения за текстом. Итак, нажмите «Слой 1» и выберите «Вставить слой». Как только появится новый слой, вам нужно будет перетащить его под «Layer 1», потому что мы хотим, чтобы цветной блок отображался за текстом. И затем мы хотим, чтобы он отображался только в состоянии «Over», поэтому продолжайте и «Вставьте ключевой кадр» для состояний «Over» и «Down».

Теперь мы можем щелкнуть по состоянию «Over» внутри «Layer 2» и нарисовать нашу рамку. Я думаю, что отметка в 20 пикселей слева и справа от слова будет хорошо смотреться, а также заполнит всю черную часть окна навигации веб-сайта Flash по вертикали. Для этого нам понадобится поле на 40 пикселей шире, чем наш текст, поэтому, если вы нажмете на текст, вы увидите, что его ширина составляет 52,85 пикселей, то есть наше поле должно быть 92,85 пикселей в ширину. Черная область нашей панели навигации имеет высоту 37 пикселей, что означает, что высота нашего поля также должна быть 37 пикселей.Выберите инструмент «Прямоугольник», перейдите в окно «Свойства», установите цвет заливки на белый (#FFFFFF) и без цвета обводки, затем перетащите рамку. Если он требует точной настройки после того, как вы его вытащили, все, что вам нужно сделать, это щелкнуть по нему, чтобы выбрать его, затем перейти в окно свойств и изменить ширину на 92,85 и высоту на 37. Затем, чтобы переместить его на место, сделайте убедитесь, что координата X установлена ​​на -20, а координата Y установлена ​​на -8.

Последним шагом к созданию нашей кнопки является нажатие на состояние «Over» в «Layer 1», выделение текста и изменение цвета под окном «Свойства» на черный (# 000000), чтобы вы могли прочитать его на фоне нашего недавно сформированный белый ящик.Если вы до сих пор все сделали правильно, ваша кнопка должна выглядеть так в состоянии «Over».

Давайте посмотрим, сможете ли вы сделать остальные кнопки самостоятельно. Имейте в виду, что следующая кнопка должна располагаться на расстоянии 40 пикселей от правой стороны предыдущей кнопки, чтобы обеспечить эффект наведения. Простое вычисление для этого: Ширина + Координата X + 40. Координата Y должна оставаться равной 8, чтобы все ваши кнопки поддерживали одну и ту же ось Y. И что ваш эффект «наведения» должен быть на 40 пикселей шире, чем текст, с полем по 20 пикселей слева и справа.Координаты X и Y вашего квадрата «Hover» всегда должны быть X: -20 и Y: -8.

Как вы справились с созданием Flash-сайта, соответствует ли ваш Flash-сайт этому?

Если нет, не беспокойтесь. Наверняка это был просчет по размещению кнопок. Вот вам небольшая шпаргалка.

Домашняя страница: x = 20
Информация: x = 112,85
Блог: x = 206,85
Ссылки: x = 289,7
Часто задаваемые вопросы: x = 379,25
Контакты: x = 461,75

И помните, что по оси Y всегда должно быть 8.

Сейчас также хорошее время, чтобы не только сохранить проект, если вы еще этого не сделали, но и экспортировать то, что вы уже сделали, чтобы проверить, правильно ли работают ваши кнопки. Чтобы экспортировать редактируемый файл .fla в формат .swf, доступный для чтения веб-браузерами, вы можете выбрать «Файл» — «Экспорт» — «Экспорт фильма». Или используйте сочетания клавиш и нажмите Control + Shift + Enter на компьютере с Windows или Command + Shift + Enter на Mac.

11. Теперь давайте запрограммируем эти ссылки куда-нибудь.Щелкните «buHome», а затем выберите окно «Действия». На вкладке «Действия» в правом верхнем углу вы должны увидеть значок с «Фрагментами кода» рядом с ним, а затем еще один значок справа от этого значка, который выглядит как волшебная палочка. Убедитесь, что вы щелкнули палочкой, так как она поможет вам написать код ActionScript, необходимый для работы кнопок.

Слева должен быть ползунок. Дважды щелкните «Timeline Control», чтобы раскрыть меню, затем дважды щелкните «goto».Справа должно появиться меню с более конкретными вопросами. Сначала вам нужно щелкнуть переключатель «Перейти и остановить», сцена должна остаться на месте, в поле типа вы хотите изменить «Номер кадра» на «Метка кадра», а затем в разделе «Кадр» введите «дом». Вот и все.

Теперь сделайте то же самое для остальных кнопок, но имя «Frame» должно совпадать со ссылкой, которую вы программируете. Например, когда вы разрабатываете код для кнопки «О программе», вы просто пишете «о» в поле рядом с «Фрейм».

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

Для нашего нижнего колонтитула мы собираемся создать черный прямоугольник с непрозрачностью 60%, высотой 30 пикселей и шириной нашей рабочей области.Для этого сначала нужно убедиться, что мы находимся во втором кадре слоя «нижний колонтитул». Если вы уже там, то все, что вам нужно сделать, это выбрать инструмент «Прямоугольник» на панели инструментов и растянуть прямоугольник. Когда у вас есть треугольник на вашей сцене, вы можете легко отредактировать его до совершенства, выбрав его, перейдя в окно свойств и введя указанные выше атрибуты. Затем, когда у вас есть правильный размер и прозрачность формы, вы можете перейти в окно «Выровнять» и указать прямоугольнику «Выровнять по центру по горизонтали» и «Выровнять нижний край».

13. Теперь давайте добавим эти значки социальных сетей в нижний колонтитул, сначала импортировав их в нашу библиотеку. Если вы не помните, как это сделать из шага 3, я дам вам подсказку. Файл — Импорт — Импорт в библиотеку. И вы захотите импортировать «email.png», «facebook.png» и «twitter.png».

Как только они окажутся в вашей библиотеке, перетащите их на сцену. Где их разместить, — это личное предпочтение, но мне нравится мой в правом нижнем углу. Моя координата Y установлена ​​на 606, а мои координаты X:
Facebook: X = 715
Twitter: X = 740
Электронная почта: X = 765

14.Если вы хотите связать значки со своим сайтом в социальной сети, процесс очень похож на кнопки навигации, которые мы делали. Нажмите на значок, который вы хотите связать, и откройте окно «Действия». Вместо того, чтобы на этот раз переходить в «Управление временной шкалой», мы перейдем в «Браузер / Сеть» и выберем «getURL». Будет выбрано меню, подобное этому, и вы захотите ввести соответствующий URL-адрес в соответствующее поле и выбрать, в каком окне вы хотите, чтобы ссылка открывалась (текущее, новое и т. Д.).

15. Теперь, когда мы закончили со слоем нижнего колонтитула нашего Flash-сайта, вы можете заблокировать его, и мы перейдем к содержанию. Как и нижний колонтитул, мы начнем с того, что растянем еще один прямоугольник с черным фоном и непрозрачностью 60%. Только мы собираемся сделать этот прямоугольник шириной 355 пикселей и высотой 483 пикселей и расположить его с правой стороны нашего сайта в точке X: 395 Y: 77. Помните, чтобы применить эти изменения, вы делаете это в окне «Свойства».

После того, как мы установили прямоугольник нужного размера и разместили его на месте, мы собираемся немного отполировать его, смягчив края.Для этого мы выбираем наш прямоугольник, переходим к «Изменить» в строке главного меню вверху экрана, затем выбираем «Форма», а затем «Смягчить края заливки». Должен появиться небольшой новый экран с вопросом, на каком расстоянии и количестве шагов вы хотите смягчить края. Я думаю, что расстояние в 10, с 4 ступенями и расширением должно помочь нам.

16. Чтобы ввести текст поверх нашего прямоугольника, нам также необходимо создать текстовое поле. Это комбинация того, что мы делали для создания наших кнопок и того, как мы создаем наши прямоугольники.Выберите инструмент «Прямоугольник» на панели инструментов и растяните рамку на сцене. Я допустил для себя поле 10 пикселей по периметру, поэтому мое текстовое поле имеет ширину 335 пикселей, высоту 463 и находится в X: 405 и Y: 87.

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

17. Домашняя страница на нашем Flash-сайте создана, и весь наш Flash-сайт почти создан. Отсюда нам нужно создать метки фреймов и следующие пять страниц.Возвращаясь к нашей временной шкале, создайте новый слой над всеми остальными слоями и назовите его «действия». Как только слой будет создан, щелкните по кадру 2 слоя «Действия», затем перейдите в окно свойств. Не снимая выделения с кадра 1 с «действиями», введите «home» в поле с надписью «Name:» в разделе «Label» в окне «Свойства». Под кадром 1 «Действия» должен появиться маленький красный флажок. Это означает, что кадр 1 теперь помечен как «домашний», так как именно здесь находится наша домашняя страница на временной шкале, и с этого момента «buHome» будет указывать сюда.И если вы расширите временную шкалу, добавив больше кадров под этот ключевой кадр, вы увидите, что рядом с флагом написано «домой».

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

18. Создать следующие пять страниц на нашем Flash-сайте очень просто. Мы начинаем с вставки нового ключевого кадра в кадр 2. Для этого нам нужно щелкнуть по кадру 2 «действий» и перетащить его вниз до кадра 2 «bg pic», выделив все кадры. Затем мы щелкаем правой кнопкой мыши (или Control + Click на Mac) и выбираем «Вставить ключевой кадр». Вы заметите, что красный индикатор выполнения, который проходит вертикально по временной шкале, переместился на кадр 2, потому что сейчас мы работаем над кадром 2 нашей шкалы времени.

Поскольку мы уже научились создавать веб-сайт на Flash и проделали всю тяжелую работу по созданию всего, теперь осталось лишь немного отредактировать его, чтобы он соответствовал правильной странице. Поскольку наша вторая ссылка — «О нас», было бы наиболее целесообразно сделать фрейм 2 страницей «О нас». Перво-наперво, давайте щелкнем по кадру 2 действий, вернемся к свойствам и назовем его «о». После этого нам нужно сказать ему, чтобы он остановился здесь, как мы это делали на домашней странице, иначе он просто проиграет этот один кадр, прежде чем вернуться на домашнюю страницу и остановиться там.Итак, с выделенным фреймом 2 «действий» вернитесь в окно «Действия» и дважды щелкните «Стоп» в разделе «Управление временной шкалой».

Теперь выберите второй фрейм своего слоя «контент» и отредактируйте текст так, чтобы он совпадал с тем, что вы хотите на странице «О программе». Как только вы закончите, разблокируйте слой «bg pic» и удалите это изображение. После удаления изображения импортируйте «about.jpg» в свою библиотеку, перетащите его на сцену и выровняйте по центру и низу сцены по горизонтали, используя окно «Выровнять» и PRESTO! Ваша страница должна выглядеть примерно так.

Теперь, когда вы являетесь экспертом по Flash-сайтам, посмотрите, сможете ли вы создать последние четыре страницы самостоятельно! Обязательно экспортируйте его снова и проверьте свою навигацию, чтобы увидеть, ведут ли ссылки на нужную страницу.

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

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

Взлет и падение Adobe Flash

Вскоре Adobe сама удалит Flash Player с компьютеров.

Немногие технологии вызвали такую ​​вызывающую разногласие и широко распространенную страсть, как Flash. Многие восхищаются его универсальностью и простотой использования в качестве творческой платформы или его важной ролью в подъеме веб-видео. Другие ненавидят рекламу на основе Flash и веб-дизайн или презирают ресурсоемкость плагина Flash Player в последние годы его существования.

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

Но теперь, спустя примерно 25 лет, Flash, наконец, подходит к концу. Менее чем через шесть месяцев — декабрь 2020 года — Adobe официально прекратит поддержку и распространение Flash Player, плагина для браузера, который мы все больше всего ассоциируем с этой технологией.И уже, за несколько месяцев до истечения срока службы, Flash был отключен в большинстве веб-браузеров (что часто отмечается как угроза безопасности, если вы решите изменить настройки по умолчанию). Даже Google Chrome, долгое время являвшийся браузером для Flash-контента, скоро удалит Flash Player.

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

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

Реклама

Возможно, вы не знаете название FutureSplash Animator, но наверняка знаете, какое программное обеспечение оно породило

Рождение или волна будущего

Где-то в середине 1992 года Джонатан Гей решил, что хочет основать компанию, чтобы что-то делать. Что именно, он не понял. Но что-то .

Более восьми лет назад его друг и бывший начальник Чарли Джексон основал Silicon Beach Software — компанию по разработке программного обеспечения для Mac, которая добилась большого успеха благодаря своим играм Dark Castle , а также инструментам для творчества SuperPaint и Digital Darkroom.Гей была там с первого дня, будучи подростком-программистом, работая после обеда после школы. (И не просто программист, но и «самый феноменальный программист», которого когда-либо видел Джексон.) Затем в начале 1990 года, чтобы профинансировать свою мечту выступить за Соединенные Штаты в международной стрельбе из скорострельного пистолета (мечту, которую он позже осуществил. ), Джексон продал Silicon Beach корпорации Aldus.

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

Это была впечатляющая технология. Планшеты на базе PenPoint могут стать следующим большим достижением, и новый персональный коммуникатор EO Personal Communicator, созданный компанией, вышедшей из аппаратного подразделения GO, казался особенно впечатляющим.

Silicon Beach добился своего успеха на ранней стадии выхода на рынок — на использовании Macintosh до того, как к ним подключились более крупные компании.Эта новая компания, которую они назвали FutureWave, попытается сделать то же самое. «Идея заключалась в следующем:« Мы можем владеть графическим пространством на этом планшете », — сказал Джексон Ars. «Итак, мы начали разрабатывать программу векторной графики. И мы назвали ее SmartSketch».

Благодаря объединенной деловой хватке трех соучредителей FutureWave — вице-президентом по маркетингу Мишель Уэлш — плюс техническое волшебство Гэя и программиста Роберта Тацуми, SmartSketch быстро обрел форму. Но игра дала обратный эффект, когда AT&T купила контрольный пакет акций компании, стоящей за планшетом EO, также называемой EO, и впоследствии убила продукт, затем купила GO и, короче говоря, фактически убила и их.

Реклама

«Думаю, мы продали две копии», — сказал Джексон. «И один был архитектору, который проектировал дом Билла Гейтса».

FutureWave вскоре перенесла SmartSketch на Windows и Mac, и они надеялись найти аудиторию, которая оценила их усилия «сделать рисование на компьютере таким же простым, как рисование на бумаге». Но компания изо всех сил пыталась отвлечь внимание от своих многочисленных более крупных конкурентов (Corel, Adobe, Autodesk и т. Д.).

Их курс изменился, когда компания Wacom, которая поставляла SmartSketch в комплекте с некоторыми своими планшетами-дигитайзерами, столкнулась с бюджетными проблемами и потребовалось выйти из SIGGRAPH ’95. Они отдали свой стенд FutureWave и велели крошечному стартапу принести много коробок SmartSketch, поскольку это всегда хорошее мероприятие для продаж продукции. «Мы ничего не продавали», — вспоминает Гей. «Это было довольно неловко».

Через проход у компании Animo был пакет анимации в стиле Диснея для теле- и кинопроизводства.Многие люди были привлечены к этому стенду, и многие из них останавливались в пространстве FutureWave, чтобы взглянуть на SmartSketch — после чего они рекомендовали FutureWave создать приложение для ротоскопирования. «Мы думали, что никогда не будет рынка для инструментов анимации, — сказал Гей, — но это звучало как забавная вещь для создания».

Примерно в то же время Джексон изо всех сил пытался убедить розничных торговцев использовать SmartSketch. Затем он заметил, что у CompUSA есть киоски и полки с товарами в лучшем положении с надписью «сделано для Интернета».Итак, он сказал Гей, что им нужно что-то сделать для Интернета.

Гей задавался вопросом, могут ли они каким-то образом объединить эти идеи вместе: программа анимации на основе cel, которая может создавать анимацию, воспроизводимую на веб-страницах.

Первоначально они назвали эту новую программу SmartSketch Animator, но позже переименовали ее в CelAnimator, а затем в FutureSplash Animator. И чтобы выполнить требования Интернета, они создали прототип проигрывателя веб-анимации — FutureSplash Player — на Java.

Однако они устали управлять компанией без денег и рыночной тяги, поэтому перед поставкой они решили попробовать продать технологию. Их друг и соучредитель Silicon Beach Эрик Зочер, который был вице-президентом по разработке в Adobe, организовал для них встречу с генеральным директором Adobe Джоном Варноком.

«Я до сих пор помню, как сел в самолет с мини-компьютером 486 в спортивной сумке, чтобы встретиться с Джоном Варноком и показать ему наш невероятно медленный прототип Java», — сказал Гей.«Это было похоже на два кадра в секунду этой простой анимации. Это сработало, но было очень медленно».

Как включить Flash в вашем веб-браузере | UMass Amherst Information Technology

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

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

Как включить Flash в Microsoft Edge:

1. Перейдите на веб-сайт, на котором вы хотите включить Flash.
2. Выберите значок информации рядом с адресом веб-сайта в адресной строке, чтобы открыть раскрывающийся список, как показано, и нажмите Разрешить Adobe Flash .
3. В разделе Права доступа к веб-сайту убедитесь, что ползунок для Adobe Flash перемещен в положение «Вкл.», Как показано.

Как включить Flash в Microsoft Internet Explorer:

1. Откройте Internet Explorer.
2. Выберите шестеренку Settings в верхней правой части окна и выберите Manage add-ons из появившегося меню.
3. Убедитесь, что Show: в нижнем левом углу имеет Все надстройки и выделите Shockwave Flash Player в списке. Затем щелкните Enabled , чтобы включить его.
4. Выберите Закройте в правом нижнем углу, чтобы вернуться на веб-страницу, и при необходимости перезагрузите ее. Flash теперь должен работать!

Как включить Flash в Mozilla Firefox:

1. Откройте Mozilla Firefox.
2. Перейдите на страницу, на которой используется Adobe Flash, и рядом с ней в адресной строке появится значок новой надстройки . Щелкните этот значок, чтобы открыть меню. Установите флажок рядом с . Запомните это решение , если вы хотите разрешить запуск Flash на этом сайте в будущем.Затем нажмите Разрешить .

Как включить Flash в Google Chrome:

1. Откройте веб-сайт, на котором вы хотите включить Flash.
2. Щелкните значок информации или значок замка в адресной строке веб-сайта в левом верхнем углу. В появившемся раскрывающемся списке выберите Параметры сайта .
3. В появившемся меню рядом с Flash выберите Разрешить .
4. Закройте окно Настройки . вам может потребоваться перезагрузить страницу с Flash-контентом, к которому вы пытались получить доступ.

Как включить Flash в Apple Safari:

1. Откройте веб-сайт, на котором вы хотите включить вспышку.
2. В строке меню выберите Safari , а затем Настройки .
3. Выберите вкладку Веб-сайты , а затем под Плагины , убедитесь, что установлен флажок рядом с Adobe Flash Player .
4. После выбора вы увидите список веб-сайтов. На веб-сайте, для которого вы хотите включить Flash в списке, измените раскрывающийся список на на .
5. Закройте окно и вернитесь на предыдущую страницу. При необходимости перезагрузите веб-страницу.

История Adobe Flash Player: от мультимедиа к вредоносному ПО

Безопасность и конфиденциальность

опубликовано
29 декабря 2020 г.
Кирк МакЭлхерн

Если вы были одним из первых пользователей Интернета, вы помните, как высотой мультимедиа был тег «мигание», который заставлял текст на странице мигать.Чтобы выйти за рамки ограничений по тексту и статическим изображениям ранних веб-страниц, ряд компаний начали разработку инструментов для отображения мультимедийного контента в сети, и доминирующей платформой стала Adobe Flash.

Преимущество

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

Adobe официально прекратила поддержку Flash 31 декабря 2020 года. Давайте вспомним пеструю историю этой мультимедийной и вредоносной платформы.

Ранние дни

В начале 1990-х годов мультимедийные инструменты, такие как Macromedia Director / Shockwave или Apple’s HyperCard, позволяли использовать мультимедийный контент в приложениях, распространяемых на компакт-дисках. Они были основой для некоторых из самых ранних интерактивных программ и игр, таких как энциклопедия Encarta, Silly Noisy House и Myst.Но рост Интернета в середине 1990-х годов означал, что потребовались инструменты для предоставления аналогичного контента в веб-браузерах. Пропускная способность была малой частью того, что есть у людей сегодня, поэтому любая такая платформа должна быть гибкой и быстрой.

FutureWave Software, основанная Чарли Джексоном и Джонатаном Гейем в 1993 году, сначала работала над программным обеспечением для рисования, но затем изменила направление и разработала инструмент векторной анимации, чтобы конкурировать с Macromedia Shockwave. Векторная анимация использует гораздо меньше данных, чем растровая анимация, поскольку данные должны описывать только отношения между точками, а также цвета и другие данные.

Компания выпустила FutureSplash Animator в мае 1996 года. Программное обеспечение было принято на ряде крупных веб-сайтов, таких как MSN и веб-сайт Disney, а в декабре того же года Macromedia купила компанию и переименовала программное обеспечение в Macromedia Flash.

Flash был ведущим мультимедийным программным обеспечением в течение нескольких лет, а в 2000 году к платформе Flash был добавлен ActionScript, объектно-ориентированный язык программирования, вдохновленный HyperTalk от Apple. Это позволило разработчикам создавать сценарии действий, а не анимировать их, улучшая типы доступного контента, включая веб-игры и потоковое мультимедиа.

Вспышка становится доминирующей

В 2005 году Adobe приобрела Macromedia и добавила Flash в свой Creative Suite. Это соответствовало росту видеоконтента в Интернете, и Flash был простым способом встраивать видео и воспроизводить его на веб-страницах, поскольку он зависел от простого плагина. Примерно в то же время трое бывших сотрудников PayPal запустили стартап под названием YouTube и приняли Flash в качестве технологии для отображения видео на своем веб-сайте.

Поскольку HTML не имел прямой поддержки видеоконтента, а также существовало множество кодеков (программное обеспечение, используемое для кодирования и декодирования видеоконтента), наличие единственного подключаемого модуля браузера облегчило загрузку этого бесплатного программного обеспечения и просмотр видео.Внезапно любой пользователь Mac или ПК с Windows мог смотреть видео — хотя и в очень низком разрешении по сравнению с сегодняшним днем ​​- в своем браузере.

Flash была доминирующей платформой для отображения мультимедийного контента в Интернете. Когда Apple разрабатывала iPhone, компания работала с Adobe в надежде использовать Flash на устройстве, но производительность была недостаточной. У Adobe была платформа Flash Lite, разработанная для мобильных устройств, но она недостаточно хорошо работала с мобильными процессорами, особенно из-за использования батареи, поэтому Flash не предлагался на iPhone.

Медленный упадок Flash

Это заняло много времени, но ясно, что выпуск iPhone 2007 года стал переломным для Flash. Поскольку iPhone не поддерживал Flash, YouTube разработал технологию для отображения своих видео в приложении без Flash.

В 2010 году Стив Джобс написал открытое письмо «Мысли о Flash», указав на множество причин, по которым компания не разрешила использовать Flash на iPhone. К ним относятся надежность, безопасность, производительность и особенно время автономной работы.Поскольку Flash не мог быть на мобильных устройствах, которые вскоре стали доминирующими, у программного обеспечения не было будущего. Поскольку он был задуман как платформа «напиши один раз, запусти где угодно» и не будет работать на устройстве, которое все больше и больше людей используют для потребления мультимедиа, его оставили.

В этом письме Джобс сказал:

Symantec недавно отметила Flash как один из худших показателей безопасности в 2009 году. Мы также не понаслышке знаем, что Flash является причиной номер один сбоев компьютеров Mac.Мы работаем с Adobe, чтобы исправить эти проблемы, но они сохраняются уже несколько лет.

С этого момента Flash потерял свой блеск. YouTube начал использовать экспериментальную версию своего веб-сайта с использованием HTML5 в 2010 году, а в 2015 году перешел на этот открытый стандарт для всех своих видео.

Вспышка и безопасность

Из-за множества уязвимостей системы безопасности Adobe приходилось часто выпускать обновления для Flash Player. (См. Множество сообщений в блоге по безопасности Intego Mac об обновлениях безопасности Flash Player.К 2011 году Flash Player больше не входил в состав Mac OS X, и пользователям приходилось загружать его, чтобы просматривать Flash-контент в Интернете. Многие были обмануты веб-сайтами, говорящими им, что им нужен Flash Player для просмотра контента: они загружали то, что считали законными установщиками Flash Player, только для того, чтобы обнаружить, что вредоносное ПО заразило их компьютеры Mac.

Flashback был особенно серьезным троянским конем, обнаруженным Intego в 2011 году. Flashback создал ботнет — сеть компьютеров, которыми можно было управлять удаленно, — и, по оценкам, он заразил 10% домашних компьютеров Mac в 2012 году и все еще заражал около такое же количество компьютеров Mac в январе 2020 года.Это побудило Apple в 2012 году выпустить специальный инструмент для удаления вредоносных программ Flashback.

Вредоносное ПО для обновления

Flash Player становилось все более распространенным и стало стандартным способом распространения вредоносных программ на Mac. Некоторые из этих вредоносных программ были действительно вредоносными, а некоторые — «пугающими», созданными для того, чтобы пользователи Mac думали, что их компьютеры скомпрометированы, и платили за их «исправление».

2016 год был особенно напряженным. Вредоносные программы, такие как OceanLotus, InstallCore, SilverInstaller и MacDownloader, в том году использовали поддельные установщики Flash Player для заражения компьютеров Mac.

В 2016 году из-за уязвимостей в незащищенных версиях плагина Flash Player Apple начала блокировать старые версии Flash Player в своем веб-браузере Safari, при этом браузер отображал диалоговое окно, предлагающее пользователям загрузить последнюю версию из Веб-сайт Adobe.

В 2018 году появилась вредоносная программа Shlayer, которая снова атаковала Mac через поддельные установщики Flash Player.

Плагины браузера в целом проблематичны. В течение многих лет нам приходилось устанавливать и обновлять плагины, чтобы иметь возможность воспроизводить определенные типы контента — помните Real Audio? — вместо того, чтобы эти элементы были изначально установлены на наших компьютерах.Это привело к принятию этого подхода к сети, основанного на жюри, который, наконец, был заменен улучшенными HTML и CSS (каскадные таблицы стилей, описывающие, как отображается веб-контент).

Конец Flash

С тех пор, как Стив Джобс выступил против Flash Player, было принято считать, что это программное обеспечение было проблематичным. В 2015 году глава службы безопасности Facebook призвал к его прекращению, и Mozilla отключила его по умолчанию в браузере Firefox. Флэш-игры и видео были настолько популярны на Facebook, что даже BBC опубликовала историю о том, как компания уходила от платформы, упомянув, что они тоже перенесли платформу iPlayer компании на HTML5.В то время была статья Wired, Flash. Должен. Die., Сказал: «Официально Flash — это больше проблем, чем он того стоит. Вот как вы можете убить его сейчас».

В 2017 году Adobe объявила, что срок службы Flash истечет 31 декабря 2020 года. Это предупреждение, сделанное за два с половиной года до крайнего срока, дало разработчикам достаточно времени, чтобы изменить свои технологии, но к тому времени потребуется еще много шагов. уже было принято для его устранения. Некоторое время браузер Google Chrome содержал собственную версию Flash, которая была частью браузера, а не подключаемым модулем, и специалисты по безопасности давно рекомендовали использовать Chrome для тех пользователей, которым нужно было просматривать содержимое Flash.Но в июле 2019 года даже Google отключил Flash в браузере по умолчанию.

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

Прощай, Флэш, поездка была интересной.

О Кирке Макэлхерне

Кирк МакЭлхерн пишет о продуктах Apple и многом другом в своем блоге Kirkville.
Он является соведущим подкаста Intego Mac, а также нескольких других подкастов и регулярно участвует в блоге Mac Security Blog, TidBITS и нескольких других веб-сайтах и ​​публикациях.
Кирк написал более двух десятков книг, в том числе книги Take Control о мультимедийных приложениях Apple, Scrivener и LaunchBar.Следуйте за ним в Твиттере по адресу @mcelhearn.
Просмотреть все сообщения Кирка МакЭлхерна →

Эта запись была размещена в разделе Безопасность и конфиденциальность и помечена как Adobe Flash Player, Flash Player. Добавьте в закладки постоянную ссылку.

Как использовать Adobe Flash после его прекращения

Некогда могущественный плагин для браузера, который раньше был необходим для просмотра веб-видео, игры в казуальные онлайн-игры и посещения плохих веб-сайтов ресторанов, получил последнее обновление 8 декабря. Основные веб-браузеры, такие как Google Chrome и Apple Safari, отключат Flash в конце года, и Adobe уже призывает пользователей удалить плагин со своих компьютеров.12 января даже люди, у которых еще установлен Flash, будут заблокированы, поскольку Adobe блокирует запуск Flash-содержимого в программном обеспечении Flash Player.

Смерть Adobe Flash больше похожа на праздник, чем на траур. В течение многих лет плагин был печально известен тем, что вызывал сбои, вводил дыры в безопасности и заставлял веб-сайты казаться излишне раздутыми. Он так и не получил распространения на мобильных устройствах — Apple не разрешила использовать Flash на iOS, а поддержка Android была недолгой. Веб-стандарты, такие как HTML5 и JavaScript, сделали Flash излишним в настольных браузерах.Сама Adobe отказалась от Flash три года назад, когда впервые объявила о своих планах отказаться от плагина в конце 2020 года.

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

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

Не менее важно то, что это был важный инструмент для начинающих онлайн-создателей в середине и конце августа, их работы появлялись на таких веб-порталах, как Newgrounds, Armor Games и Kongregate. В конечном итоге флеш-игры стали еще более крупным бизнесом, поскольку стремительный успех Zynga с продуктом FarmvVille привел к расцвету социальных игр. (31 декабря Facebook закрывает собственный каталог Flash-игр, унося с собой FarmVille .)

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

Просмотр архива FlashPoint

Если у вас есть ПК с Windows, лучший способ воспроизвести старый Flash-контент — это FlashPoint, бесплатная программа с более чем 70 000 веб-игр и 8 000 анимаций, большинство из которых основаны на Flash. (Также доступны экспериментальные версии для Mac и Linux, но их сложно настроить.Стандартная версия Flashpoint позволяет загружать каждую игру по запросу из основного списка, хотя вы также можете получить весь архив сразу, если у вас есть 532 ГБ свободного места.

Как сообщила Сесилия Д’Анастасио для Wired в феврале, Бен «BlueMaxima» Латимор начал работать над FlashPoint в 2017 году, чтобы сохранить историю. FlashPoint работает с автономным «проектором» Flash, который не входит в стандартную установку Adobe, и он не подключается к Интернету, только когда он загружает игру для воспроизведения.Для игр, требующих подключения к сайтам, с которых они пришли, FlashPoint запускает локальный прокси-сервер, который, по сути, заставляет игры думать, что они работают в Интернете. Этот процесс намного безопаснее, чем запуск Flash обычным способом, и на него не повлияет, когда Adobe выключит Flash.

FlashPoint — не совсем настоящий вкус Интернета на основе Flash, поскольку все его игры и анимации отделены от сайтов, с которых они пришли, но это все же отличный способ испытать сам контент.Помимо возможности поиска игр по названию, вы также можете просматривать плейлисты, составленные настоящими поклонниками Flash. Одна коллекция, например, включает все флеш-игры, упомянутые в книге 1001 Видеоигры, в которые вы должны сыграть, прежде чем умрете. Другой относится ко всем флеш-играм, выпущенным Adult Swim.

Rom Check Fail

Большинство из этих творений непростительно грубые. Текст часто появляется на экране в основных шрифтах без попыток кадрирования, и вы столкнетесь с множеством грубых рисунков и стандартных звуковых эффектов.Некоторые игры, такие как великолепный Super Mario Bros. Crossover и сумасшедший ROM CHECK FAIL , упиваются вопиющим нарушением авторских прав. Тем не менее, любительский характер этих творений является напоминанием о том, какой была креативная сеть до появления изысканных магазинов приложений, и в ней достаточно легко переключаться между играми без каких-либо трений.

Время fcuk

И время от времени вы встретите работы творца, который стремился к большему. Don’t Look Back Терри Кэвэна — это маленький пронзительный платформер, созданный до его работы над инди-хитами VVVVVV и Super Hexagon . Time Fcuk была одной из нескольких блестяще продуманных игр, которые Эдмунд Макмиллен сделал с разными соавторами до работы над прорывной игрой Super Meat Boy . (Вы также можете играть в оригинальную версию Meat Boy , которая действует как доказательство концепции.) Другие игры, такие как Canabalt Адама Салтсмана и Castle Crashers от Behemoth, стали хитами в других приложениях и играх. магазины после того, как доказали свою ценность во Flash. Воспроизведение этих ранних работ похоже на открытие капсулы времени.

Другие вкусы Flash

Даже без FlashPoint есть другие способы пережить лучшие годы Flash:

Портативные игры — имитируются с помощью Flash, запущенного внутри Conifer.

Conifer позволяет запускать устаревший браузер с поддержкой Flash на удаленном компьютере, защищая вас от любых проблем с безопасностью. Он предлагается Rhizome, некоммерческой художественной группой, которая в основном использует его для записи взаимодействий с интерактивными произведениями искусства в формате Flash, но он также безупречно работал у меня с этим сайтом эмуляции портативных игр с ЖК-дисплеем.Сайт можно использовать бесплатно для сбора веб-данных объемом до 5 ГБ, хотя вы можете поддержать Rhizome, чтобы получить больше места для хранения. (Здесь также проводится сбор средств для поддержки художественных работ на основе Flash.)

Интернет-архив сделал тысячи флэш-игр и анимаций, воспроизводимых онлайн в современных веб-браузерах с помощью эмуляции, так что вы можете играть в Helicopter Game или смотреть Peanut Butter Jelly Time в оригинальном виде.

Ruffle — это базовая программа эмуляции, которую использует Internet Archive.Вы также можете установить его как отдельную программу или расширение браузера. Мне было трудно заставить программу работать, но, как отмечает Драган Эспеншид из Rhizome, некоторые создатели начали внедрять ее прямо на своих сайтах. В качестве примера посмотрите сатирический бизнес-симулятор McDonald’s компании Molleindustria.

Newgrounds выпустила собственный Flash Player для Windows, который безопасно загружает контент со своего веб-сайта, так что вы по-прежнему получаете полный опыт использования Newgrounds. Сесилия Д’Анастасио из Wired отмечает, что Newgrounds получила от Adobe лицензию на распространение этой конкретной версии Flash Player даже после истечения срока ее эксплуатации.

Вы также можете просто прочитать все о взлете, падении и наследии Flash в этой замечательной истории Ars Technica’s Richard C. Moss или пролить слезу на примечаниях к финальному выпуску Flash Player от самой Adobe:

«Мы хочу воспользоваться моментом, чтобы поблагодарить всех наших клиентов и разработчиков, которые использовали и создавали потрясающий контент Flash Player за последние два десятилетия », — написали в компании.«Мы гордимся тем, что Flash сыграл решающую роль в развитии веб-контента, включая анимацию, интерактивность, аудио и видео».

Поскольку последние пару дней я наелся старым Flash-контентом, я не могу сказать, что Adobe ошибается.

Как Adobe Flash, когда-то являвшийся лицом Интернета, оказался на грани безвестности — и почему его стоит сохранить — Quartz

Adobe Flash был будущим, пока его не сменило. Он появился в конце 1990-х, в то время, когда Интернет был самым уродливым, когда самым захватывающим, что можно было найти на веб-странице, был GIF с низким разрешением или мигающий текст.Благодаря Flash повсеместно стали доступны веб-видео, анимация и интерактивность; он позволил дизайнерам и разработчикам создавать новый вид богатого контента, который будет работать на любом компьютере или браузере.

Если системы досок объявлений ознаменовали зарождение современного Интернета, а чаты AOL — его детство, то Flash был отрочеством Интернета — его странными, бурными подростковыми годами. Flash был не просто инструментом или технологией; это был свой собственный жанр. Причудливые мультфильмы и видеоигры, основанные на Flash, быстро распространились в магазинах, узнаваемых по их стилю векторной графики и разительным отличиям по тону от традиционных медиа.Мир никогда не видел такого мультфильма, как Homestar Runner, или видеоигры, подобной QWOP, до того, как Flash сделал это возможным.

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

Уже почти десять лет теряющая актуальность, Adobe Flash — далеко не единственная технология, которая попирается непрекращающимся маршем технического прогресса (помните RealAudio?). В 2014 году два исследователя из Австрийского технологического института изучили некоторые популярные форматы файлов, чтобы определить, какие из них подвержены наибольшему риску устаревания:

Форматы файлов, которые оказались подверженными наибольшему риску, были MAC (макро-файлы), SXW ( Документы OpenOffice) и DXF (файлы AutoCad) — все устаревшие форматы с нишевой пользовательской базой.Flash не был включен в исследование, но также попал бы в категорию повышенного риска: это сложный и в значительной степени закрытый формат, который прошел через множество версий и поддерживается только одним поставщиком.

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

Долгое прощание

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

В 2010 году Стив Джобс разместил заметку на веб-сайте Apple, чтобы прояснить свои мысли о Flash и еще больше закрепить HTML5 как новый стандарт.Он писал, что проблема Flash заключалась в том, что он небезопасен и требовал больших ресурсов, а его плагин был чрезмерно проприетарным. Джобс привел доводы в пользу HTML5 и JavaScript, указав, что они основаны на открытых стандартах, на которых могут строиться веб-браузеры.

«Хотя операционная система для iPhone, iPod и iPad является проприетарной, мы твердо убеждены в том, что все стандарты, относящиеся к Интернету, должны быть открытыми», — написал он, сознательно бросая камни из стеклянного домика Apple.«Вместо того, чтобы использовать Flash, Apple приняла HTML5, CSS и JavaScript — все открытые стандарты».

Жесткая позиция Apple была зловещей, но Flash все еще был доступен на устройствах Android и мог использоваться для создания собственных приложений для iOS. Что еще более важно, он оставался неотъемлемой частью сети. Популярный набор игр Facebook, в том числе FarmVille и Words with Friends, был построен на Flash, как и видеоплеер YouTube. Через несколько месяцев после заметки Джобса в блоге разработчиков YouTube было сказано, что, хотя компания сделала большинство своих видео доступными на HTML5, технология еще не была готова к использованию в прайм-тайм.

«Хотя поддержка видео HTML5 позволяет нам переносить большую часть контента и функций YouTube на компьютеры и другие устройства, которые не поддерживают Flash Player, она пока не отвечает всем нашим потребностям», — говорится в сообщении. «Сегодня Adobe Flash предоставляет лучшую платформу для удовлетворения требований YouTube к распространению видео, поэтому наш основной видеопроигрыватель построен на нем».

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

В HTML5 также добавлена ​​поддержка векторной графики, но ее нельзя было анимировать или сделать интерактивной без использования JavaScript и CSS, которые требуют опыта программирования. Джобс постарался назвать эти технологии в своей заметке, но нюанс был несколько утерян в публичных обсуждениях. Это недоразумение, как выяснилось, плохо сказалось на Flash. HTML5 стал универсальным термином для New Web: чистый, свободный от плагинов доступ в Интернет, который работал как на телефоне, так и на настольном компьютере.

К 2011 году эта идея набрала достаточно оборотов, и даже Adobe осознала изменение ситуации. Компания прекратила производство Flash Player для Android и выпустила продукт под названием Edge Animate — новый способ создания содержимого HTML5. «HTML5 теперь повсеместно поддерживается на основных мобильных устройствах, а в некоторых случаях — исключительно», — говорится в сообщении компании. «Это делает HTML5 лучшим решением для создания и развертывания контента в браузере на мобильных платформах».

На грани неизвестности

В течение следующих нескольких лет HTML5 и связанные с ним технологии продолжали вытеснять Интернет.В начале 2015 года YouTube объявил, что его видеопроигрыватель HTML5 теперь используется по умолчанию. Всего несколько месяцев спустя выяснилось, что хакеры использовали эксплойт в Flash Player, чтобы внедрить программное обеспечение для наблюдения на компьютеры пользователей. Начальник службы безопасности Facebook призвал Adobe установить дату окончания срока службы плагина.

Adobe прекратила поддержку Edge Animate в конце 2015 года, а затем переименовала приложение Flash Professional в Animate CC. После объявления о ребрендинге Adobe заявила, что Animate CC станет ее «главным инструментом веб-анимации для разработки содержимого HTML5», при этом продолжая поддерживать создание содержимого Flash.«Компания не установила дату окончания срока службы плагина Flash Player — она ​​еще не установила — но сказала в своем объявлении, что разработчики должны отказаться от платформы.

«Забегая вперед, мы призываем создателей контента использовать новые веб-стандарты», — заявили в компании. В отдельном сообщении в блоге в ноябре 2015 года менеджер по продукту Adobe отметил, что «более трети всего контента, созданного в Flash Professional, использует HTML5».

Facebook тем временем стал последним оплотом Flash. Около 650 миллионов пользователей все еще играли в игры на основе Flash на веб-сайте социальной сети, но Facebook в течение многих лет искал способ заставить свои игры работать в своих мобильных приложениях.В 2011 году она попыталась запустить игровую платформу на базе HTML5 и JavaScript, но быстро свернула проект.

Затем, буквально в прошлом месяце, Facebook сделал еще один снимок. Он запустил Instant Games, «новый кроссплатформенный игровой процесс HTML5, в Messenger и Facebook News Feed как для мобильных устройств, так и для Интернета». Социальная сеть не сообщила о планах закрыть свою библиотеку браузерных Flash-игр, но охват этого нишевого раздела Интернета явно уменьшается.

Защитники окружающей среды

Facebook — не единственный технологический гигант, заинтересованный в будущем Flash.Ранее в этом месяце Google объявил об изменениях в своем браузере Chrome, которые по умолчанию будут блокировать Flash. Пользователи по-прежнему смогут получить доступ к Flash-контенту, щелкнув кнопку согласия, но этот шаг предполагает, что в Chrome — самом популярном веб-браузере в мире — тикают часы, — полностью отказавшись от поддержки Flash. Когда настанет этот день, попытка сыграть в флеш-игры или посмотреть флеш-мультфильмы будет очень похожа на попытку воспроизвести кассету без магнитофона.

Так как же сохранить Flash-контент, если его невозможно загрузить?

Создатели Flash-контента могут обновлять свою работу до более современных форматов — мультфильмы и анимацию можно преобразовывать в видео, а векторную графику, стоящую за ними, можно перемещать в такие программы, как Adobe Illustrator.Видеоигры сложнее, но их можно сохранить в виде исполняемых файлов, которые будут работать в Windows и OSX.

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

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

Первая [задача] — найти правильную версию Flash для правильный браузер.Chrome в Linux включил Flash до Chrome 53, но изменил дистрибутив на 54, поэтому нам не удалось заставить Flash работать с более новой версией Chrome. Chrome 53 вполне может быть последней версией Chrome, которую мы предлагаем с Flash. Для Firefox мы используем последний плагин Adobe Flash, который по-прежнему широко доступен как часть Ubuntu и других распространенных дистрибутивов Linux.

Массовое архивирование Flash-проектов также далеко не так просто, — говорит Креймер. Часто есть набор файлов, составляющих презентацию Flash, и все они должны быть связаны друг с другом определенным образом, чтобы она работала.(Думайте об этом как о микстейпе, который состоит из нескольких кассет.) Это затрудняет написание программы, которая будет автоматически находить и архивировать контент.

«Все носители изнашиваются»

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

Не совсем так, — говорит Тревор Оуэнс, цифровой библиотекарь и архивист Института музейных и библиотечных услуг.

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

Действительно, исторические артефакты, которые нам, как виду, удалось сохранить, вероятно, составляют лишь часть того, что мы потеряли.На ум приходит почти мифическая потеря бесчисленных древних книг в Александрийской библиотеке Египта, равно как и потеря всех фильмов Fox Pictures, выпущенных до 1935 года (фильмы хранились на пленке из легковоспламеняющихся нитратов). Цифровые медиа могут быть более безопасными от стихии, чем их аналоговые предшественники, но все же сталкиваются с опасностями иного рода.

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

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

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

5 причин, почему вы не должны использовать Flash на своем веб-сайте

В мире веб-разработки Flash не пользуется особой любовью в наши дни.

Я спросил об этом нашего разработчика Сэма, поскольку мне нравится делать это по темам, о которых я не так много знаю.Я сказал: «Сэм, расскажи мне последние новости о Flash?» и он сказал: «Он должен быть мертвым».

Так что же случилось? Что плохого во Flash?

1. Требуется Flash Player

Хотите видео или анимацию на вашем сайте? С 1996 по 2010 год вы, вероятно, не искали бы ничего, кроме Adobe Flash. Когда Adobe выпустила свою мультимедийную платформу Flash в 1996 году, она произвела революцию и изменила внешний вид и работу веб-сайтов. Пользователи должны были убедиться, что их Flash-плеер был загружен и обновлен, и вуаля, анимация и видео! Это было действительно круто.

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

2. Проблемы безопасности

Flash имеет долгую историю недостатков безопасности, вредоносных программ и ошибок.

Сайт CVE Details сообщает, что всего в 2011 году было обнаружено 63 уязвимости флэш-памяти. Наиболее распространенными уязвимостями флэш-безопасности являются исполняемый код, отказ в обслуживании, переполнение и межсайтовые сценарии.Эти проблемы привели к тому, что многие эксперты по безопасности не рекомендовали устанавливать Flash или предлагали пользователям Интернета использовать инструменты для блокировки Flash. На сайте представлены дополнительные сведения об Adobe Flash Player, а также документы об уязвимостях безопасности CVE, их версиях и подробные отчеты.

3. Не работает на мобильных устройствах Apple

Apple возглавила отход от зависимости от Flash, выпустив iPhone, а затем и iPad. Flash ужасен для мобильных устройств, потому что он разряжает батарею и съедает память, и, конечно же, из-за множества ошибок.Из-за этого Стив Джобс объявил, что его мобильные продукты не будут поддерживать Flash. Джобс комментирует здесь Flash в 2010 году, он говорит, что «Flash был создан в эпоху ПК — для ПК и мышей».