Thursday, March 23, 2017

Virtual World Framework & A-Frame



In this post I want to share the details about the latest project being done on Krestianstvo SDK.
Virtual World Framework provides a robust decentralised architecture for building virtual world apps based on replicated computation model. It's JavaScript version is strongly based on ThreeJS ibrary for programming apps with 3D visualisation and deep interaction support. So, for building such apps, the developer should be aware of ThreeJS internals, not to mention the knowing of the VWF component's architecture. But, actually VWF is working just with any programmable elements whatever simple they are. The A-Frame framework solves the problem of ThreeJS сomplexity for developing Web apps for Virtual Reality. It provides the component-based architecture for that. A-Frame incapsulates ThreeJS, hiding the internals, and providing high-level interface for describing web app declaratively.
So, I have developed a model and view drivers for VWF, that provides basic support for using A-Frame components in Virtual World Framework apps. That allows to build a VWF collaborative apps with 3D visualisation, WebVR, HMD, trackers and mobile devices support easily.

Source code at GitHub

Here is a small video demonstration, that shows the interaction within collaborative Virtual World Framework app, which is composed by the A-Frame components.


In the video three Google Chrome web-browsers are directing to the same VWF app instance's URL. Every browser shows the replicated A-Frame scene with components in it. The users are represented with small cubes and are visible to each other. The cube on the right is holding the simulation, which is staying the same on all browsers.

Try online demo here: http://demo.krestianstvo.org

