Evaristo Caraballo
Если вы являетесь кодом JavaScript, который все еще опаздывает, чтобы составить окончательный список разрешений на 2019 год, позвольте мне дать вам руку: начните выяснить, как попасть в дополненную реальность (AR).
Дополнительная/смешанная/виртуальная реальность (AR/MR/VR) Combo пользовалась френетическим ростом с 2016 года, исходя из Предельная рыночная стоимость из битов более 6 миллиардов долларов к тому, что может достичь продаж в размере 210 миллиардов долларов (включая аппаратное обеспечение) к 2022 году. Из всех, Дополненная реальность тот, кто испытывает устойчивый рост.
Сначала разработчик JavaScript (Web), желающий попасть в лодку AR, может быть обескуражен при нахождении обычные необходимые навыки ; А потом есть кто спросить Машинное обучение или интернет вещей. Однако, если вы в основном разработчик JavaScript, считайте себя благословенным: язык – это перепрограмма упоминается Как только вы должны знать, чтобы войти в этот сектор. Причина? Прямо сейчас Много развития AR идет в Интернете Отказ И именно здесь царит JavaScript.
Дополненные рабочие места для JavaScript-вентилятора – действительно?
Может быть, не слишком быстро. Существует много примеров, в которых AR/MR/VR сам сияет самостоятельно, особенно на нишевых рынках, но отрасль не полностью выяснила полную стоимость технологии для общего потребителя. После того, как он решил, отрасль, безусловно, сделает больше продуктов AR/MR/VR, которые будут переводиться на больше рабочих мест.
Для некоторых аналитиков, как ожидается, будет наиболее распространенным воздействием, отчасти, потому что он не требует Конкретные устройства и условия быть реализованным, как VR.
Он опирается на отрасль, чтобы найти, как сделать AR более каждый день жизни Tech. По мнению некоторых компаний, особенно в рамках мобильного телефона, используя лучшее потенциал AR снижает известное правило: Простота Отказ
Во многих случаях ресурсы на ведущие инструменты AR могут быть переплетением. Вместо этого куча хороших объектов, ориентированных на UX в течение некоторых 2D/3D активов, может быть более чем достаточно, чтобы сделать яркие продукты. Что-то регулярно делает разработчик JavaScript.
Тогда возможен, что любой JavaScript разработчик будет встраиваться (не) стандартные функции AR/VR в качестве расширения их традиционных обязанностей в будущем. И если требуется, JavaScript достаточно прочный для более сложных задач. Небо это предел.
Становясь JavaScript
Перед началом я бы предложил взглянуть на несколько платформ и стандартов AR. Те же технические ограничения, влияющие на отрасль, также отражены в мире AR.
Например, есть несколько платформ, один для каждой большой техники (Google = Arcode , Apple = Аркит , MS = Чакракор , Facebook = AR Studio С Реагировать 360 , Мозилла = aframe ).
После быстрого взгляда на варианты, начиная с полной JavaScript Uppeded Reality проекты относительно легко. Вы можете начать с помощью каких-либо Web/App Dev Framework, как Cordova , Ionic , Реагировать на родной или Vue родной Чтобы встроить рамки AR на ваш выбор – и развернуть 3D активов на вершине реального мира.
Если то, что вы хотите, это развернуть в Интернете, используя в основном маркера AR, вы можете использовать Repos GitHub, как Ar.js (бесплатно), argon.js (бесплатно, но ограничено) или AWE.JS (Платный Паас, но со старым репозиторием GitHub все еще имеется). Есть несколько сшитых, которые более сложнее для новичка, многие из них были сосредоточены на таких вещах, как распознавание лица/головки (например, Tracking.js и HeadTrackr ).
Или вы можете повысить возможности вашего проекта, если вы сможете портировать доступные SDK, сделанные AR связанные со стороны компании . Есть много API, которые представляют как AR на браузере тоже. Например, Mapbox следует, что путь, и он разработан на JavaScript.
Я бы предложил вам сохранить его простым, но интерактивным.
Однако, если ваши амбиции указывают на овладение дизайном и анимацией в JavaScript, вы окончательно должны учиться хотя бы один 3D JavaScript пакет , а также Three.js самый популярный. Подожди, хотя, пока вы не получили хорошую базу JavaScript и OpenGL а также геометрия, тригонометрия, линейная алгебра или физика. И не ожидайте большего помощи от существующих 3D JS Guis; В частности, три.js нет ничего. Сложный, но захватывающий!
Бонусный пример
Я хотел подготовить быструю демонстрацию просто для изучения технологии, поэтому я взял хороший кодепен и модифицировал его, чтобы соответствовать маркеру на основе веб-анимации AR, портированную в клоне Стемкоски Отличная работа С ar.js.
Для вас, чтобы увидеть пример, который вам нужен Мобильное устройство с камерой и Интернет (телефон или планшет), а также напечатанная копия Маркер или другое устройство, чтобы показать его на экране.
Готовый? Теперь откройте это ссылка Использование браузера на вашем мобильном устройстве:
https://evaristoc.github.io/ARexample/
Дайте разрешению использовать вашу камеру и указать камеру на маркер, как внизу , либо печатается, либо на другом экране.
Примечание: Работает на Android и Chrome – это может не работать для других устройств и браузеров?,
С Новым Годом!
Я надеюсь, что вы найдете эту технологию как увлекательной, как я. Если это так, не оставайся одни: свяжитесь с нами на форуме FreeCodeCamp и поделитесь своими вопросами и идеями.
И если вам понравилась эта статья, не забудьте дать ей? И поделиться этим в социальных сетях.
Спасибо за чтение, наслаждайтесь AR и счастливым кодированием !!
Оригинал: “https://www.freecodecamp.org/news/an-intro-to-augmented-reality-for-the-javascript-developer-with-an-example-71875ab184ee/”