Deckgl-particle-layer NPM

deckgl-particle

Particle layer for deck.gl, based on deck.gl-particle Typescript version, with d.ts

demo

Usage

import { Deck } from '@deck.gl/core';
import { ParticleLayer } from 'deckgl-particle-layer';

const deckgl = new Deck({
  layers: [
    new ParticleLayer({
        id: 'particle',
        image: 'https://mapbox.github.io/webgl-wind/demo/wind/2016112000.png',
        numParticles: 5000,
        maxAge: 50,
        speedFactor: 0.3,
        uWindMin: -21.32,  // min and max windUV, form .json file, like this [link](https://mapbox.github.io/webgl-wind/demo/wind/2016112000.json)
        uWindMax: 26.8,
        vWindMin: -21.57,
        vWindMax: 21.42,
        bounds: [-180, -90, 180, 90], // bounds for wind, default is [-180, -90, 180, 90]
        boundsClip: false,  // enable clip bounds, for part wind
        width: 2,
        opacity: 1,
        animate: true,
        colors: {
            0.0: '#3288bd',
            0.1: '#66c2a5',
            0.2: '#abdda4',
            0.3: '#e6f598',
            0.4: '#fee08b',
            0.5: '#fdae61',
            0.6: '#f46d43',
            1.0: '#d53e4f'
        }  // colors for different speed
    });
  ],
  _animate: true,
});

Requires WebGL 2 (Chrome, Firefox, Edge, Safari 15).