Как стать автором
Обновить

Flash Player будет удален с сайта Adobe в декабре

Информационная безопасность *Adobe Flash
image

Adobe напомнила, что прекратит распространение и обновление Flash Player после 31 декабря 2020 года. До этого момента компания продолжит выпускать регулярные исправления безопасности для Flash Player, поддерживать его совместимость с ОС и браузерами, а также добавлять новые функции и возможности.

Однако после 31 декабря Adobe удалит страницы загрузки Flash Player со своего сайта, а содержимое на основе Flash будет заблокировано для запуска в Adobe Flash Player.
Читать дальше →
Всего голосов 23: ↑23 и ↓0 +23
Просмотры 34K
Комментарии 87

Первые признаки появления WebGL в WebKit

Браузеры
Перевод


Джефри Розен оглядывал предпросмотр появления WebGL в проекте WebKit. Вышеприведённая демонстрация служит примером этой работы (она есть и в HD-качестве):
WebGL в основном является почином по внедрению трёхмерной графики во браузеры как родной, без нужды в скачивании каких-либо плагинов. Это достигается добавлением нескольких новинок в HTML5, а именно, определением джаваскриптовой обвязки для OpenGL ES 2.0, что и позволит вам рисовать в 3D-контексте элемента canvas.
Интересно сравнить этот низкоуровневый API с O3D, который является сценографическим API от Google (Google также поддерживает WebGL, также и посредством команды O3D, и видит эти APIs в качестве дополняющих друг друга). Эти API весьма различаются, и подходы их решительно различны. Один интерфейс даёт вам новый API, но высокоуровневый, что может значительнее привлекать веборазработчиков; в то же время другой весьма привычен некоторому кругу разработчиков, так что он проще в работе по портированию. В идеале кто-нибудь создаст обвязку Processing или jQuery вокруг WebGL, чтобы и этому интерфейсу воздать высокоуровневой любовью.

Весёлые времена наступают с трёхмерностью в Паутине! Замечательно видеть WebKit и Gecko ужé делающими великие дела с WebGL.

Примечание переводчика: наш коллега heel, дня четыре тому назад, упоминал уж про то же самое достижение, и вызвал своей блогозаписью обсуждение десятка на три комментариев, с которыми рекомендую беспременно ознакомиться. Целью данного перевода было также ознакомить вас и со мнением из блога Ajaxian о месте WebGL среди API и о воззрениях Гугля; это придаёт новости необходимое ощущение перспективы.
Всего голосов 39: ↑31 и ↓8 +23
Просмотры 845
Комментарии 23

Вышел в свет черновик стандарта WebGL

IT-стандарты *
[WebGL]Черновик стандарта WebGL описывает свободный кросс-платформенный API, предназначенный для подключения OpenGL ES 2.0 к холсту (<canvas>) в качестве контекста, возвращаемого стандартной функцией canvas.getContext().

Публичная версия черновика была выложена 10 декабря (в четверг) на CVS сайта Khronos Рабочей группою WebGL.

Арун Ранганатан (Arun Ranganathan) выложил во блоге hacks.mozilla.org достаточно подробный вводный рассказ о том, как включить эту функцию в еженощных тестовых сборках браузера Firefox, и как обеспечить её работу на тех видюхах, которые не поддерживают OpenGL ES 2.0 сами собою. (Читатели в тамошних комментариях проявляют неимоверную радость и признаются в том, что ждут не дождутся новой версии Файерфокса.)

[WebGL demo screenshots]Владимир Вукичевич (Vladimir Vukićević) также посвятил краткую блогозапись этому событию.

Всё это является очередным шагом к появлению в Паутине такой трёхмерности, которая не потребует никаких плагинов, однако станет невозбранно поддерживать OpenGL (и, в частности, язык шейдеров GLSL ES). И эта трёхмерность будет кросс-платформенною. Браузеры, которые приуготавливаются понимать WebGL, поимённо перечислены на заглавной странице вики WebGL: это Apple WebKit, Google Chrome, Mozilla Firefox и Opera.

