A-Frame a Mozillától – VR weboldalak készítése egyszerűen

aframeA Mozilla kiadta az A-Frame nevű nyílt forráskódú könyvtárat, amelynek segítségével WebGL tudás nélkül, egyszerűen készíthet bárki virtuális valóság élményt nyújtó webes felületeket.

A fejlesztés elkezdéséhez elegendő egyetlen JavaScript sort beszúrni weboldalunkba:

<script src="https://aframe.io/releases/latest/aframe.min.js"></script>

Ezután az <a-scene></a-scene> tagek között máris lehetőségünk van különböző 3D elemek, animációk létrehozására a html-hez hasonló tagek segítségével. Az alábbi kód például egy kockát jelenít meg:

<!doctype html>
<html>
  <head>
    <title>Az első VR oldalam</title>
    <script src="https://aframe.io/releases/latest/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-cube></a-cube>
    </a-scene>
  </body>
</html>

A felület mozgatható az egér segítségével, mobil böngészővel megnyitva pedig követi a mobil mozgását. Egy kattintással választhatunk osztott képernyős nézetet, és máris megtekinthető az oldal akár Cardboarddal is. Az A-Frame Oculus Rifttel is használható, a Gear VR alatt futó Samsung Internet viszont sajnos csak egy nagy fehérséget mutat a példaprogramok helyett, így a Gear VR támogatásra még várnunk kell.

Érdemes megnézni a példákat az A-Frame oldalán.