JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 68
  • Score
    100M100P100Q102185F
  • License MIT

tsParticles bullet hit impact palette

Package Exports

  • @tsparticles/palette-bullet-hit
  • @tsparticles/palette-bullet-hit/package.json

Readme

banner

tsParticles Bullet Hit Palette

jsDelivr npmjs npmjs GitHub Sponsors

tsParticles palette for bullet hit impact.

Discord Telegram

tsParticles Product Hunt

Sample

demo

Colors


#111111

#444444

#888888

#CCCCCC

#FFFFFF

#FFAA44

#FF6600

Background
#0a0a0a
Blend mode: source-over | Fill: true

Quick checklist

  1. Install @tsparticles/engine (or use the CDN bundle below)
  2. Call the package loader function(s) before tsParticles.load(...)
  3. Apply the package options in your tsParticles.load(...) config

How to use it

CDN / Vanilla JS / jQuery

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

Usage

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

(async () => {
  await loadBulletHitPalette(tsParticles);

  await tsParticles.load({
    id: "tsparticles",
    options: {
      palette: "bullet-hit",
    },
  });
})();

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.