Mengupas A-Frame Web Framework Virtual Reality

A-frame adalah web framework yang mefasilitasi developer untuk membangun virtual reality experience via web browser, A-frame sendiri lahir dari inisiasi Mozilla Vr untuk membuat WebVR lebih mudah dan cepat dalam pengembangan teknologi WebVR. A-frame sendiri menggunakan kerangka tree.js.

Entity

A-Frame represents an entity via the <a-entity> element. As defined in the entity-component-system pattern, entities are placeholder objects to which we plug in components to provide them appearance, behavior, and functionality.

In A-Frame, entities are inherently attached with the position, rotation, and scale components.

Untuk membuat sebuah object 3D kita dipermudah dengan cukup membuat <a-entity>, yang propertinya sudah disediakan oleh A-Frame. Untuk lebih detail mengenai A-frame bisa dibaca di Docs A-frame.

Visual Tool

Apa yang membuat A-frame spesial ? A-frame memiliki fitur Visual Tool, untuk apa Visual Tool ? Visual Tool digunakan untuk melihat objek apa saja yang ada di halaman yang menggunakan A-frame. Untuk menampilkan visual tool anda ctrl+alt+i. Berikut beberapa fiturnya:

1. Export to Html
2. Copy Scene to clipboard
3. Add new entity (create new object)
4. Object Detail Property
5. etc

Device & Platform Support

A-frame menggunakan Webgl untuk merender setiap objek yang ada di halaman yang dibuat. untuk melihat support atau tidak browser kita bisa melihat disini

Contoh A-Frame

Create Object with A-Frame

Painter Web VR