- Gearmix - http://gearmix.ru -
HTML5 демонстрирует потрясающие возможности интернета будущего
Cowanchee — 09.07.2013 @ 08:37 — рубрика Технокультура | Комментарии отключены
[1]В недавно опубликованной статье, веб-разработчик и гуру Mozilla Девид Уэлш сравнивает девять демо-роликов, которые были созданы только с применением внутренних возможностей HTML5, и показывают, как многого можно добиться с его помощью – даже без применения плагинов вроде Flash или Silverlight. Перед вами три лучших образца его возможностей.
Первое демо, «Zen Photon Garden [2]», позволяет вам манипулировать интерактивной рамкой, чтобы изменять направление света. Все вычисления проводятся в реальном времени, и если вам нравится идея, то вы можете нарисовать весьма симпатичные картинки, затратив на это очень мало усилий.
Следующее демо [3] чуть более впечатляет. Оно использует множество вычислений, чтобы создать весьма сложную анимацию. Это Helvetica — но такая, какой вы её никогда не видели прежде: буквы извиваются и сдвигаются, сражаются за место, написанный текст анимирован, а вы можете использовать мышь, чтобы изменять угол своего зрения. А поскольку демо использует нативные технологии, оно может без проблем идти даже на весьма старых машинах, а его код можно модифицировать на лету.
И наконец, самое сложное видео — эксперимент Chrome, названный «Gestures + Reveal.JS [4]», который использует WebRTC и JavaScript для работы с вашей веб-камерой. Демо позволяет вам управлять интерфейсом с помощью жестов, в то время как оцифрованный видеопоток с вашей камеры проигрывается на бэкграунде. Да, подобная схема управления потеряла немного своей новизны с момента выпуска Kinect от Microsoft, но, тем не менее, это занятное демо, и опять же – оно может без проблем выполняться практически на любом компьютере, выпущенном за последние пять лет.
Все эти демо действительно впечатляют, и хочется надеяться, что создатели контента и веб-дизайнеры начнут использовать эти лёгкие, но в то же время притягивающие взгляд техники для усовершенствования веб-сайтов, которыми мы пользуемся каждый день.
Эта статья распечатана с сайта Gearmix: http://gearmix.ru
URL статьи: http://gearmix.ru/archives/3682
Ссылки:
[1] Изображение: http://gearmix.ru/wp-content/uploads/2013/07/typeface.gif
[2] Zen Photon Garden: https://developer.mozilla.org/en-US/demos/detail/zen-photon-garden/launch
[3] Следующее демо: http://codepen.io/ara_node/pen/nuJCG
[4] Gestures + Reveal.JS: http://revealjs.herokuapp.com/
© 2013 Gearmix | Переводные материалы интернета. Авторские права защищены.