A-Frame

A-Frame은 자바스크립트로 작성된 가상 현실 (VR) 경험을 구축하기 위한 오픈 소스 웹 프레임워크이다. Supermedium (디에고 마르코스, 케빈 응고) 및 구글 (돈 맥커디)의 개발자들이 유지 관리한다. A-Frame은 개발자들이 HTML을 사용하여 3D 및 WebXR 장면을 생성할 수 있는 Three.js용 엔티티 컴포넌트 시스템 프레임워크이다. HTML은 웹 개발자와 디자이너에게 친숙한 저작 도구를 제공하면서 유니티와 같은 엔진에서 사용되는 인기 있는 게임 개발 패턴을 통합한다.
| 개발자 | 디에고 마르코스, 돈 맥커디, 케빈 응고 |
|---|---|
| 발표일 | 2015년 12월 |
| 안정화 버전 | 1.7.0
/ 2025년 2월 20일[1] |
| 저장소 | |
| 프로그래밍 언어 | 자바스크립트 |
| 플랫폼 | 크로스 플랫폼 |
| 종류 | 자바스크립트 프레임워크 |
| 라이선스 | MIT 허가서 |
| 웹사이트 | aframe.io |
A-Frame은 자바스크립트로 작성된 가상 현실 (VR) 경험을 구축하기 위한 오픈 소스 웹 프레임워크이다.[2] Supermedium (디에고 마르코스, 케빈 응고) 및 구글 (돈 맥커디)의 개발자들이 유지 관리한다. A-Frame은 개발자들이 HTML을 사용하여 3D 및 WebXR 장면을 생성할 수 있는 Three.js용 엔티티 컴포넌트 시스템 프레임워크이다. HTML은 웹 개발자와 디자이너에게 친숙한 저작 도구를 제공하면서 유니티와 같은 엔진에서 사용되는 인기 있는 게임 개발 패턴을 통합한다.
역사
[편집]A-Frame은 원래 2015년 중반에서 후반까지 모질라 VR 팀 내에서 개발되었다.[3] A-Frame은 웹 개발자와 디자이너가 WebGL을 알 필요 없이 HTML로 3D 및 VR 경험을 저작할 수 있도록 하기 위해 만들어졌다.[4][5] A-Frame의 첫 공개 릴리스는 2015년 12월 16일이었다.[6] 2019년 12월 16일 A-Frame 버전 1.0.0이 출시되었다.[7]
커뮤니티
[편집]모든 온라인 IDE는 HTML 기반이므로 A-Frame을 지원한다. API에 대한 문서는 제공된다.[8] 라이브러리에 기여하는 개발자들을 위한 지원은 GitHub 이슈를 통해 제공되며, 앱 및 웹 페이지를 구축하는 개발자들을 위한 지원은 StackOverflow를 통해 제공된다.[9] 실시간 온라인 지원은 슬랙을 통해 제공된다.[10] 대부분의 개발자들은 트위터에도 있다.
사용법
[편집]Mozilla Hubs 채팅룸 소프트웨어는 A-Frame을 사용한다.[11]
예시
[편집]<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>
같이 보기
[편집]각주
[편집]- ↑ “A-Frame”. A-Frame. 2025년 2월 23일. 2025년 3월 27일에 확인함.
- ↑ “A-Frame”. 《A-Frame》. 2016년 10월 25일에 확인함.
- ↑ “Introducing A-Frame: Building Blocks for WebVR”. 《Mozilla VR Blog》. 2015년 12월 16일. 2017년 9월 10일에 원본 문서에서 보존된 문서. 2016년 10월 26일에 확인함.
- ↑ Lang, Ben (2015년 12월 16일). “Mozilla A-Frame: WebVR Starting With One Line of Code” (미국 영어). 《Road to VR》. 2016년 10월 25일에 확인함.
- ↑ “Mozilla makes it easy to create VR websites with 'A-Frame'”. 《Engadget》. 2015년 12월 17일. 2016년 10월 25일에 확인함.
- ↑ “Mozilla Releases A-Frame WebVR Framework” (미국 영어). 《AR VR Magazine》. 2015년 12월 18일. 2017년 9월 10일에 원본 문서에서 보존된 문서. 2016년 10월 25일에 확인함.
- ↑ “A-Frame v1.0.0 - WebXR Support, AR Mode” (영어). 《A-Frame》. 2020년 3월 30일에 확인함.
- ↑ “Introduction — A-Frame”. 《aframe.io》. 2016년 10월 25일에 확인함.
- ↑ “Newest 'aframe' Questions”. 《stackoverflow.com》. 2016년 10월 25일에 확인함.
- ↑ Slack. “Slack”. 《aframe.io》. 2016년 10월 25일에 확인함.
- ↑ “mozilla/hubs”. Mozilla. 2020년 3월 29일. 2020년 3월 30일에 확인함.
외부 링크
[편집]- A-Frame - 공식 웹사이트