tsParticles BulletHit Palette

tsParticles palette for colored smoke amber.

Sample

Colors

`#111111`	`#444444`	`#888888`	`#CCCCCC`	`#FFFFFF`
`#FFAA44`	`#FF6600`
Background `#0a0a0a`
Blend mode: `source-over` \| Fill: `true`

Quick checklist

Install @tsparticles/engine (or use the CDN bundle below)
Load a base package (for example @tsparticles/basic) and call loadBulletHitPalette before tsParticles.load(...)
Apply the palette plus a minimal particles configuration in your options

A palette defines colors, not complete behavior, so pair it with a runtime package and particle options.

How to use it

CDN / Vanilla JS / jQuery

<script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@4/tsparticles.basic.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-bulletHit@4/tsparticles.palette-coloredSmokeAmber.min.js"></script>

Usage

Once the scripts are loaded you can set up tsParticles like this:

(async engine => {
  await loadBasic(engine);
  await loadBulletHitPalette(engine);

  const options = {
    particles: {
      number: { value: 200 },
      shape: { type: "circle" },
      size: { value: { min: 10, max: 15 } },
      move: {
        enable: true,
        speed: 2,
      },
    },
    palette: "bulletHit",
  };

  await engine.load({
    id: "tsparticles",
    options,
  });
})(tsParticles);

Customization

Important ⚠️ You can override all the options defining the properties like in any standard tsParticles installation.

Frameworks with a tsParticles component library

Checkout the documentation in the component library repository and call the loadBulletHitPalette function.

Presets and palettes catalog: https://github.com/tsparticles/palettes
Main docs: https://particles.js.org/docs/

@tsparticles/palette-bullet-hit

Package Exports

Readme