Практическим примером использования WebGL является джаваскриптовая библиотека X3DOM, поддерживающая использование сцен X3D внутри обычных вебостраниц.
Всего голосов 39: ↑25 и ↓14 +11
Просмотры 1.2K
Комментарии 17

Quake2 на HTML5, без плагинов

Разработка веб-сайтов *
В блоге Google Web Toolkit появилось сообщение, что разработчики из Гугль смогли прикрутить Quake2 (вернее проект Jake 2 — порт на java) к GWT.

Были использованы следующие технологии: WebGL, Canvas API, html5-тег audio, Local Storage API и WebSockets.

Для того, чтобы заставить работать Jake 2 с GWT, пришлось сделать некоторые доработки:
— Переписать рендеринг под WebGL.
— Переделать работу с сетью (для многопользовательской игры) с UDP на WebSockets.
— Сделать все подгрузки ресурсов асинхронными.
— Сделать реализацию Java NIO буферов в GWT, используя массивы WebGL.
— Реализовать эмуляцию простой файловой системы для сохранения игр.

На сегодняшний день поддерживаются лишь Webkit Nightly Builds (Mac OS X) и Chrome Development Branch.



Сайт проекта: quake2-gwt-port

UPD: Как я вижу, сие можно запустить на AppEngine. Если вдруг кто-то развернет там это приложение и потестит, расскажите потом плиз, насколько это все нагружено, сколько проца/трафика/etc. потребляет. А то интересно, но у самого времени совсем на это нет.
Всего голосов 77: ↑71 и ↓6 +65
Просмотры 8.9K
Комментарии 64

Готовит ли Microsoft WebX?

IT-компании
Disclaimer: данная статья является сугубо плодом воображения автора.

Попробуем заняться гаданием на кофейной гуще и сопоставим некоторые факты:

1. На презентации IE9 (см. подробный отчет на Хабре) было неоднократно заявлено о GPU-акселерации — в частности:
1а) рендеринга SVG;
1б) рендеринга текста через Direct2D.
2. На той же презентации ни разу не прозвучало слово «canvas». Меж тем, какие-то слухи о поддержке canvas в сеть утекают.
3. Существует проект WebGL, который поддерживают ряд производителей браузеров. WebGL — это порт библиотеки OpenGL на javascript (ну, по правде, не совсем так, но не важно), который позволяет использовать объект canvas для отображения 3d-графики в браузере.

Сделаем небольшой шаг вперед
Всего голосов 45: ↑29 и ↓16 +13
Просмотры 368
Комментарии 74

Mozilla готовит для разработчиков сайтов новые функции

Чулан
Новость появилась на новом сайте для разработчиков Firefox 4, предвещая много хорошего для тех из нас, у кого ограничен трафик: интерфейс IndexedDB позволит Веб приложениям работать даже без подключения к сети. Предлагаемый в качестве дополнения стандарт HTML IndexedDB является одним из целой коллекции технических решений, открывающих новые горизонты для программистов и веб разработчиков.
Читать дальше →
Всего голосов 25: ↑21 и ↓4 +17
Просмотры 297
Комментарии 19

Firefox 4 значительно ускорится и получит поддержку inline SVG

Firefox
Перевод
Вечером 30 июня «Мозилла» явилась в Лондон в Англии, чтобы поведать про дополнения («Mozilla Add-Ons») и показать некоторые новые клёвые особенности грядущего Файерфокса 4.

Вероятно, наиболее впечатляющими (если не считать средства создания дополнений «Add-Ons Builder», основанного на «Беспине») оказались следующие будущие возможности Firefox 4:

→  отображение HTML5-видео (<video>)

→  рисование на холсте (<canvas>)

→  манипулирование изображениями на холсте (анализ пикселов, распознавание лиц с помощью opencivitas)

→  технологии «зелёного экрана» (хромакей) в иллюстрациях и видео, достигаемые анализом цвета пикселов

→  HTML5, встраиваемый внутрь SVG (ура!)

→  SVG как <img>

→  SVG как CSS-фон

→  SVG-фильтры, SVG-маски, SVG-контуры обрезки

→  SVG-анимация

