Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daavoo/aframe-pointcloud-component
A Point Cloud component for [A-Frame](https://aframe.io).
https://github.com/daavoo/aframe-pointcloud-component
a-frame point-cloud
Last synced: 2 months ago
JSON representation
A Point Cloud component for [A-Frame](https://aframe.io).
- Host: GitHub
- URL: https://github.com/daavoo/aframe-pointcloud-component
- Owner: daavoo
- License: mit
- Created: 2017-08-04T17:28:11.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-08-05T10:57:52.000Z (over 7 years ago)
- Last Synced: 2024-10-03T12:44:54.802Z (3 months ago)
- Topics: a-frame, point-cloud
- Language: JavaScript
- Size: 10.5 MB
- Stars: 33
- Watchers: 1
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## aframe-pointcloud-component
A Point Cloud component for [A-Frame](https://aframe.io).
### 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 |
| depthWrite | When using texture it can be useful to set this to false 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](dist):
```html
My Point Cloud Scene
```
#### npm
Install via npm:
```bash
npm install aframe-pointcloud-component
```
Then require and use.
```js
require('aframe');
require('aframe-pointcloud-component');
```