Catálogo de ajustes preestablecidos

Estos son los ajustes preestablecidos oficiales enumerados en el tsParticles README principal y disponibles en el espacio de trabajo de ajustes preestablecidos.

Carpeta de origen: https://github.com/tsparticles/tsparticles/tree/main/presets

Preajustes

• ambient - https://www.npmjs.com/package/@tsparticles/preset-ambient - https://particles.js.org/samples/presets/ambient
• big-circles - https://www.npmjs.com/package/@tsparticles/preset-big-circles - https://particles.js.org/samples/presets/bigCircles
• bubbles - https://www.npmjs.com/package/@tsparticles/preset-bubbles - https://particles.js.org/samples/presets/bubbles
• confetti - https://www.npmjs.com/package/@tsparticles/preset-confetti - https://particles.js.org/samples/presets/confetti
• confetti-cannon - https://www.npmjs.com/package/@tsparticles/preset-confetti-cannon - https://particles.js.org/samples/presets/confettiCannon
• confetti-explosions - https://www.npmjs.com/package/@tsparticles/preset-confetti-explosions - https://particles.js.org/samples/presets/confettiExplosions
• confetti-falling - https://www.npmjs.com/package/@tsparticles/preset-confetti-falling - https://particles.js.org/samples/presets/confettiFalling
• confetti-parade - https://www.npmjs.com/package/@tsparticles/preset-confetti-parade - https://particles.js.org/samples/presets/confettiParade
• fire - https://www.npmjs.com/package/@tsparticles/preset-fire - https://particles.js.org/samples/presets/fire
• firefly - https://www.npmjs.com/package/@tsparticles/preset-firefly - https://particles.js.org/samples/presets/firefly
• fireworks - https://www.npmjs.com/package/@tsparticles/preset-fireworks - https://particles.js.org/samples/presets/fireworks
• fountain - https://www.npmjs.com/package/@tsparticles/preset-fountain - https://particles.js.org/samples/presets/fountain
• hyperspace - https://www.npmjs.com/package/@tsparticles/preset-hyperspace - https://particles.js.org/samples/presets/hyperspace
• links - https://www.npmjs.com/package/@tsparticles/preset-links - https://particles.js.org/samples/presets/links
• matrix - receta de demostración del sitio web local disponible en /demos/recipes/matrix
• seaAnemone - https://www.npmjs.com/package/@tsparticles/preset-sea-anemone - https://particles.js.org/samples/presets/seaAnemone
• snow - https://www.npmjs.com/package/@tsparticles/preset-snow - https://particles.js.org/samples/presets/snow
• squares - https://www.npmjs.com/package/@tsparticles/preset-squares - https://particles.js.org/samples/presets/squares
• stars - https://www.npmjs.com/package/@tsparticles/preset-stars - https://particles.js.org/samples/presets/stars
• triangles - https://www.npmjs.com/package/@tsparticles/preset-triangles - https://particles.js.org/samples/presets/triangles

Cada carpeta preestablecida también contiene documentos en el monorepo, por ejemplo:

• https://github.com/tsparticles/tsparticles/tree/main/presets/confetti#readme

Uso rápido

await tsParticles.load({
  id: "tsparticles",
  options: {
    preset: "links",
    fullScreen: {
      enable: false,
    },
  },
});

Para configuraciones de producción, utilice el inicio/detención/reanudar/destruir manualmente como se muestra en las recetas en /demos/.

Utilice /playground/presets para probar cada ajuste preestablecido con controles explícitos de Inicio/Pausa.