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:

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

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

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

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

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

    ReplyDelete

  6. 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

    ReplyDelete
  7. 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

    ReplyDelete
  8. Anonymous12:06 pm

    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.

    ReplyDelete



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

    ReplyDelete