A-Frame (rama rzeczywistości wirtualnej)

Ramka
Deweloperzy	Diego Marcos, Don McCurdy, Kevin Ngo
Pierwsze wydanie	grudzień 2015 ; 7 lat temu
Wersja stabilna	1.4.1 / 6 stycznia 2023 r . ; 47 dni temu
Magazyn	github .com /aframevr /aframe / ;
Napisane w	JavaScript
Platforma	Międzyplatformowe
Typ	Ramy JavaScript
Licencja	Licencja MIT
Strona internetowa	aframe .io

A-Frame to platforma internetowa typu open source do tworzenia doświadczeń rzeczywistości wirtualnej (VR). Jest utrzymywany przez programistów z Supermedium (Diego Marcos, Kevin Ngo) i Google (Don McCurdy). A-Frame to systemu komponentów encji dla Three.js , w której programiści mogą tworzyć sceny 3D i WebVR za pomocą HTML . HTML zapewnia znajome narzędzie do tworzenia treści dla programistów i projektantów stron internetowych, a jednocześnie zawiera popularny wzorzec tworzenia gier używany przez silniki, takie jak Unity .

Historia

A-Frame został pierwotnie opracowany w zespole Mozilla VR w połowie lub pod koniec 2015 roku. A-Frame został stworzony, aby umożliwić programistom i projektantom stron internetowych tworzenie doświadczeń 3D i VR za pomocą HTML bez konieczności znajomości WebGL. Pierwsza publiczna wersja A-Frame miała miejsce 16 grudnia 2015 r. 16 grudnia 2019 r. Została wydana wersja 1.0.0 A-Frame.

Wspólnota

Wszystkie IDE online obsługują A-Frame, ponieważ są oparte na HTML. Dostępna jest dokumentacja interfejsu API. Wsparcie dla programistów zobowiązujących się do korzystania z biblioteki jest zapewniane za pośrednictwem GitHub, natomiast wsparcie dla programistów tworzących aplikacje i strony internetowe jest zapewniane za pośrednictwem StackOverflow. Wsparcie on-line w czasie rzeczywistym jest zapewniane przez Slack . Większość programistów jest również na Twitterze ^{[ potrzebne źródło ]} .

Stosowanie

pokojów rozmów Mozilla Hubs wykorzystuje A-Frame.

Przykład


  
     
  
  
    
         
         
          
           
       
    
  
 <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"  obrót=  "0 45 0"  color=  "#4CC3D9"  ></a-box>  <a-sphere  position=  "0 1.25 -5"  promień=  "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"  obrót=  "-90 0 0"  width=  "4"  height=  "4"  color=  "#7BC8A4"  ></a-plane>  <a-sky  color=  "#ECECEC"  > </a-sky>  </a-scene>  </body>  </html>

Zobacz też

Linki zewnętrzne

Oficjalna strona internetowa