Pull to refresh
  • by relevance
  • by date
  • by rating

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

Information SecurityAdobe Flash
image

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

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

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

Browsers
Translation


Джефри Розен оглядывал предпросмотр появления 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 и о воззрениях Гугля; это придаёт новости необходимое ощущение перспективы.
Total votes 39: ↑31 and ↓8 +23
Views845
Comments 23

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

IT Standards
[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 внутри обычных вебостраниц.
Total votes 39: ↑25 and ↓14 +11
Views1.2K
Comments 17

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

Website development
В блоге 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. потребляет. А то интересно, но у самого времени совсем на это нет.
Total votes 77: ↑71 and ↓6 +65
Views8.5K
Comments 64

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

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

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

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

Сделаем небольшой шаг вперед
Total votes 45: ↑29 and ↓16 +13
Views368
Comments 74

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

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

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

Firefox
Translation
Вечером 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-видео:

Читать дальше →
Total votes 118: ↑97 and ↓21 +76
Views851
Comments 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.
Читать дальше →
Total votes 84: ↑73 and ↓11 +62
Views1.3K
Comments 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 упростит создание форм и проверку правильности их заполнения.
От себя добавлю ещё, что всё это лишь наиболее заметные пользователю и веборазработчику, но далеко не единственные перемены в новой версии.

Читать дальше →
Total votes 108: ↑95 and ↓13 +82
Views681
Comments 119

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

Website development
Я думаю нет того человека, который бы не видел видео от гугла с аквариумом. Но создание простого ролика, это просто ничего, по сравнению с онлайн игрой. Итак, development preview игры Ecilavia. Модельки конечно еще не очень, но сам факт поражает воображение.
Total votes 16: ↑7 and ↓9 -2
Views1K
Comments 17

Google Body Browser

Website development

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

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

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

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

Видео с демонстрации Google Web Browser'a с WebGL Camp'а можно посмотреть тут.
Total votes 132: ↑122 and ↓10 +112
Views45.2K
Comments 66

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

Website developmentWebGL
Sandbox

Введение


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

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

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

Читать дальше →
Total votes 68: ↑67 and ↓1 +66
Views41.3K
Comments 15

Разработчики 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…
Total votes 14: ↑9 and ↓5 +4
Views515
Comments 2

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

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

OpenStreetMap News №1

OpenStreetMapGeoinformation servicesOpen data
Читать дальше →
Total votes 62: ↑55 and ↓7 +48
Views470
Comments 6

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

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

Что такое requestAnimationFrame?


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

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


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

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

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

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

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

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

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



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


Читать дальше →
Total votes 57: ↑50 and ↓7 +43
Views338
Comments 32

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

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

Альфа-версия пока работает в лишь в Firefox 4 (в код вставлена проверка). Для ландшафта используются данные высот SRTM для участка Швейцарии. Исходники доступны на GitHub.
Total votes 7: ↑5 and ↓2 +3
Views1.6K
Comments 3