The plugins/emittersShapes/ plugins supply additional emitter shape implementations. They do not define a top-level options schema — shapes are selected via the emitter's shape.type property.
| Package | Shape | Description |
|---|---|---|
@tsparticles/plugin-emitter-shape-canvas |
canvas |
Use an HTML Canvas as the emitter area |
@tsparticles/plugin-emitter-shape-circle |
circle |
Circular emitter area |
@tsparticles/plugin-emitter-shape-path |
path |
SVG path-based emitter area |
@tsparticles/plugin-emitter-shape-polygon |
polygon |
Polygon-shaped emitter area |
@tsparticles/plugin-emitter-shape-square |
square |
Square/rectangle emitter area |
For emitter options see Emitters. Use the shape name (e.g. "circle", "path") as the value of emitters.shape.type.
Every shape implements the draw contract used by the emitter draw option: when
emitters.draw is enabled, the selected shape is rendered on the canvas behind the particles. When
emitters.draggable is enabled, the drag area is the bounding box defined by size.width and
size.height and centered on the emitter position, not the drawn shape; this size-based drag area
does not apply when emitters.domId is set, since emitters linked to a DOM element are never
draggable. Both options default to false.