TULADEV.NET

Анимация в Flash и HTML 5или чье Кун-Фу круче

VS

dpinin@codereign.net

Пинин Денис

Codemasters International

веб-разработчик, MCPD

TULADEV.NET

Вы не знаете что такое Flash?Тогда я иду к вам!

• появился в 1996 году• основан на использовании векторной

графики в формате Shockwave Flash (SWF)

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

• дает возможность использовать видео и аудио информацию в флеш-ролике

• использует язык программирования ActionScript, основанный на  ECMAScript

• может использоваться на любой аппаратно-программной платформе

TULADEV.NET

Это эволюция, а не революция

• язык стал проще для написания кода и проверки валидации

• появилось большое количество новых тегов, существенно расширяющих функциональность

• появилась возможность рисования геометрических фигур на веб-холсте <canvas> с использованием 2D и 3D

• реализована возможность поддержки классической модели “drag and drop”

• стало возможным воспроизведения потокового видео и аудио без использования Flash <video>

• а также еще много много много чего…

TULADEV.NET

Чем хорош… и чем он плох?

• достаточно продолжительное время занимает ключевые позиции в веб-индустрии

• позволяет довольно быстро и просто создать красивые и насыщенные анимированное приложения без использования кода

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

• широко используется для создания игр

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

• чрезмерная нагрузка на центральный процессор, что существенно ограничило использование для мобильных платформ

• нестабильность работы и частые отказы приложений• затрудненная индексация поисковыми системами

I'm cool!

not really

TULADEV.NET

Все таки и чем-то плох…• значительно упростилась структура веб-

документов и валидации данных на стороне клиента

• больше не нужен Flash, теперь мы можем смотреть видео и слушать музыку без него

• а также создать красивую анимацию или даже… игры• обладает большей стабильностью и предоставляет механизм хранения

данных в офлайн• оно знает, где ты живёшь

F..kingFlash!

• технология достаточно новая, со всеми вытекающими отсюда последствиями

• недостатки в области защиты данных• разработка анимации и игр требует значительных

затрат, как финансовых так и временных• воспроизведение потокового видео не сильная

сторона HTML5

TULADEV.NET

Кого мы увидим в своих смартфонах?

I need your Battery!!!

!!???

not me!!!

??!

you're cool!

classy!

I'm on your side!

TULADEV.NET

Кого мы увидим в 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

Чуть чуть про новые теги

Аргументы…

TULADEV.NET

Взгляд в будущее

Почитать

TULADEV.NET dpinin@codereign.net

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.html5. http://www.apple.com/hotnews/thoughts-on-flash/6. http://web-silver.ru/flash/

Про Flash:

Питер Лабберс, Брайан Олберс, Фрэнк Салим HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений. — М.: «Вильямс», 2011. — С. 272. Стивен Хольцнер HTML5 за 10 минут, 5-е издание. — М.: «Вильямс», 2011. 1. http://www.w3schools.com/2. http://www.puzzleweb.ru/html/all_tags.php

Про HTML5:

TULADEV.NET

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