必ずお読みください

利用規約・免責事項

注意

ファイルの移動について

解凍したフォルダ内のファイル構成を変えると動かなくなります。 移動する際は必ず「フォルダごと」移動してください。

導入手順

  1. 簡単な導入方法（ドラッグ＆ドロップ）

    1. フォルダ内にある light_particles.html を、そのままOBSの画面上にドラッグ＆ドロップします。
    2. 光の粒子が画面下から上へと舞い始めます。

    <aside> 💡

    画面全体に広げるポイント

    追加されたソースをダブルクリック（または右クリック ＞ プロパティ）し、「例： 幅1920、高さ1080」（ご自身の配信解像度）に設定してください。

    </aside>

  2. カスタムCSSで自分好みに調整する

    粒子の色・量・大きさ・速度などをカスタマイズできます。

    【設定手順】

    1. OBSのソース一覧にある追加したファイル（ブラウザソース）をダブルクリックしてプロパティを開きます。
    2. 下部にある**「カスタムCSS」の入力欄に、以下のコードを追記（コピー＆ペースト）**します。※元から入っているOBSのデフォルト記述は消さずに、改行してその下に貼り付けてください。
    3. 数値やカラーコードをお好みに変更し、**「OK」**をクリックします。

    【デフォルト設定（コピペ用）】

    /* ====================================
   光粒子エフェクト 設定
==================================== */
:root {
	/* 粒子の色（カラーコード） */
	--particle-color: #FFD700;
	
	/* 背景のぼんやり光の強さ (0〜1 / 0にすると非表示) */
  --bg-glow-opacity: 0.3;
	
	/* 粒子の個数（個） */
	--particle-count: 60;
	
	/* 粒子のサイズ範囲 (px) */
	--min-size: 10;
	--max-size: 50;
	
	/* 上昇にかかる時間 (秒) ※小さいほど速く、大きいほどゆっくり */
	--min-duration: 8;
	--max-duration: 20;
	
	/* 左右の揺れ幅の最大値 (px) */
	--max-drift: 150;
	
	/* 最大回転角度 (度) ※360で1回転 */
	--max-rotation: 720;
}

  3. コピペで使える！おすすめ設定プリセット

    カスタマイズが面倒な場合は、以下のコードをそのままカスタムCSS欄に貼り付けてみてください。

    プリセット1： 幻想的な星屑・夜空（マリブ）

    小さめの粒子がゆったり舞い上がる、落ち着いた夜配信や歌枠におすすめの設定です。

    :root {
	--particle-color: #70d6ff;
	--bg-glow-opacity: 0.3;
	--particle-count: 80;
	--min-size: 6;
	--max-size: 25;
	--min-duration: 12;
	--max-duration: 25;
	--max-drift: 100;
	--max-rotation: 360;
}

    プリセット2：炎・火の粉（バーニングオレンジ）

    激しく回転しながら上昇する火の粉風。ゲーム配信やテンションの高い場面にぴったりです。

    :root {
	--particle-color: #ff6b35;
	--bg-glow-opacity: 0.3;
	--particle-count: 70;
	--min-size: 8;
	--max-size: 35;
	--min-duration: 1;
	--max-duration: 5;
	--max-drift: 1100;
	--max-rotation: 2160;
}

    プリセット3：桜・フェアリーダスト（ティックルミーピンク）

    ふんわりと可愛らしい光の粒子。雑談配信や可愛い雰囲気の画面にマッチします。

    :root {
	--particle-color: #ff77a9;
	--bg-glow-opacity: 0.3;
	--particle-count: 65;
	--min-size: 12;
	--max-size: 40;
	--min-duration: 10;
	--max-duration: 22;
	--max-drift: 1600;
	--max-rotation: 540;
}

    プリセット4：神聖な光粉・魔法空間（ゴールド）

    無数の細やかな光の粉が空間をゆっくりと満たす、アニメやRPGのワンシーンのような幻想的な演出。記念配信やしっとりした歌枠、OP/EDにおすすめです。

    :root {
	--particle-color: #ffd700;
	--bg-glow-opacity: 0.3;
	--particle-count: 200;
	--min-size: 1;
	--max-size: 10;
	--min-duration: 10;
	--max-duration: 40;
	--max-drift: 100;
	--max-rotation: 360;
}

その他・困ったとき

背景が透明にならず、真っ暗（または真っ白）になる

OBSに追加したソースをダブルクリックしてプロパティを開き、「カスタムCSS」欄の一番下に以下のテキストを追加して「OK」を押してください。

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }