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

Что ж, я один из немногих.

Я не люблю играть. Я не люблю говорить. Мне интересно, что стоит за сценой.

Несколько лет назад, точнее в 2013 году, меня впечатлил Layar (приложение и сервис) и я фактически сделал свою визитную карточку на основе доступных на тот момент технологий.

Сегодня люди ненавидят скачивать одноцелевые одноразовые приложения. Мы ожидаем, что все будет работать без установки. Бесшовно.

Что это значит для дополненной реальности? По моему мнению, дополненная реальность может и будет работать после того, как будет интегрирована в операционные системы. Google с ARCore и Apple с ARKit добились поразительного прогресса.

Что доступно здесь и сейчас? Что здесь может сделать любой разработчик сегодня?

AR.JS

Встречайте AR.JS — дополненная реальность в веб-браузере. Без необходимости установки расширения. На данный момент дополненная реальность

  • на основе маркера — это означает, что вам нужно навести камеру на квадрат, глядя на штрих-код, предопределенную графику.
  • на основе местоположения - версия 2.0 также представила дополненную реальность на основе GPS.

AR.js — это компиляция/обновление различных технологий, которые уже доступны:

  • three.js — пожалуй, лучшая библиотека для 3D в сети.
  • artoolkit — годы разработки и опыта работы с дополненной реальностью
  • emscripten и asm.js — для компиляции artoolkit c в javascript

Покажи мне код!

Это действительно не может быть проще. Воспользуйтесь любым текстовым редактором и скопируйте/вставьте приведенный ниже код. Вы можете использовать Блокнот. Или код Visual Studio. Или VisualStudio. Все, что позволяет вам писать и сохранять текст.

Сохраните файл с расширением .html и дважды щелкните его, чтобы запустить в браузере. Любой браузер, но наилучший результат вы получите в браузерах на базе Google Chrome. Браузер может попросить вас разрешить доступ к камере, поэтому убедитесь, что вы разрешаете веб-странице доступ к камере.

Распечатайте маркер «HIRO» или откройте ссылку на телефоне, если вы используете настольный браузер.



Наслаждайтесь своим первым решением дополненной реальности!

Я намерен написать больше об AR.js, так как он мне действительно интересен. Пожалуйста, оставьте комментарий или свяжитесь со мной, если у вас есть вопросы!