Результаты поиска по запросу «[WebVR]» / Хабр

Публикации Хабы Компании Пользователи Комментарии

vasemkin 3 мая 2020 в 12:15

Создаем аудиовизуальный VR-опыт с применением A-Frame и Tone.js

6 мин

2.5K

Привет, Хабр! Представляю вашему вниманию перевод статьи «Creating A VR Audio/Visual Experience On the Web With A-Frame and Tone.js» автора Sean Sullivan.

Firefox Reality в Oculus Go

A-Frame — это фреймворк для создания виртуальной реальности в вебе. Используя лишь ссылку, любой человек с VR-шлемом или поддерживающим VR смартфоном может погрузиться в 3D пространство. Tone.js — это JavaScript библиотека для создания звуков. Давайте взглянем, что будет, если их совместить.

Читать дальше →

+10

Disorrder 2 сен 2019 в 12:22

Мой опыт разработки на Playcanvas

4 мин

7.6K

JavaScript*Работа с 3D-графикой*WebGL*

Из песочницы

Существуют ли среди читателей люди, которые хотя бы краем уха слышали, что есть некий 3D движок для разработки WebGL приложений с редактором, похожим на Unity, только в браузере? Тема крайне непопулярная, но я стал одним из таких людей почти 2 года назад. И теперь мне захотелось поделиться накопленным опытом, скорее даже моими разочарованиями. В статье пойдёт речь о проблемах, с которыми Вам придётся столкнуться, если начнёте пользоваться этим редактором. Сразу оговорюсь, что не буду сравнивать с другими существующими 3D движками вроде Three.js или Babylon.js, коснусь только самого редактора и скриптового API.

Читать дальше →

+10

ky_sonic 7 фев 2019 в 19:41

Обзорная статья по A-Frame

7 мин

11K

JavaScript*HTML*WebGL*Разработка под AR и VR*AR и VR

Из песочницы

A-Frame — это веб-фреймворк позволяющий создавать различные приложения, игры, сцены в виртуальной реальности (ВР). Все вышеописанное будет доступно прямо из браузера вашего шлема ВР. Этот инструмент будет полезен как тем кто хочет заниматься разработкой ВР игр в браузере, так и например, может пригодится в качестве платформы для создания веб ВР приложений, сайтов, посадочных страниц. Сферы использования веб ВР ограничены лишь вашим воображением. Навскидку могу привести пару сфер деятельности человека где ВР может быть полезен: образование, медицина, спорт, продажи, отдых.

Читать дальше →

+17

ky_sonic 18 фев 2019 в 12:09

Создаем базовую сцену в A-Frame

13 мин

9.8K

JavaScript*HTML*WebGL*Разработка под AR и VR*AR и VR

Туториал

Перевод

От автора перевода: в предыдущей статье мы обсудили базовые концепции A-Frame. Чтобы продолжить цикл, я хотел создать урок, который бы иллюстрировал основные возможности A-Frame, но понял, что лучше сделать перевод статьи с официального сайта, которая, по-моему мнению написана велеколепно, и повторять подобную статью просто нет всякого смысла.

Давайте сделаем базовую сцену в A-Frame, чтобы понять как фреймворк работает. Нам потребуется начальное понимание HTML. В ходе этого урока мы выучим:

как добавлять 3D объекты с помощью примитивов;
как трансформировать объекты в 3-х мерном пространстве с помощью, перемещений, поворотов и масштабирования;
как добавить окружение;
как добавить текстуры;
как добавить базовую интерактивность с помощью событий и анимации;
как добавить текст.

Поиграть с кодом можно тут

Читать дальше →

+20

Karlovi4 4 мар 2015 в 10:13

RSConf: Обзор и видеоматериалы фронтенд-конференции в Минске

9 мин

9.6K

Веб-разработка*JavaScript*

Из песочницы

The Rolling Scopes — минское сообщество фронтенд/javascript разработчиков. Мы занимаемся проведением митапов, воркшопов и Q&A сессий. А в этом году доросли до уровня, не побоюсь сказать этого слова, международной конференции. Наше 20-е мероприятие получилось помасштабнее остальных. В связи с этим непременно хочется поделиться деталями проведения, атмосферой и, конечно же, материалами.

Читать дальше →

+19

sergeylapin 1 дек 2016 в 16:17

