Skip to content

🎥 An A-Frame component for rendering DepthKit volumetric videos in WebVR

Notifications You must be signed in to change notification settings

juniorxsound/DepthKit-A-Frame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DepthKit for A-Frame

PRs Welcome

An A-Frame component for rendering DepthKit volumetric videos in WebVR. The A-Frame component wraps DepthKit.js which is a small library that provides the same functionality for Three.js projects.

DepthKit AFrame

Usage

Start by cloning/forking the repository and including aframe.depthkit.min.js from the ./dist folder (make sure to clone using --recursive flag if you plan to run the examples to clone the git submodules too)

The simplest way you can initialize a DepthKit video is to create a depthkit entity inside an A-Frame a-scene tag:

<a-scene>
      <a-entity depthkit="type: wire;
                          metaPath: ../ext/DepthKit/assets/Chae/Chae_Demo_Upres.txt;
                          videoPath: ../ext/DepthKit/assets/Chae/Chae_Demo_Upres.webm;
                          autoplay: true;
                          loop: true;">
      </a-entity>
</a-scene>

Where the type attribute support wire/points/mesh for rendering different styles, metaPath is the path to the .txt file with the parameters (exported by DepthKit Visualize) and videoPath is for the path to the video file.

Contribute

PRs are welcome ✊🏻 make sure to clone using the git clone --recursive.

Build system

  • npm run start uses concurrently to start both an http-server and a watchify build opreation on every save to ./dist/aframe.depthkit.js
  • npm run build builds and minifies to ./dist/aframe.depthkit.min.js

Releases

No releases published

Packages

No packages published