Skip to content
Branch: master
Go to file
Code
This branch is 16 commits ahead, 22 commits behind ngokevin:master.

Latest commit

Files

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

README.md

aframe-fence-component

A Camera Fence component for A-Frame VR.

Properties

Property Description Default Value
width fence width 10
depth fence depth 10
x0 starting corner, x 0
z0 starting corner, z 0

Usage

The fence-component sets bounds for the camera, which fences the camera in a restricted area.

Setting the width and depth values establishes the size of the fenced area. Setting x0 and z0 establishes the starting (x,z) corner of the fenced area.

Browser Installation

Install and use by directly including the browser files:

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>
  <script src="https://rawgit.com/atomicguy/aframe-fence-component/master/dist/aframe-fence-component.min.js"></script>
</head>

<body>
  <a-scene>
    <a-entity fence="width: 10; depth: 10; x0: -1; z0: 2"></a-entity>
  </a-scene>
</body>

Install via NPM:

npm install aframe-fence-component

Then register and use.

require('aframe');
require('aframe-fence-component');

About

An A-Frame component to fence in the camera

Resources

License

You can’t perform that action at this time.