студия дизайна

На проходящей в эти дни конференции 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.