→  inline SVG (то есть SVG внутри HTML5)

→  CSS3: селекторы, @font-face, 2D-преобразования (transforms), переходы (transitions), тени, градиенты, вычисления — calc(2em-10px)

→  API: геопозиция (geolocation), оффлайн (IndexDB, localStorage, AppCache, FileAPI: чтение двоичного содержимого из файла, перетаскивание файлов), веб-труженики (web workers) и сокеты (websockets)

→  контроллер на вебсокетах, запускающий презентацию с мобильника

→  WebGL

Некоторые из этих способностей подтверждались демонстрациями:

→  фильтры CSS3 и маски SVG на HTML5-видео:

Читать дальше →
Всего голосов 118: ↑97 и ↓21 +76
Просмотры 947
Комментарии 72

Chromium 8 и обновление V8 Javascript Benchmark Suite

Google Chrome
Итак, пока пользователи разбираются Google Chrome 6, разработчики ковыряются в бета-версиях Google Chrome 7, The Chromium Authors выкатили на суд гиков Chromium 8. Новый график ускоренного выпуска версий браузера действует по полной программе, так что запутаться во всех 4 (5 с учётом Chromium) каналах обновления/тестирования можно запросто. Но появление 8 версии Chromium говорит о том, что очень скоро Google Chrome Stable 7 появится на компьютерах пользователей. И чудесным образом, несмотря на все крики Microsoft об аппаратном ускорении в Internet Explorer 9, Chrome окажется первым браузером из большой пятёрки со всеми этими чудо-плюшками, а не всякие альфа-бета-гамма-канарея-сборки от разных производителей. Теперь же о том, что можно приметить в разных каналах обновления и в Chromium 8.
Читать дальше →
Всего голосов 84: ↑73 и ↓11 +62
Просмотры 1.3K
Комментарии 134

Firefox 4.0b7

Firefox
Встречайте новую, седьмую бета-версию четвёртого Файерфокса. Переведу её основные отличия от предыдущей бета-версии, изложенные в заметках к выпуску (там же вы можете и скачать новую бету):
  • Используется JägerMonkey — новый и более быстрый вариант интерпретатора джаваскриптов. На форуме Mozilla Россия приводились следующие столбчатые диаграммы сравнения его производительности с предыдущими версиями:
     
    [диаграммы]
     
  • Поддержка WebGL по умолчанию включена в операционных системах Windows и Mac OS X, хотя и полагается покамест на то, что графическая подсистема компьютера понимает OpenGL. Поддержка других видеокарт под Windows (особенно производимых Intel), а также поддержка Линукса отложена до одной из последующих бета-версий.
     
  • Некоторые операции отрисовки будут аппаратно ускорены при помощи Direct3D 9 в Windows XP, Direct3D 10 в Windows Vista и 7, а также OpenGL на Mac OS X.
     
  • Типографика браузера отныне включает поддержку целого ряда возможностей OpenType: лигатуры, кернинг, шрифтовые варианты.
     
  • Реализация HTML5 Forms API упростит создание форм и проверку правильности их заполнения.
От себя добавлю ещё, что всё это лишь наиболее заметные пользователю и веборазработчику, но далеко не единственные перемены в новой версии.

Читать дальше →
Всего голосов 108: ↑95 и ↓13 +82
Просмотры 734
Комментарии 119

Онлайн РПГ Ecilavia на WebGL

Разработка веб-сайтов *
Я думаю нет того человека, который бы не видел видео от гугла с аквариумом. Но создание простого ролика, это просто ничего, по сравнению с онлайн игрой. Итак, development preview игры Ecilavia. Модельки конечно еще не очень, но сам факт поражает воображение.
Всего голосов 16: ↑7 и ↓9 -2
Просмотры 1.1K
Комментарии 17

Google Body Browser

Разработка веб-сайтов *

Сегодня наткнулся на Google Body Browser. Имхо просто потрясающая вещь даже для тех, кто не занимается медициной.

