На проходящей в эти дни конференции Adobe Max компания Adobe
Systems продемонстрировала любопытную новую разработку под названием CSS Shaders.
Эта технология, претендующая на звание нового веб-стандарта и разрабатываемая в
тесном сотрудничестве с компаниями Opera и Apple, позволит использовать
впечатляющие трехмерные видеоэффекты при отображении веб-страниц.
Шейдерами называются небольшие программы, выполняемые
графическим чипом и используемые для определения окончательных параметров
объекта или изображения. Чаще всего шейдеры используются в трехмерных играх и
других графических приложениях. Существует две основные разновидности шейдеров.
Вершинные шейдеры (vertex shaders) используются для манипуляций с вершинами
многогранников при конструировании трехмерных сеток поверхностей. А фрагментные
шейдеры (fragment shaders) позволяют контролировать цвета и другие
характеристики пикселей. Технология CSS Shaders предполагает использование
обеих разновидностей.
Реализация указанной технологии в CSS позволит добавлять на
HTML-страницы динамичные и привлекательные эффекты, некоторые из которых были
продемонстрированы сотрудниками Adobe. К примеру, с помощью вершинных шейдеров
разработчики заставили элементы веб-страницы изгибаться и колыхаться подобно
листам бумаги или кусочкам материи. Благодаря взаимодействию шейдеров с HTML, изменяемые
поверхности могут содержать привычные элементы, включая формы, масштабируемую
векторную графику (SVG) и даже видео HTML5.
CSS уже поддерживает некоторые трехмерные анимационные
эффекты, однако, поддержка шейдеров гарантирует возможность их более гибкого
использования. По мнению разработчиков, новая технология идеально подходит для реализации
в продукте Adobe Edge - наборе инструментов для создания динамичных веб-страниц.
Как ранее сообщали представители Adobe, будущие версии Edge позволят сделать
страницы глобальной сети еще более «выразительными» и CSS-шейдеры позволят
добиться этой цели.
Разработчики CSS Shaders использовали браузерный движок WebKit,
применяемый в продуктах Apple Safari и Google Chrome, и технологию Adobe AIR. «Мы
предложили CSS Shaders на рассмотрение W3C и на сегодняшний день нашей основной
задачей является решение вопроса о внесении соответствующих изменений в код WebKit.
После того, как технология будет утверждена консорциумом, ее смогут
использовать разработчики», - объяснил Винсент Харди, исследователь
веб-стандартов из Adobe.
Напомним, что ранее в этом году компания Adobe представила
на суд общественности технологии CSS Regions CSS Exclusions, позволяющие
вставлять текст в объекты произвольной формы, создавать многостолбцовые текстовые
блоки и переносить текст из одного блока в другой. Предлагаемые решения уже
привлекли внимание некоторых ведущих разработчиков, к примеру, их поддержка
заявлена в последней технологической демо-версии браузера Microsoft IE10. CSS
Regions CSS Exclusions помогут создавать макеты веб-страниц похожие на страницы
бумажных журналов, а также и упростит адаптацию веб-страниц к экранам разных
размеров.
По материалам сайта CNet.
|
