Kevin Ngo, Entwickler im Mozilla-VR-Team und am Framework A-Frame, hat am 15. März 2017 ein Tutorial für einen Minecraft-artigen Voxel-Baukasten veröffentlicht. Die auf CSS-Tricks erschienene Anleitung zeigt, wie eine interaktive WebVR-Szene mit HTML und wiederverwendbaren Komponenten entsteht. Es handelt sich um eine eigene Demo, nicht um eine Browser-Portierung von Minecraft.
Das Beispiel verwendet A-Frame 0.5.0. Die linke Handsteuerung übernimmt Teleportation, die rechte platziert Blöcke an den Treffpunkten eines virtuellen Zeigers. Auf Desktop und Mobilgeräten lassen sich Blöcke auch ohne bewegungsverfolgte Controller erzeugen.
Elf HTML-Elemente ersetzen nicht die JavaScript-Logik
Ngos Beispiel beschreibt die fertige Szene mit elf HTML-Elementen. Der zugehörige Quellcode bindet zusätzlich das Framework sowie Komponenten für Controller, Teleportation, Rasterpositionen und das Erzeugen neuer Objekte ein. Die knappe Szenenbeschreibung setzt also bereits implementierte Funktionalität voraus.
Die Dokumentation zu A-Frame 0.5.0 beschreibt dafür ein Entity-Component-Modell auf Basis von three.js. Einzelne Eigenschaften und Verhaltensweisen werden zu Objekten kombiniert, statt jeden Objekttyp separat zu programmieren.
Eine Audio-Visualisierung mit WebVR und three.js zeigte zuvor bereits eine interaktive Würfelszene im Browser. Ngos Baukasten ergänzt einen anderen Interaktionsansatz: Objekte werden während der Nutzung erstellt und auf einem Raster angeordnet.