dbradleyfl / aframe-gridhelper

A threejs grid helper as an aframe scene component.

Home Page:http://devonbradley.com/aframe-gridhelper/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

aframe-gridhelper-component

A GridHelper component for A-Frame.

Properties

Property Description Default Value
size 5
divisions 10
colorCenterLine red
colorGrid black

Usage

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.4.0/aframe.min.js"></script>
  <script src="https://rawgit.com/dbradleyfl/aframe-gridhelper/master/dist/aframe-gridhelper-component.min.js"></script>
</head>

<body>
  <a-scene gridhelper>
    <a-entity geometry="primitive: box" material="color: #C03546"></a-entity>
  </a-scene>
</body>

NPM Installation

Install via NPM:

npm install aframe-gridhelper-component

Then register and use.

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

About

A threejs grid helper as an aframe scene component.

http://devonbradley.com/aframe-gridhelper/

License:MIT License


Languages

Language:JavaScript 100.0%