Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maurocolella/react-gl-particles
Particle effect using React with Pixi.js
https://github.com/maurocolella/react-gl-particles
Last synced: about 1 month ago
JSON representation
Particle effect using React with Pixi.js
- Host: GitHub
- URL: https://github.com/maurocolella/react-gl-particles
- Owner: maurocolella
- Created: 2020-05-09T15:33:40.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T20:13:27.000Z (about 2 years ago)
- Last Synced: 2024-10-31T18:13:31.127Z (3 months ago)
- Language: JavaScript
- Size: 2.56 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Particle Network
Also known as distance field, distance graph, particle graph...
Uses PixiJS for rendering with WebGL, which further opens it up for use with custom shaders.
### Installation
```
npm install --save react-gl-particles
```
### Features:
As of version 1.0.2, the component supports the following properties:
| Property | Type | Default | Use |
| ------------ | ------ | ------------------ | ----------------------------------------------------------- |
| antialias | bool | false | |
| color | number | 0xffffff | Drawing color |
| background | number | None (transparent) | Background color |
| numPoints | number | 100 | Number of vertices |
| maxDistance | number | 100 | Maximum edge length (beyond which edges become transparent) |
| style | object | None | React style definitions |
| className | string | None | React className |