プリセットカタログ

これらは、メインの tsParticles README にリストされている公式プリセットであり、プリセット ワークスペースで利用できます。

ソースフォルダー: https://github.com/tsparticles/tsparticles/tree/main/presets

プリセット

• ambient - https://www.npmjs.com/package/@tsparticles/preset-ambient - /demos/recipes/ambient
• big-circles - https://www.npmjs.com/package/@tsparticles/preset-big-circles - /demos/recipes/big-circles
• bubbles - https://www.npmjs.com/package/@tsparticles/preset-bubbles - /demos/recipes/bubbles
• confetti - https://www.npmjs.com/package/@tsparticles/preset-confetti - /demos/recipes/confetti
• confetti-cannon - https://www.npmjs.com/package/@tsparticles/preset-confetti-cannon - /demos/recipes/confetti-cannon
• confetti-explosions - https://www.npmjs.com/package/@tsparticles/preset-confetti-explosions - /demos/recipes/confetti-explosions
• confetti-falling - https://www.npmjs.com/package/@tsparticles/preset-confetti-falling - /demos/recipes/confetti-falling
• confetti-parade - https://www.npmjs.com/package/@tsparticles/preset-confetti-parade - /demos/recipes/confetti-parade
• party - https://www.npmjs.com/package/@tsparticles/preset-party - /demos/recipes/party
• fire - https://www.npmjs.com/package/@tsparticles/preset-fire - /demos/recipes/fire
• firefly - https://www.npmjs.com/package/@tsparticles/preset-firefly - /demos/recipes/firefly
• fireworks - https://www.npmjs.com/package/@tsparticles/preset-fireworks - /demos/recipes/fireworks
• fountain - https://www.npmjs.com/package/@tsparticles/preset-fountain - /demos/recipes/fountain
• hyperspace - https://www.npmjs.com/package/@tsparticles/preset-hyperspace - /demos/recipes/hyperspace
• links - https://www.npmjs.com/package/@tsparticles/preset-links - /demos/recipes/links
• matrix - ローカル Web サイトのデモ レシピは /demos/recipes/matrix で利用可能です
• meteors - https://www.npmjs.com/package/@tsparticles/preset-meteors - /demos/recipes/meteors
• seaAnemone - https://www.npmjs.com/package/@tsparticles/preset-sea-anemone - /demos/recipes/sea-anemone
• snow - https://www.npmjs.com/package/@tsparticles/preset-snow - /demos/recipes/snow
• squares - https://www.npmjs.com/package/@tsparticles/preset-squares - /demos/recipes/squares
• stars - https://www.npmjs.com/package/@tsparticles/preset-stars - /demos/recipes/stars
• triangles - https://www.npmjs.com/package/@tsparticles/preset-triangles - /demos/recipes/triangles

各プリセット フォルダーには、monorepo 内のドキュメントも含まれています。次に例を示します。

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

簡単な使い方

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

運用セットアップの場合は、/demos/ のレシピに示されているように、手動の開始/停止/再開/破棄を使用します。

/playground/presets を使用して、明示的な開始/一時停止コントロールを使用して各プリセットをテストします。