Aframe-fence-component NPM

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');

aframe aframe-component aframe-vr vr mozvr webvr

@everything-registry/sub-chunk-1104 @zalastax/nolb-afr

0.1.0

8 years ago