❤
npm
Sign UpSign In

aframe-pointcloud-component

1.0.2 • Public • Published

aframe-pointcloud-component

A Point Cloud component for A-Frame.

gif

API

Property Description Default Value
src path to a .ply file "". Mandatory
texture path to a .png file "". Optional
size size of the rendered points 1
opacity opacity of the rendered points 1
size size of the rendered points 1
depthWrite When using a texture it can be useful to disable the depth writing in order to avoid creating z-index artifacts. true

You might have to also adjust the scale, position and rotation properties in order to fit the point cloud to your scene.

The best way to adjust this properties is by using the awesome a-frame inspector (press Crtl+Alt+I in the scene window).

Take a look at the included example.

Installation

Browser

Install and use by directly including the browser files:

<head>
  <title>My Point Cloud Scene</title>
  <script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script> 
  <script src="https://unpkg.com/aframe-pointcloud-component/dist/aframe-pointcloud-component.min.js"></script> 
</head>
 
<body>
  <a-scene>
      <a-pointcloud 
        scale="0.5 0.5 0.5" 
        position="1.5 2 0.5" 
        src="url(Sphere.ply)" 
        size="0.05"
        texture="url(firefox.png)"
        depthWrite="false">
      </a-pointcloud>
  </a-scene>
</body>

npm

Install via npm:

npm install aframe-pointcloud-component

Then require and use.

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

Readme

Keywords

Package Sidebar

Install

npm i aframe-pointcloud-component

Repository

github.com/daavoo/a-frame-pointcloud-component

Homepage

github.com/daavoo/a-frame-pointcloud-component#readme

Weekly Downloads

11

Version

1.0.2

License

MIT

Last publish

Collaborators

  • daavoo
Try on RunKit
Report malware