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 

16 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  
Blogger reda gamal said...

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

شركة تنظيف خزانات بابها

11:08 pm  
Blogger azez said...

شركة رش مبيدات بالدمام
شركة مكافحة حشرات بالدمام
شركة مكافحة النمل الابيض بالدمام
شركة مكافحة الفئران والقوارض بالدمام
شركة مكافحة صراصير بالدمام
شركة مكافحة البق بالدمام
شركة رش دفان بالدمام
شركة مكافحة ثعابين بالدمام

11:34 pm  
Blogger azez said...

شركة رش مبيدات بالخبر
شركة مكافحة حشرات بالخبر
شركة مكافحة النمل الابيض بالخبر
شركة مكافحة فئران وقوارض بالخبر
شركة مكافحة صراصير بالخبر
شركة مكافحة البق بالخبر

11:23 pm  
Blogger نور الهدى said...




نقل اثاث من الرياض الى الكويت 0507716412

شركة شحن عفش من الرياض الى الكويت

نقل اثاث من الرياض الى الاردن 0507716412
شركة شحن عفش من الرياض الى الاردن


شركة نقل اثاث من الرياض الى الدمام
شركة نقل عفش من الرياض الى الدمام


نقل اثاث من الرياض الى الامارات 0507716412

شركة شحن عفش من الرياض الى الامارات

نقل اثاث بالمدينة المنورة


نقل عفش في المدينة المنورة


7:02 pm  

Post a Comment

<< Home