Skip to content

tsParticles高性能なパーティクルエンジンと、使いやすい開発ワークフロー

あらゆる framework で、インタラクティブな背景・エフェクト・紙吹雪をすばやく導入できます。

tsParticles

このドキュメントの狙い

このサイトは、最も多い質問 「いま tsParticles をどう使うのか?」 に最短で答えられるように再設計されています。

  • 5 分以内に動くスニペットから開始できます。
  • 多数のリポジトリを横断せずに適切な package を選べます。
  • options、config、presets、palettes をすばやく見つけられます。
  • 重いエフェクトは、明示的な開始/一時停止コントロールで必要なときだけ有効化できます。

最初に読むべきページ

  1. /guide/getting-started: インストール、初回レンダリング、最小オプション。
  2. /guide/installation: CDN/package manager の導入マトリクスと import パターン。
  3. /playground/: コマンドでデモを起動し、JSON をライブ編集。
  4. /demos/: 本番向けレシピをそのまま利用。
  5. /options/: ルート options の地図と詳細ページへの導線。
  6. /migration/: particles.js からの移行手順と互換性メモ。
  7. /guide/wrappers: 公式 wrappers と framework 別リンク。
  8. /guide/plugins-customization: カスタム shape、presets、plugin 拡張。
  9. /guide/templates-resources: スターターリポジトリと共有リソース。
  10. /guide/video-tutorials: 公式動画デモと参考資料。
  11. /guide/dependency-graph: engine と bundles の依存関係マップ。

主要ソースと重要フォルダー

プロジェクトを支援する