A-Frame

A-Frame
개발자디에고 마르코스, 돈 맥커디, 케빈 응고
발표일2015년 12월(10년 전)(2015-12)
안정화 버전
1.7.1 / 2025년 4월 1일(18개월 전)(2025-04-01)
저장소
프로그래밍 언어자바스크립트
플랫폼크로스 플랫폼
종류자바스크립트 프레임워크
라이선스MIT 허가서
웹사이트aframe.io

A-Frame은 자바스크립트로 작성된 가상 현실 (VR) 경험을 구축하기 위한 오픈 소스 웹 프레임워크이다. Supermedium (디에고 마르코스, 케빈 응고) 및 구글 (돈 맥커디)의 개발자들이 유지 관리한다. A-Frame은 개발자들이 HTML을 사용하여 3D 및 WebXR 장면을 생성할 수 있는 Three.js용 엔티티 컴포넌트 시스템 프레임워크이다. HTML은 웹 개발자와 디자이너에게 친숙한 저작 도구를 제공하면서 유니티와 같은 엔진에서 사용되는 인기 있는 게임 개발 패턴을 통합한다.

역사

A-Frame은 원래 2015년 중반에서 후반까지 모질라 VR 팀 내에서 개발되었다. A-Frame은 웹 개발자와 디자이너가 WebGL을 알 필요 없이 HTML로 3D 및 VR 경험을 저작할 수 있도록 하기 위해 만들어졌다. A-Frame의 첫 공개 릴리스는 2015년 12월 16일이었다. 2019년 12월 16일 A-Frame 버전 1.0.0이 출시되었다.

커뮤니티

모든 온라인 IDE는 HTML 기반이므로 A-Frame을 지원한다. API에 대한 문서는 제공된다. 라이브러리에 기여하는 개발자들을 위한 지원은 GitHub 이슈를 통해 제공되며, 앱 및 웹 페이지를 구축하는 개발자들을 위한 지원은 StackOverflow를 통해 제공된다. 실시간 온라인 지원은 슬랙을 통해 제공된다. 대부분의 개발자들은 트위터에도 있다.

사용법

Mozilla Hubs 채팅룸 소프트웨어는 A-Frame을 사용한다.

예시

<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
      <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
      <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
      <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
      <a-sky color="#ECECEC"></a-sky>
    </a-scene>
  </body>
</html>

같이 보기

각주

  1. ↑ “A-Frame”. A-Frame. 2025년 4월 1일. 2026년 1월 31일에 확인함.
  2. ↑ “A-Frame”. 《A-Frame》. 2016년 10월 25일에 확인함.
  3. ↑ “Introducing A-Frame: Building Blocks for WebVR”. 《Mozilla VR Blog》. 2015년 12월 16일. 2017년 9월 10일에 원본 문서에서 보존된 문서. 2016년 10월 26일에 확인함.
  4. ↑ Lang, Ben (2015년 12월 16일). “Mozilla A-Frame: WebVR Starting With One Line of Code” (미국 영어). 《Road to VR》. 2016년 10월 25일에 확인함.
  5. ↑ “Mozilla makes it easy to create VR websites with 'A-Frame'”. 《Engadget》. 2015년 12월 17일. 2016년 10월 25일에 확인함.
  6. ↑ “Mozilla Releases A-Frame WebVR Framework” (미국 영어). 《AR VR Magazine》. 2015년 12월 18일. 2017년 9월 10일에 원본 문서에서 보존된 문서. 2016년 10월 25일에 확인함.
  7. ↑ “A-Frame v1.0.0 - WebXR Support, AR Mode” (영어). 《A-Frame》. 2020년 3월 30일에 확인함.
  8. ↑ “Introduction — A-Frame”. 《aframe.io》. 2016년 10월 25일에 확인함.
  9. ↑ “Newest 'aframe' Questions”. 《stackoverflow.com》. 2016년 10월 25일에 확인함.
  10. ↑ Slack. “Slack”. 《aframe.io》. 2016년 10월 25일에 확인함.
  11. ↑ “mozilla/hubs”. Mozilla. 2020년 3월 29일. 2020년 3월 30일에 확인함.

외부 링크