Неигровой VR: перспективы и возможности в вебе, – интервью с VR-энтузиастом Martin Splitt, Archilogic

7 мин

7.5K

Блог компании JUG Ru GroupJavaScript*WebGL*Разработка под AR и VR*

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

Удивительно, что виртуальную реальность можно сделать из мобильника и куска картона. Но другой вопрос: зачем она нужна и что мы можем с ней сделать? Игры понятно, но это все равно очень узкий сегмент. Может ли веб стать той точкой роста, которая сделает VR действительно распространенной технологией? Каким образом можно использовать виртуальную реальность уже сейчас?

Чтобы разобраться, мы взяли интервью у Maртина Сплитта, который горячо болеет этой темой уже пару лет.

Читать дальше →

+16

phillennium 21 дек 2016 в 17:01

HolyJS Moscow: Время экспансии

5 мин

6.9K

Блог компании JUG Ru GroupВеб-разработка*JavaScript*

JavaScript-мир развивается так бурно, что даже за полгода между петербургской и московской HolyJS многое успело произойти: например, летом о Yarn ещё никто не знал, а сейчас у него больше 20 000 звёзд на GitHub. И для самой конференции тоже многое изменилось: в июне она проходила в самый первый раз, так что тогда ещё не было фидбэка зрителей, очень помогающего при организации. Отличалась ли в таком случае московская версия, и как вообще она прошла? О некоторых докладах уже написали в блоге Mail.Ru Group, а теперь мы публикуем собственный текст о мероприятии.

Читать дальше →

+24

0xy 22 мар 2017 в 16:31

VR/AR в браузере. Как быстро влиться и сделать свое первое приложение, используя WebVR API

14 мин

43K

Блог компании Туту.руJavaScript*Canvas*WebGL*Разработка под AR и VR*

Виртуальная и дополненные реальности активно развиваются и начинают предъявлять права на захват мира. Причем применение этих технологий разнообразно и не ограничивается только играми. А с появлением инструментов для работы с VR/AR технологиями в браузере интерес возрос еще больше. Уже сейчас можно экспериментировать и создавать MVP(Minimum Viable Product) веб-проекты с помощью JavaScript API, которое так и называется — WebVR. Давайте разбираться, что это и как с этим работать. И можно ли обойтись без этого самого WebVR API?

Читать дальше →

+17

m1rko 16 окт 2017 в 12:13

Весь веб на 60+ FPS: как новый рендерер в Firefox избавился от рывков и подтормаживаний

16 мин

67K

FirefoxOpen source*CSS*API*Браузеры

Перевод

До релиза Firefox Quantum остаётся всё меньше времени. Он принесёт множество улучшений в производительности, в том числе сверхбыстрый движок CSS, который мы позаимствовали у Servo.

Но есть ещё одна большая часть технологии Servo, которая пока не вошла в состав Firefox Quantum, но скоро войдёт. Это WebRender, часть проекта Quantum Render.

WebRender известен своей исключительной скоростью. Но главная задача — не ускорить рендеринг, а сделать его более плавным.

При разработке WebRender мы поставили задачу, чтобы все приложения работали на 60 кадрах в секунду (FPS) или лучше, независимо от размера дисплея или от размера анимации. И это сработало. Страницы, которые пыхтят на 15 FPS в Chrome или нынешнем Firefox, летают на 60 FPS при запуске WebRender.

Как WebRender делает это? Он фундаментальным образом меняет принцип работы движка рендеринга, делая его более похожим на движок 3D-игры.

Читать дальше →

+119

marks 25 янв 2015 в 18:30

Mozilla выпустила специальную версию Firefox с поддержкой Oculus Rift

1 мин

8.1K

ГаджетыAR и VRIT-компании

Пользователи, работающие с версией браузера Firefox Nightly теперь могут использовать видеоочки Oculus Rift для теста дополнительного инструментария, WebVR API. Владелец видеоочков теперь может просматривать разного рода виртуальные объемные объекты прямо в браузере. Это может быть, например, 3D модель автомобиля в масштабе 1:1, которую разместил производитель.

Это может быть и часть игрового ролика, либо же модель какого-либо нового устройства, предоставленная разработчиком. На просторах Сети сейчас не так много контента, предназначенного для владельцев видеоочков. Но эта ситуация начинает меняться, поскольку очки дополненной реальности, очки виртуальной реальности становятся все более популярными.

Читать дальше →

+11