implements a-point based on THREE.js point object
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
examples
tests
.gitignore
CONTRIBUTING.md
LICENSE
README.md
index.js
package.json
screenshot.png

README.md

aframe-point-component

A point component for A-Frame. Creates a THREE.Points object. Points remain a point no matter the distance.

Screenshot

VIEW DEMO

API

Property Description Default Value
size size of rendered point (length of rectangle edge) 1
color color definition, like in CSS #888
perspective boolean - should it scale with distance or not false

Custom Methods

setPoints(array of arrays3) - replace single point geometry with multiple points in one a-point instance

example

  element.components.point.setPoints([
    [0,0,0]
    [0,0,1]
    [0,0,2]
    ...
  ])

Installation

npm install aframe-point

Browser

Install and use by directly including the browser files:

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-point-component/dist/aframe-point-component.min.js"></script>
</head>

<body>
  <a-scene>
    <a-entity point="size: 2"></a-entity>
    OR
    <a-point size="2"></a-point>
  </a-scene>
</body>

npm

Install via npm:

npm install aframe-point

Then require and use.

require('aframe');
require('aframe-point');