Хотя действительно интересно наглядно посмотреть-покрутить где находится желудок, как идут нервы и т.д., но для меня, как веб-разработчика это первый действительно наглядный пример толкового использования WebGL — без установки никакого плагина в Chrome 9+ и FireFox4. Кроме того используется декомпрессия ресурсов на клиенте.

Отдельно отмечу возможности передачи прямых ссылок на определенный вид/орган, например вот так и возможности поиска органов с чем-то похожим на Google Instant (справа сверху — инпутбокс легко можно не заметить).

Возможно это не совсем точный блог, но имхо хороший пример использования веб-технологии «к месту», а не просто демонстрация очередной фичи.

Видео с демонстрации Google Web Browser'a с WebGL Camp'а можно посмотреть тут.
Всего голосов 132: ↑122 и ↓10 +112
Просмотры 46K
Комментарии 66

Знакомство с WebGL

Разработка веб-сайтов *WebGL *
Из песочницы

Введение


Статья создана с целью показать основные действия, необходимые для отображения 3d в современном браузере, используя технологию WebGL. Для достижения цели рассмотрим задачу построения нескольких линий в трехмерном пространстве.

Схема работы:
  1. Получаем WebGL контекст из canvas'а.
  2. Загружаем программу шейдеров. А именно:
    • создаем программу шейдоров;
    • получаем исходный код отдельно для вершинного и фрагментного шейдеров;
    • компилируем коды шейдеров;
    • присоединяем к программе;
    • активируем программу.

  3. Устанавливаем две матрицы: model-view и projection.
  4. Размещаем, заполняем, активируем буферы данных вершин.
  5. Рисуем.

Читать дальше →
Всего голосов 68: ↑67 и ↓1 +66
Просмотры 43K
Комментарии 15

Хостинг 3D-моделей Viewpot

Я пиарюсь
Привет, хабрасообщество! Хотел бы рассказать вам о своем проекте, над которым я работаю в свободное время. Он называется Viewpot и является первым в Сети хостингом 3D-моделей.


Читать дальше →
Всего голосов 62: ↑58 и ↓4 +54
Просмотры 2K
Комментарии 44

Разработчики Firefox прилагают усилия для поддержки стереовидео («трёхмерного кино») в формате WebM (для тега video языка HTML5), сперва на видеокартах nVidia

Firefox
Об этом ещё нигде не заявляли гласно и официально. (Во всяком случае, я не слыхал ещё.) Однако, если самостоятельно пойти и хорошенько поискать, то отыскиваются самые недвусмысленные свидетельства: прямо сейчас в среде разработчиков полным ходом идёт работа над тем, чтобы тег <video> в языке HTML5 оказался пригодным в том числе и для показа стереовидеозаписей (они же «трёхмерное кино», они же «3D-видео») — по меньшей мере, на современных видеокартах nVidia.

Хорошо известно, что интернетный видеоформат WebM (активно продвигаемый Google, например) основан на контейнере «Matroska». Так вот: оказывается, разработчики контейнера ещё летом 2010 года начали оживлённую переписку (вот пример письма) по вопросу о стандартизации упаковки стереовидеозаписей в этот контейнер. В настоящее время этот процесс, по-видимому, достиг своих итогов и позволяет разрабатывать конкретные программные реализации.

И реализации не замедлили появиться!

Содержимое патчей и переписки по нескольким «багам», перешедшим в состояние «FIXED» в багзилле Фонда Мозиллы ([584255], [584259], [617220]), позволяет воочию убедиться в том, что куски NvD3D-специфичного кода (подразумевающего работу Direct3D на видюхах nVidia) ужé приземлились в разные бета-версии браузера Firefox 4 (в том числе — в последнюю, десятую бету), причём с расчётом как на DirectX 9, так и на DirectX 10.

Таким образом, грядущее вебовидение будет стереоскопическим — а не только плоским, как многие думали.

Интересно, как далеко эта эволюция может дойти. Вряд ли ход её ограничится одним только элементом <video>. Прозреваю такой аналог CSS-свойства «z-index», который будет управлять не порядком наложения слоёв, а действительной аппликатою элемента. Опять же есть ещё и WebGL…
Всего голосов 14: ↑9 и ↓5 +4
Просмотры 564
Комментарии 2

