A-Frame (sanal gerçeklik çerçevesi) - A-Frame (virtual reality framework)
Geliştirici (ler) | Diego Marcos, Don McCurdy, Kevin Ngo |
---|---|
İlk sürüm | Aralık 2015 |
Kararlı sürüm | 1.2.0 / 5 Şubat 2021
|
Depo | |
Yazılmış | JavaScript |
Platform | Çapraz platform |
Tür | JavaScript çerçevesi |
Lisans | MIT Lisansı |
İnternet sitesi | aframe |
A-Frame , sanal gerçeklik (VR) deneyimleri oluşturmak için açık kaynaklı bir web çerçevesidir . Supermedium (Diego Marcos, Kevin Ngo) ve Google'dan (Don McCurdy) geliştiriciler tarafından sürdürülmektedir . A-Frame, geliştiricilerin HTML kullanarak 3D ve WebVR sahneleri oluşturabildikleri Three.js için bir varlık bileşeni sistem çerçevesidir . HTML, Unity gibi motorlar tarafından kullanılan popüler bir oyun geliştirme modelini birleştirirken, web geliştiricileri ve tasarımcıları için tanıdık bir yazma aracı sağlar .
Tarih
A-Frame, ilk olarak 2015 ortasından sonuna kadar Mozilla VR ekibi içinde geliştirildi . A-Frame, web geliştiricilerinin ve tasarımcıların WebGL'yi bilmelerine gerek kalmadan HTML ile 3D ve VR deneyimleri yazmasına olanak sağlamak için oluşturuldu. A-Frame'in ilk halka açık sürümü 16 Aralık 2015'te yapıldı. 16 Aralık 2019'da A-Frame 1.0.0 sürümü yayınlandı.
Topluluk
Tüm çevrimiçi IDE'ler , HTML tabanlı olmaları nedeniyle A-Frame'i destekler. API için belgeler mevcuttur. Kitaplığa bağlı olan geliştiriciler için destek GitHub sorunları aracılığıyla sağlanırken, uygulama ve web sayfaları oluşturan geliştiriciler için destek StackOverflow aracılığıyla sağlanır. Gerçek zamanlı çevrimiçi destek, Slack aracılığıyla sağlanır . Geliştiricilerin çoğu aynı zamanda Twitter'da .
Kullanım
Mozilla Hubs Sohbet odası yazılımı A-Frame kullanır.
Misal
<html>
<head>
<script src="https://aframe.io/releases/1.1.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>