Сколько раз его хоронили — это не счесть. Однако новость, прозвучавшая из «уст» самих разработчиков, поистине достойна внимания. Предлагаю прочесть одну любопытную запись, которая появилась недавно в блоге Khronos Group – извечного конкурента Flash. Похоже, на противостоянии двух технологий ставится жирная точка. Далее вольный перевод…
Читать полностью »
Рубрика «WebGL» - 8
Названа точная дата «смерти» Flash
2017-07-29 в 13:16, admin, рубрики: flash, flash player, khronos group, WebGL, браузерыСоздание шейдера дыма на GLSL
2017-07-24 в 9:32, admin, рубрики: glsl, OpenGL, WebGL, обработка изображений, разработка игр, шейдеры
[Дым на КДПВ несколько сложнее получаемого в туториале.]
Дым всегда был окружён ореолом таинственности. На него приятно смотреть, но сложно моделировать. Как и многие другие физические явления, дым — это хаотическая система, которую очень сложно предсказать. Состояние симуляции сильно зависит от взаимодействия между отдельными частицами.
Именно поэтому его так сложно обрабатывать в видеопроцессоре: дым можно разбить на поведение одной частицы, повторяемой миллионы раз в различных местах.
В этом туториале я подробно расскажу о создании шейдера дыма с нуля и научу вас некоторым полезным техникам разработки шейдеров, чтобы вы могли расширить свой арсенал и создавать собственные эффекты.
Читать полностью »
Создание шейдеров
2017-07-17 в 6:41, admin, рубрики: glsl, OpenGL, WebGL, обработка изображений, освещение, разработка игр, шейдерыОсвоить создание графических шейдеров — это значит взять под свой контроль всю мощь видепроцессора с его тысячами параллельно работающих ядер. При таком способе программирования требуется другой образ мышления, но раскрытие его потенциала стоит потраченных усилий.
Практически в любой современной графической симуляции используется код, написанный для видеопроцессора: от реалистичных эффектов освещения в высокотехнологичных AAA-играх до двухмерных эффектов постпроцессинга и симуляции жидкостей.
Сцена из Minecraft, до и после добавления нескольких шейдеров.
Задача этого туториала
Иногда программирование шейдеров представляется загадочной чёрной магией и его часто понимают неправильно. Существует множество примеров кода, демонстрирующих создание невероятных эффектов, но в которых практически нет объяснений. В своём руководстве я хочу восполнить этот пробел. Я сосредоточусь в основном на базовых принципах создания и понимания кода шейдеров, чтобы вы смогли с лёгкостью настраивать, сочетать или писать свои собственные шейдеры с нуля!
Читать полностью »
WebGL рулит! Автопром в 3D
2017-06-21 в 10:14, admin, рубрики: 3d графика, WebGL, автомобили и веб-дизайн, браузеры, дизайн сайтовЗабавная штука 3D, хочешь так повернул, а хочешь этак. Несомненный плюс по сравнению с фотографиями и видео. А если прибавить к этому интерактивность, то преимуществ еще больше. Вопрос только в одном, думают ли так же представители бизнеса?
В этот раз разговор пойдет о 3D конфигураторах. Причем самой консервативной и массивной части индустрии — автопрома.
Готовые примеры
Примеры подготовлены на базе движка OpenGlobus, который в данном случае используется как обертка над чистым Javascript WebGL.
— Пример для 2D случая
— Пример для 3D случая (используйте клавиши W,S,A,D,Q,E и курсор для перемещения)
Вступление
В процессе работы над картографической библиотекой мне потребовался инструмент позволяющий рисовать линии разной толщины. Конечно в WebGL есть механизм рисования линий, но задавать толщину линии к сожалению нельзя. Поэтому линии приходится рисовать полигонами, лучше сказать треугольниками. Читать полностью »
Must see: видеозаписи митапа MoscowJS 37
2017-05-31 в 12:38, admin, рубрики: 3d-моделирование, javascript, moscowjs, WebGL, webpack, анимация, Блог компании Avito, Программирование, Разработка веб-сайтов, ревью кода, метки: moscowjs
В четверг, 25 мая, в офисе Avito прошла очередная встреча сообщества фронтенд-разработчиков MoscowJS. Обсуждали отладку анимации, создание WebGL визуализации, сборку webpack’ом и код-ревью. Сегодня публикуем видеозаписи докладов — профессионалам будет интересно. Приятного просмотра!
Читать полностью »
WebGL рулит! Пять необычных портфолио
2017-05-22 в 10:25, admin, рубрики: 3d графика, WebGL, браузеры, дизайн сайтовДавным-давно, когда звезда флеша только начала гаснуть, я обратил внимание на молодую еще технологию WebGL. Юная и нестабильная, она привлекала взгляды своими неординарными возможностями. Масса копий было сломано в полемиках, а пользователи разделились на противоборствующие стороны лагеря. Однако время шло и WebGL «взрослела»…
Сейчас многое позади. Технология заняла свою нишу в сети Интернет, потеснив устаревшие инструменты. Пользователи научились создавать красивые, стильные и интересные сайты, а разработчики готовят новые, крутые опции.
Производительность WebGL-приложений
2017-05-12 в 15:44, admin, рубрики: canvas, frontendconf, WebGL, Блог компании Конференции Олега Бунина (Онтико), кирилл дмитренко, разработка игр, метки: кирилл дмитренко
Кирилл Дмитренко (Яндекс)
Всем привет! Меня зовут Кирилл Дмитренко, последние 4,5 года я работаю в Яндексе фронтенд-разработчиком? И все это время меня преследуют панорамы. Когда я пришел в компанию, я делал внутренние сервисы для панорам, после этого я решал задачи по панорамам на больших Яндекс.картах, а недавно сделал веб-плеер панорам на Canvas 2D, HTML и WebGL. Сегодня я хочу поговорить с вами о производительности WebGL-приложений.
Читать полностью »
WebRTC, Safari
2017-04-08 в 15:49, admin, рубрики: apple, flash, HLS, ios safari, iOS разработка, ipad, iphone, javascript, rtsp, safari, webcam, WebGL, WebRTC, WebSocket, Блог компании Flashphoner, Программирование, Разработка веб-сайтов, разработка под iOS
В апреле прошлого года по сети прокатился пресс-релиз о том, что Apple выкатывает поддержку WebRTC в браузерах Safari для Mac OS и iOS. С момента выхода пресс-релиза скоро пройдет ровно год, как Apple продолжает выкатывать WebRTC для Safari. Ждем.
Однако ждут не все. Кому-то требуется реал-тайм видео в Safari прямо сейчас и в этой статье мы расскажем как обходиться без WebRTC в браузере iOS Safari и Mac OS Safari и чем можно его заменить.Читать полностью »
Отчет и презентации с Moscow JS в офисе Superjob
2017-04-05 в 7:37, admin, рубрики: development, javascript, meet-up, meet-ups, meetup, node.js, ReactJS, SuperJob, superjob.ru, WebGL, Блог компании Superjob.ru, встреча разработчиков, мероприятие, Мероприятия, Москва, программирование как искусство, разработка, события IT профессионаловВ офисе Superjob состоялась встреча JavaScript-разработчиков MoscowJS. Рассказываем, что обсуждали участники, и делимся презентациями.
Александр Савин, Superjob
Трудно переоценить важность тестирования в процессе разработки. Тестирование интерфейсов скриншотами — один из подходов, который не только вовремя сигнализирует о регрессии в CSS, но и позволяет проводить рефакторинг шаблонов и стилей, не меняя тесты, упрощает процесс ревью. Читать полностью »