Skip to content

XRDOK is an open source XR toolkit for CGI-based content production. It lets users combine 3d objects (gltf) with actions (components) in scenes (VR, later AR) easily in order to tell stories or explain things. Users need a basic understanding of HTML. Users can modify test scenes in Glitch (compare aframe.io). XRDOK includes a documentation and…

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

XRdok

This project allows the creation of interactive VR projects built on A-frame.

The goal is to provide a library of components that provide functionality for specific use cases and are primed for easy use instead of abstraction.

USAGE

Basic Example (See source or view live on Glitch)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>XRdok</title>
    <meta name="XRdok" content="XR toolset">
    <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
    <script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.3.0/dist/aframe-physics-system.min.js"></script>
    <script src="https://rawgit.com/ngokevin/aframe-animation-component/master/dist/aframe-animation-component.min.js"></script>
    <script src="xrdok.js"></script>
  </head>
  <body>
    <a-scene physics="debug: true" debug stats>
      <a-box position="0 1 -13" rotation="0 45 0" color="#0C03DF" static-body xr-on="event: collide">
        <xr-comp animation="property: material.color; to: #DDFFAA"></xr-comp>
      </a-box>
      <a-box position="3 1 -13" rotation="0 45 0" color="#4CC3D9" xr-click xr-on="event: click" static-body>
        <xr-comp animation="property: material.color; to: #11AA00"></xr-comp>
      </a-box>
      <a-plane position="0 -0.01 0" rotation="-90 0 0" width="1000" height="1000" color="#0CFD90" static-body>
      </a-plane>
      <a-cylinder position="-3 2 -14" color="crimson" height="5" xr-grab dynamic-body>
      </a-cylinder>
      <a-sky color="#ECECEC"></a-sky>
    </a-scene>
  </body>
</html>

XRDok components

About

XRDOK is an open source XR toolkit for CGI-based content production. It lets users combine 3d objects (gltf) with actions (components) in scenes (VR, later AR) easily in order to tell stories or explain things. Users need a basic understanding of HTML. Users can modify test scenes in Glitch (compare aframe.io). XRDOK includes a documentation and…

Resources

License

Releases

No releases published

Packages

No packages published