A-Frame - это веб-фреймворк с открытым исходным кодом для создания опыта виртуальной реальности (VR). [2] Он поддерживается разработчиками из Supermedium (Диего Маркос, Кевин Нго) и Google (Дон МакКарди). A-Frame - это структура системы компонентов сущностей для Three.js, где разработчики могут создавать 3D- сцены и сцены WebVR с использованием HTML . HTML предоставляет знакомый инструмент разработки для веб-разработчиков и дизайнеров, а также включает в себя популярный шаблон разработки игр, используемый такими движками, как Unity .
Разработчики) | Диего Маркос, Дон МакКарди, Кевин Нго |
---|---|
Первый выпуск | Декабрь 2015 г . |
Стабильный выпуск | 1.2.0 / 5 февраля 2021 г . [1] |
Репозиторий | |
Написано в | JavaScript |
Платформа | Кроссплатформенность |
Тип | Фреймворк JavaScript |
Лицензия | Лицензия MIT |
Веб-сайт | aframe |
История
Изначально A-Frame был разработан в команде Mozilla VR в середине-конце 2015 года. [3] A-Frame был создан для того, чтобы позволить веб-разработчикам и дизайнерам создавать 3D и VR-приложения [4] с помощью HTML без необходимости знать об этом. WebGL. [5] Первый публичный выпуск A-Frame состоялся 16 декабря 2015 г. [6] 16 декабря 2019 г. была выпущена версия 1.0.0 A-Frame. [7]
Сообщество
Все онлайн- IDE поддерживают A-Frame, поскольку они основаны на HTML. Для API доступна документация. [8] Поддержка разработчиков, вносящих изменения в библиотеку, предоставляется через GitHub issues, а поддержка разработчиков, создающих приложения и веб-страницы, предоставляется через StackOverflow. [9] Он -лайн поддержка в реальном времени предоставляется через Slack . [10] Большинство разработчиков также находятся в Твиттере [ необходима ссылка ] .
Применение
Mozilla концентраторы чат программное обеспечение использует A-Frame. [11]
Пример
position = "-1 0,5 -3" Rotation = "0 45 0" color = "# 4CC3D9" > -phere position = "0 1,25 -5" radius = "1,25" color = "# EF2D5E" > cyl position = "1 0,75 -3" radius = "0,5" height = "1.5" color = "# FFC65D" > position = "0 0 -4" Rotation = "-90 0 0" width = "4" height = "4" color = "# 7BC8A4" > color = "#ECECEC" >