Particle simulation layer for deck.gl
import { Deck } from '@deck.gl/core';
import { ParticleLayer } from 'deck.gl-particle';
const deckgl = new Deck({
layers: [
new ParticleLayer({
id: 'particle',
image: ..., // see deck.gl BitmapLayer image property
numParticles: ..., // number
maxAge: ..., // number
speedFactor: ..., // number
color: ..., // [number, number, number]
width: ..., // number
opacity: ..., // number
});
],
_animate: true,
});
Requires WebGL 2 (Chrome, Firefox, Edge, Safari 15).
Image contains particle speeds in deck.gl COORDINATE_SYSTEM.LNGLAT, u component encoded into R channel, v component encoded into G channel. See sample image. The image can be generated with the following commands, with u.grib and v.grib files as input:
gdalbuildvrt -separate wind_data.vrt u.grib v.grib
gdal_translate -ot Byte -scale -128 127 0 255 wind_data.vrt wind_data.png
There is a commercial library with particle layer improvements and additional layers available with WeatherLayers.com subscription.