Chrome 9: Прорыв в скорости, поддержке 3D и веб приложений

Google Chrome
Перевод
Сегодня, с выходом 9-й версии браузера Google Chrome, мы рады представить новые функции, ранее присутствовавшие только в бета версиях. Эти функции включают поддержку WebGL, Живой поиск и Магазин приложений Chrome.
Читать дальше →
Всего голосов 69: ↑54 и ↓15 +39
Просмотры 1.1K
Комментарии 90

OpenStreetMap News №1

OpenStreetMap *Геоинформационные сервисы *Открытые данные *
Читать дальше →
Всего голосов 62: ↑55 и ↓7 +48
Просмотры 527
Комментарии 6

Продвинутые анимации с requestAnimationFrame

JavaScript *
Перевод
Если вы никогда не писали код для выполнения анимаций, то вы можете дальше не читать :)

Что такое requestAnimationFrame?


Во всех ваших функциях анимаций вы используете повторяющийся таймер для применения изменений каждый несколько миллисекунд. Хорошие новости: производители браузеров решили «почему бы нам не дать вам API для этого потому, что мы, возможно, сможем оптимизировать некоторые моменты для вас». Итак, это основное API для создания анимаций на основе изменения DOM стилей, перерисовки canvas или WebGL

Зачем я должен это использовать?


Браузеры могут оптимизировать анимации идущие одновременно, уменьшив число reflow и repaint до одного, что в свою очередь приведет к повышению точности анимации. Например анимации на JavaScript синхронизированные с CSS transitions или SVG SMIL. Плюс ко всему если выполняется анимация в табе, который невидим, браузеры не будут продолжать перерисовку, что приведет к меньшему использованию CPU, GPU, памяти и как следствие снизит расход батареи в мобильных устройствах.
Читать дальше →
Всего голосов 27: ↑25 и ↓2 +23
Просмотры 65K
Комментарии 36

Опера, WebGL и аппаратное ускорение

Opera WebGL *
Перевод
Много лет назад, в одном далёком-далёком офисе. Опера представила отдельную сборку с реализацией отрисовки 3D. Теперь, больше трёх лет спустя, мы представляем первую публичую сборку с реализацией 3D ускорения соответствующего стандарту используемого для WebGL в Windows.

image
WebGL это стандарт разработанный группой Khronos, где Опера является активным членом, участвующем в процессе стандартизации. Мы работаем на реализацией WebGL с начала 2009 года, когда начался процесс стандартизации. Спецификация менялась довольно часто за эти несколько лет, однако теперь она начала стабилизироваться, что делает это время идеальным для выпуска публичной сборки с нашей текущей реализацией WebGL.
Читать дальше →
Всего голосов 44: ↑41 и ↓3 +38
Просмотры 15K
Комментарии 21

Сегодня Мозилла выложила видео еще парочки примеров веб-технологий поддерживаемых в firefox 4.0

IT-компании
Сегодня в очередной раз заглянул на страничку demos.mozilla.org/ru и увидел там пару очень приятных примерчиков новых веб-технологий.

Первый — это пример создания 360° видео, как я понял вроде, на WebGL:



Второй, оч прикольный примерчик. Даже не знаю как назвать буквоголовых человечков, проще посмотреть, чем читать мое описание, этот вроде как, на CCS3:


Читать дальше →
Всего голосов 57: ↑50 и ↓7 +43
Просмотры 338
Комментарии 32

Трёхмерный ландшафт в браузере с помощью WebGL

Разработка веб-сайтов *
Проект OpenWebGlobe Университета прикладных наук северозападной Швейцарии выпустил альфа-версию OpenWebGlobe SDK для WebGL (обычный OpenWebGlobe SDK предназначен для создания приложений, а слово Web, видимо, указывает на один из транспортов для получения данных).

Альфа-версия пока работает в лишь в Firefox 4 (в код вставлена проверка). Для ландшафта используются данные высот SRTM для участка Швейцарии. Исходники доступны на GitHub.
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 1.7K
Комментарии 3