Virtual Learning Factory Toolkit
  • Virtual Learning Factory Toolkit
  • VLF Knowledge Base
    • Factory Data Model
      • OWL Classes
      • SPARQL Queries
      • SPARQL Updates
    • Instantiation of Factory Models
      • Assets
        • Assets in Spreadsheet
        • Assets in JSON
        • Assets in Ontology
      • 3D Models of Assets
        • 3D Models for Virtual Reality
      • Statechart
      • Animations
      • Data Repositories
        • Local Repository
        • Remote Repository
  • VLF Tools and Libraries
    • OntoGui
      • Modules
        • Control Panel
        • Individual Manager
        • System Design
        • Utilities
      • Personalization
    • OntoGuiWeb
      • Modules
        • Control Panel
        • SPARQL
        • Graphs OWL
        • Utilities
        • Asset Design
        • System Design
        • System Control
        • Performance Evaluation
        • MQTT Sync
        • Virtual Environment
        • Graphs Eng
        • StateChart
      • Personalization
    • jsimIO
      • How to start
      • JMT Overview
        • JSim
          • Model generation
          • Launch of the simulation
          • Reporting
        • Bibliography
    • VEB.js
      • Functionalities
      • Input/Output files
      • Integration with other software tools
      • Advanced Users
    • ApertusVR
    • MTM
      • How to start
      • Formalise the process
      • Prepare input data
      • Execution and results
    • MOST
      • How to start
      • Formalise the process
      • Prepare input data
      • Execution and results
    • RULA
      • How to start
      • Formalise the process
      • Prepare input data
      • Execution and results
    • OCRA
      • How to start
      • Prepare input data
      • Execution and results
  • Use Cases
    • Automated Assembly Line
    • Assets and Animations
    • Modelling of Factory Assets
      • Modelling of an Assembled Product
      • Modelling of a Workstation
      • 3D Modelling of a Workstation for Virtual Reality
    • Process Modelling
      • Modelling an Assembly Process
    • Modelling of a manufacturing system
      • Modelling in OntoGui
      • Modelling a Job Shop using OntoGui
      • Modelling of a Flow Shop using OntoGui
      • Modelling a Hybrid Flow Shop using OntoGui
      • Modelling an assembly system using OntoGui
    • Performance evaluation using jsimIO
      • Performance evaluation of a manufacturing system
        • Performance evaluation in Jsim
        • Performance evaluation of a Flow Shop using Jsim
        • Performance Evaluation of a Job Shop using JSim
        • Performance evaluation of a Hybrid Flow Shop using Jsim
        • Performance evaluation of an assembly system using Jsim
      • jsimIO Assembly
      • jsimIO Automatic
      • jsimIO Production
  • Classworks
  • Advanced Features
    • JMT model
      • Automatic generation of a JMT model
      • Automatic generation of animations
    • Enabling technologies
      • Node-RED
        • Node-RED tutorial
      • RDF libraries
Powered by GitBook
On this page
  • Hardware, OS, browser compatibility
  • How to run VEB.js remotely
  • Getting started
  • URL Parameters
  • References

Was this helpful?

  1. VLF Tools and Libraries

VEB.js

PreviousBibliographyNextFunctionalities

Last updated 2 years ago

Was this helpful?

VEB.js (Virtual Environment based on Babylon.js) is a reconfigurable model-driven virtual environment application based on , a complete JavaScript framework and graphics engine for building 3D applications with HTML5 and (Web Graphics Library). Babylon.js enables to load and draw 3D objects, manage these 3D objects, create and manage special effects, play and manage spatialized sounds, create gameplays and more. Babylon.js library is free to use, thus enabling also didactic use.

Babylon.js was exploited to develop VEB.js as a reconfigurable model-driven virtual environment application.

Contact person:

Hardware, OS, browser compatibility

VEB.js works on any Operating System (OS) and browser that supports WebGL. However, the use of is recommended, in particular to run animations.

No specific configuration of the hardware is needed, but it must be noted that depending on the complexity of the scene, problems (e.g. lag) might arise if using a low potential graphic processing unit (GPU); indeed, even a smartphone can be used to load basic scenes, but if the complexity of the scene increases a more powerful GPU will be needed in order to obtain optimal rendering.

How to run VEB.js remotely

It is possible to remotely access the VEB.js application if it is installed on a server. If the server is active at the address $ServerAddress, then the application can be accessed via browser at $ServerAddress/vebjs.html?inputscene=.

.

Getting started

At startup the browser shows an empty scene that contains the main application functionalities.

A scene consists of a set of assets (e.g. selected from a catalog of resources) that are organized in a layout; in addition, lights and cameras (i.e. navigation point of view) are attached to a scene. After opening the empty scene page, there are two options to load an already existing scene:

  • import a scene .json file, clicking on the Import button and browsing your local file system.

URL Parameters

Several parameters can be set in the URL of VEB.js application.

Parameter
Description

inputscene

inputonto

inputconfig

inputenv

inputanim

repoMod3d

Path of the repository where the 3D models can be found. The file path of 3D models is defined relatively to repoMod3d

repoAnim

Path of the repository where the animation sequences can be found. The file path of animation sequences is defined relatively to repoAnim

endpoint

db

References

modify the URL writing the address of scene after parameter inputscene=. The scene must be available as a .json file on a server () or as a graph on a .

to be loaded that is defined as a .json file available on a server.

Scene to be loaded that is defined as a URI that is a graph available on a .

defined as a URI available on a server.

defined as a URI available on a server. The environment specifies cameras, lights, shadow, background options.

defined as a URI available on a server.

Addess of a SPARQL endpoint of a .

Database/Dataset available on the .

Compatibility

https://doc.babylonjs.com/
Babylon.js
WebGL
Walter Terkaj (CNR-STIIMA)
Chrome
A demo of VEB.js is available
example
RDF store
RDF store
RDF store
RDF store
Scene
App configuration
Environment
Animation
License: CC BY-NC 4.0
Empty scene