Loading article…
 | |
| 開発者 | ディエゴ・マルコス、ドン・マッカーディ、ケビン・ンゴ |
|---|---|
| 初回リリース | 2015年12月 |
| 安定リリース | 1.6.0 / 2024年5月23日[1] |
| リポジトリ |
|
| 書かれた | JavaScript |
| プラットフォーム | クロスプラットフォーム |
| タイプ | JavaScriptフレームワーク |
| ライセンス | MITライセンス |
| Webサイト | フレーム |
A-Frameは、JavaScriptで書かれた、仮想現実（VR）体験を構築するためのオープンソースの Webフレームワークです。 [2] Supermedium（Diego Marcos、Kevin Ngo）とGoogle（Don McCurdy）の開発者によってメンテナンスされています。A-FrameはThree.jsのエンティティコンポーネントシステムフレームワークであり、開発者はHTMLを使用して3DおよびWebXRシーンを作成できます。HTMLは、Web開発者やデザイナーに使い慣れたオーサリングツールを提供すると同時に、 Unityなどのエンジンで使用される一般的なゲーム開発パターンを取り入れています。
歴史
A-Frameはもともと、2015年半ばから後半にかけてMozilla VRチーム内で開発されました。 [3] A-Frameは、Web開発者やデザイナーがWebGLを知らなくてもHTMLで3DやVRの体験を作成できるようにするために作成されました。[4] A -Frameの最初の公開リリースは2015年12月16日でした。[6] 2019年12月16日にA-Frameバージョン1.0.0がリリースされました。[7]
コミュニティ
A-FrameはHTMLベースであるため、すべてのオンラインIDEがサポートしています。APIのドキュメントも利用可能です。 [8]ライブラリにコミットする開発者へのサポートはGitHub issuesを通じて提供され、アプリやWebページを構築する開発者へのサポートはStackOverflowを通じて提供されます。[9]リアルタイムのオンラインサポートはSlackを通じて提供されます。[10]開発者のほとんどはTwitterでも活動しています[要出典]。
使用法
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. 2024年6月19日. 2024年6月19日閲覧。
- ^ 「A-Frame」。A -Frame 。 2016年10月25日閲覧。
- ^ 「A-Frame の紹介: WebVR のビルディング ブロック」。Mozilla VR ブログ。2015 年 12 月 16 日。2016 年 10 月 26 日閲覧。
- ^ Lang, Ben (2015-12-16). 「Mozilla A-Frame: 1 行のコードで始める WebVR」Road to VR . 2016 年 10 月 25 日閲覧。
- ^ 「Mozilla が『A-Frame』で VR ウェブサイトを簡単に作成可能に」Engadget 2015 年 12 月 17 日2016 年 10 月 25 日閲覧。
- ^ 「Mozilla が A-Frame WebVR フレームワークをリリース」 。AR VR Magazine。2015年 12 月 18 日。2017 年 9 月 10 日時点のオリジナルよりアーカイブ。2016年 10 月 25 日閲覧。
- ^ 「A-Frame v1.0.0 - WebXR サポート、AR モード」。A -Frame。2020年3 月 30 日閲覧。
- ^ 「Introduction — A-Frame」。aframe.io 。 2016年10月25日閲覧。
- ^ 「最新の「aframe」の質問」。stackoverflow.com 。2016年10月25日閲覧。
- ^ Slack. 「Slack」. aframe.io . 2016年10月25日閲覧。
- ^ “mozilla/hubs”. Mozilla. 2020年3月29日. 2020年3月30日閲覧。
外部リンク
- 公式サイト