1.0.2 • Published 7 years ago
aframe-pointcloud-component v1.0.2
aframe-pointcloud-component
A Point Cloud component for A-Frame.
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-componentThen require and use.
require('aframe');
require('aframe-pointcloud-component');