Simple scenario for collaboration:

  • Open in Web-browser the given URL (http://demo.krestianstvo.org)
  • Copy the generated URL and open it in another browser window
  • or direct Web-browser to http://demo.krestianstvo.org/app,
  • where you could find all running VWF app instances to join to.
  • Open the generated URL at your phone or tablet.
  • Move in space with arrows or WASD and point objects with a cursor in the centre of the screen (this will generate Click event).
  • You could create any number of isolated VWF app instances, but for connecting to them you will need to know the generated URL.

So, how a simple VWF app with A-Frame is look like?
Here is a simple code of index.vwf.yaml:
---
extends: http://vwf.example.com/aframe/ascene.vwf
properties:
children:
  spaceText:
    extends: http://vwf.example.com/aframe/atext.vwf
    properties:
      value: "Virtual World Framework & A-Frame"
      textColor: "#b74217"
      position: [-2, 2.5, -2]
  sphere:
    extends: http://vwf.example.com/aframe/asphere.vwf
    properties:
      position: [1, 1.25, -4]
      color: "#e0e014"
      radius: 1
      wireframe: true
    children:
      box2:
        extends: http://vwf.example.com/aframe/abox.vwf
        properties:
          position: [2, -1.25, 0]
          color: "#2167a5"
          depth: 1
  sky:
    extends: http://vwf.example.com/aframe/asky.vwf
    properties:
      color: "#ECECEC"
  camentity:
    extends: http://vwf.example.com/aframe/aentity.vwf
    properties:
      position: [0, 0, 0]
    children:
      camera:
        extends: http://vwf.example.com/aframe/acamera.vwf
        properties:
          look-controls-enabled: true
          forAvatar: true
        children:
          cursor:
            extends: http://vwf.example.com/aframe/acursor.vwf 

12 comments:

maintenanceg said...

تعتمد مراكز صيانة وايت وستنجهاوس علي الجودة و الدقة في جميع اعمال الصيانة التي تقوم بها و للتواصل مع صيانة وستنجهاوس من خلال الرابط الموضح امامكم
http://www.maintenanceg.com/White-Westinghouse-Center-Agent.html

Unknown said...

تعد شركة امن وحراسة بمصر من كبري الشركات في مجال التمين و حماية الممتلكات لذلك يسعي الكثير من رجال الاعمال و اصحاب المشاريع من التعاقد مع شركة حراسات امنية لجودة جميع اعمالها
http://www.guards-security.com/

care olders said...

تتميز دار المسنين بجميع جليسات مسنين في مصر التي تقوم بتوفيرها حتي يقوموا بعمل جميع الخدمات الرعاية التي تتم في الدار في المنزل لغير القادرين علي الانتقال الي الدار
http://www.careolder.com/

anti.insects7@gmail.com said...

يتواجد لدي شركة ابادة حشرات جميع الامكانيات التي تمكنها من القضاء علي جميع انواع الحشرات و الزواحف التي تتواجد في المكان لان شركة مكافحة حشرات لديها فريق عمل متميز
http://www.anti-insects.com/

karmedksa said...

يتواجد لدي شركة قرميد و طوب جميع انواع مستلزمات و لوازم القرميد باختلاف انواعة مع المقدرة علي تركيبة علي يد نخبة من فريق عمل متميز
http://www.brick-sa.com/

ركن كلين said...


افضل شركة تنظيف فى الرياض تقدم لكم افضل خدمة تنظيف للشقق المفروشة، تتميز بوجود عمالة على اعلى مستوى من الخبرة والعمل والامانة
افضل شركة تنظيف موكيت بالرياض
افضل شركات تنظيف كنب بالرياض
افضل شركة تنظيف الفلل بالرياض
افضل شركات غسيل مساجد بالرياض
شركة تنظيف وصيانة مسابح

Unknown said...


I enjoyed over read your blog post. Your blog have nice information, I got good ideas from this amazing blog

POKER ONLINE UANG ASLI

CARA BERMAIN TOGEL ONLINE

AGEN POKER TERPERCAYA

AGEN BOLA ONLINE

FILM BOKEP

Cara Mengobati Sinusitis said...

This information is very useful. thank you for sharing. and I will also share information about health through the website

Obat Sakit Mata Belekan Alami
Cara Mengatasi Diare
Obat Sakit Dada
Obat Sariawan Alami
Obat Penghilang Stretch mark
Cara Mengobati Epilepsi

Anonymous said...

indotogel Adalah Bandar Togel Pasaran togel hongkong Terbaik
GrupToto merupakan Bandar Togel Terpercaya yang menyediakan media judi togel terpopuler yang bisa diakses dengan menggunakan smartphone serta memberikan kenyamanan dan keamanan dalam bermain togel.
Pasaran Togel | Togel hk | togel sgp | dan lain lain.
Customer Service kami yang cantik siap membantu 24jam non stop apabila anda mengalami kendala dalam bermain. Selamat bermain Togel dan selamat bergabung, nikmati kepuasan bermain Togel bersama kami.

JESSICA JANE said...

Thank you for your support who has read our article. I'm very happy if you can share our article below

Cara Alami Mengobati Mata Merah
Vitamin Alami Untuk Ibu Hamil
Cara Ampuh Menghilangkan Keputihan Pada Ibu Hamil
Suplemen Alami Untuk Kesehatan Sendi dan Tulang
Pengobatan Alami Untuk Penyakit TBC
Cara Alami Mengatasi Eksim Basah
Cara Mengatasi Rematik Pada Lansia

على جمال said...


شركة تنظيف شقق بالرياض
شركة تنظيف فلل بالرياض
شركة تنظيف موكيت بالرياض
شركة تنظيف كنب بالرياض
شركة تنظيف مجالس بالرياض
شركة تنظيف واجهات زجاج بالرياض
شركة تنظيف مساجد بالرياض
شركة تنظيف خزانات بالرياض

nader galal said...




افضل شركه تنظيف بالرياض شركه الصفرات تقوم الشركه باداء الخدمه على افضل وجه. حيث ان الشركه تمتلك عماله محترفه ومدربه فى كافه الخدمات التى تقدمها الشركه .تقدم شركتنا العماله المتعدده الجنسيات المدربه على احث وسائل واجهزه التنظيف العالميه المتسورده
%تهتم الشركه اهتماما كبيرا براحه العميل والاسره حيث ان الشركه تمتلك احث الاجهزه التى لا تسبب ازعاح افراد الاسره كما ان الشركه تضمن للعميل ضمان الخدمه المتفق عليها مسبقا وبالاسعار المتفق عليها تقدم الشركه لعملائها الكرام خصومات تصل الى 30
طواااااااااال العام شركه الصفرات جائت بكافه الخدمات من اجل سعادتك وعدم انشغالك بخدمات التنظيف. الشركه مسؤله عن كافه متتطلبات التنظيف ولا تطلب من العميل اى شي .اهم ما يميز شركتنا هى سرعه استجابه طلب الخدمه فى كافحه انحاء الرياض الشركه
تعمل طوال الاربعه وعشرون ساعه يوميا شركه الصفرات من اضمن الشركات بالرياض على الاطلاق من حيث العماله وادوات واجهزه التنظيف ومواد العزل وادوات كشف التسريبات تمتلك الشركه افض انواع المنظفات المستورده شركه الصفرات فى خدمتك وخدمه اسرتك فى اى
.وقت كل ما عليك هو التواصل مع مندوبنا عبر الارقام الموضحه سيصك فريق العمل المتخصص بافضل المعدات لأداء الخدمه المطلوبه
شركة الصفرات لتنظيف المنازل بالرياض
شركة الصفرات لعزل الاسطح بالرياض
شركة الصفرات لتنظيف المجالس بالرياض
شركة الصفرات لتنظيف السجاد بالرياض
شركة الصفرات لنقل الاثاث بالرياض
شركة الصفرات لمكافحة الحشرات بالرياض
شركة الصفرات لكشف التسربات بالرياض
شركة الصفرات لتنظيف المسابح بالرياض
شركة الصفرات لتنظيف الخزانات بالرياض
شركة الصفرات لتسليك المجاري بالرياض