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:

Blogger mmo hao said...

The petty hat is 100% brushed cotton with our unique design the front.This light soft hat can be packed away easily making it the ideal hat for vacation travel and all times when you want to keep the sun off of your beautiful face
petty hat | petty hat| petty hat

4:51 am  
Blogger حصن الرياض said...

شركة كشف تسربات المياه بأبها
شركة كشف تسربات المياه بابها
شركة مكافحة حشرات بأبها
شركة مكافحة حشرات بمحايل عسير
شركة كشف تسربات المياه بمحايل عسير
شركة كشف تسربات برجال ألمع

7:45 pm  
Blogger حصن الرياض said...

شركة مكافحة حشرات برجال ألمع
شركة كشف تسربات المياه بجازان
شركة مكافحة حشرات بجازان
شركة رش دفان بجازان
شركة كشف تسربات بأبها
كشف تسربات المياه بأبها

7:45 pm  
Blogger حصن الرياض said...

شركة كشف تسربات بمحايل عسير
كشف تسربات المياه بمحايل عسير
شركة كشف تسربات المياه برجال ألمع
كشف تسربات برجال ألمع
شركة كشف تسربات بجازان
كشف تسربات المياه بجازان

7:46 pm  
Blogger قمة الدقة للخدمات said...

شركة كشف تسربات المياه بالرياض
شركة تسليك مجارى بالقطيف

12:37 pm  
Blogger Syanat 3 said...

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

2:14 pm  
Blogger Unknown said...

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

2:47 pm  
Blogger care olders said...

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

3:22 pm  
Blogger anti.insects7@gmail.com said...

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

4:02 pm  
Blogger karmedksa said...

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

4:33 pm  
Blogger Cleaning services said...


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

9:12 pm  
Blogger Inem Poker 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

8:56 pm  

Post a Comment

<< Home