Будет проведён сравнительный анализ возможностей создания анимаций как в Flash так и в HTML5. Неужели и правда HTML5 способен полностью заменить Flash?

1. Анимация в Flash и HTML 5
или чье Кун-Фу круче
VS
Пинин Денис
Codemasters International
веб-разработчик, MCPD
dpinin@codereign.net
TULADEV.NET

2. Вы не знаете что такое Flash?
Тогда я иду к вам!
• появился в 1996 году
• основан на использовании векторной
графики в формате Shockwave Flash
(SWF)
• использует язык программирования ActionScript,
основанный на ECMAScript
• может использоваться на любой аппаратно-
программной платформе
• позволяет получить красочно анимированные динамические
интерактивные страницы очень небольшого размера с
использованием 3D
• дает возможность использовать видео и аудио информацию в
флеш-ролике
TULADEV.NET

3. Это эволюция, а не революция
• язык стал проще для написания кода и
проверки валидации
• появилось большое количество новых
тегов, существенно расширяющих
функциональность
• появилась возможность рисования
геометрических фигур на веб-холсте
<canvas> с использованием 2D и 3D
• реализована возможность поддержки
классической модели “drag and drop”
• стало возможным воспроизведения потокового видео и аудио без
использования Flash <video>
• а также еще много много много чего…
TULADEV.NET

4. Чем хорош… и чем он плох?
• достаточно продолжительное время занимает
ключевые позиции в веб-индустрии
• позволяет довольно быстро и просто создать
I'm cool!
красивые и насыщенные анимированное
приложения без использования кода
• позволяет работать с векторной, растровой и ограниченно с трѐхмерной
графикой, а также поддерживает двунаправленную потоковую трансляцию
аудио и видео
• широко используется для создания игр
not
• для использования необходим плагин, который
really
периодически необходимо обновлять
• чрезмерная нагрузка на центральный процессор, что
существенно ограничило использование для
мобильных платформ
• нестабильность работы и частые отказы приложений
• затрудненная индексация поисковыми системами
TULADEV.NET

5. F..king
Все таки и чем-то плох…
Flash!
•
значительно упростилась структура веб-
документов и валидации данных на стороне
клиента
• больше не нужен Flash, теперь мы можем
смотреть видео и слушать музыку без него 
• а также создать красивую анимацию или даже… игры
• обладает большей стабильностью и предоставляет механизм хранения
данных в офлайн
• оно знает, где ты живѐшь
• технология достаточно новая, со всеми
вытекающими отсюда последствиями
• недостатки в области защиты данных
• разработка анимации и игр требует значительных
затрат, как финансовых так и временных
• воспроизведение потокового видео не сильная
сторона HTML5
TULADEV.NET

6. Кого мы увидим в своих смартфонах?
you're cool!
!!???
I need your
Battery!!! ??! classy!
not me!!!
I'm on your side!
TULADEV.NET

7. Кого мы увидим в 3D?
• позволяет создавать 2D и 3D графику
http://www.zygotebody.com/
• Papervision3D
• Away3D
• Sandy
• FFilmation AS3 Flash Isometric Engine
• Infinity 3D Engine
• Alternativa Platform
• ZenBullets Flash Isometric 3D Game
Engine
http://www.botanicula.net/
TULADEV.NET

8. Чуть чуть про новые теги
TULADEV.NET

9. Аргументы…

11. Взгляд в будущее
TULADEV.NET

12. Почитать
Про Flash:
1. Официальный учебный курс Adobe Flash CS4 + CD. — М.: «Эксмо», 2009. — С. 400.
2. Бурлаков Михаил Викторович Adobe Flash CS3. Самоучитель. — М.: «Диалектика»,
2007. — С. 624.
3. Шон Пакнелл, Брайан Хогг, Крейг Суонн Macromedia Flash 8 для профессионалов =
Macromedia Flash Demystified. — М.: «Вильямс», 2006. — С. 672.
4. http://www.adobe.com/ru/products/flash.html
5. http://www.apple.com/hotnews/thoughts-on-flash/
6. http://web-silver.ru/flash/
Про HTML5:
Питер Лабберс, Брайан Олберс, Фрэнк Салим HTML5 для профессионалов: мощные
инструменты для разработки современных веб-приложений. — М.: «Вильямс», 2011. —
С. 272.
Стивен Хольцнер HTML5 за 10 минут, 5-е издание. — М.: «Вильямс», 2011.
1. http://www.w3schools.com/
2. http://www.puzzleweb.ru/html/all_tags.php
TULADEV.NET dpinin@codereign.net

13. У меня все…. вопросы :)
TULADEV.NET