雨・雪・霧・火の粉・木漏れ日・水中の光条・塵・蛍——**場の空気を作る半透明の演出アニメーション**を、**継ぎ目のない完全ループの透過APNG**（アニメーションPNG）で収録した素材集です。 シーン画像や配信画面の上に1枚重ねるだけで、その場の天候・空気が動き続けます。**再生ソフトも設定も不要**で、APNGを表示できる場所（主要ブラウザ、ブラウザ上で動くツール全般）に置けばそのままループ再生されます。 **収録は24ファイルです。内訳は 8種 × 濃度3段。**「24種類の演出」ではありません。演出は8種で、それぞれに薄い／標準／濃いの3段が用意されています。 ## こんなときに使います - オンラインセッションの卓の背景に、雨や霧を**動いた状態で**重ねたい - 配信画面・待機画面に、火の粉や塵の漂いで空気感を足したい - 立ち絵やマップを差し替えずに、天候・時間帯の変化だけを演出したい - 動画編集で、撮影素材の上へ雪や木漏れ日をオーバーレイしたい ## できること - **何周しても継ぎ目が出ません。** 端の処理でつないだのではなく、時間を円として閉じた計算で生成しているため、最終フレームの次が数学的に最初のフレームへ戻ります。機械検査で「最終→先頭の変化量が、ループ内の通常のフレーム間変化の最大値以下」であることを**24ファイル全数**で確認しています（最大値比 1.000以下。この数値の意味は下の「間違えやすい点」） - **濃度3段が同梱されています。** 買った後に透明度をいじらなくても、`lv1`（薄い）/`lv2`（標準）/`lv3`（濃い）を差し替えるだけで濃さを選べます。粒の種類（雨・雪・火の粉・塵・蛍）は、`lv1` の粒が同じ位置・同じ動きで `lv2`・`lv3` にも入っていて、上の段ほど粒が増えます。霧・木漏れ日・水中の光条は3段とも同じ形の濃さ違いです - **秒数・フレーム数・重量を全ファイル明記しています**（下表）。ループ秒数は雨3.00秒・火の粉4.00秒、それ以外は5.12秒。速く動く雨・雪・火の粉は25コマ/秒で、1コマぶんの軌跡（雨は筋、雪・火の粉は短い尾）を描いています - **背景が透明なAPNGです。** 各ファイルは1色＋透明度でできているので、レイヤーの色調整（色相変更など）が素直に効きます。霧・木漏れ日・水中の光条は透明度を刻まず（1/255ずつ）、なめらかな面に縞が出にくくしてあります - **商用利用できます。クレジット表記は不要です**（同梱の`LICENSE.txt`にOK例・NG例を具体的に書いています） ### 収録ファイルと実測重量 | No | 内容 | 1周 | コマ | lv1 | lv2 | lv3 | |---|---|---|---|---|---|---| | 01 | 雨 | 3.00秒 | 75コマ・25コマ/秒 | 1.16MB | 2.18MB | 3.83MB | | 02 | 雪 | 5.12秒 | 128コマ・25コマ/秒 | 0.80MB | 1.49MB | 2.71MB | | 03 | 霧 | 5.12秒 | 64コマ・12.5コマ/秒 | 2.39MB | 3.28MB | 4.25MB | | 04 | 火の粉 | 4.00秒 | 100コマ・25コマ/秒 | 0.82MB | 1.63MB | 2.98MB | | 05 | 木漏れ日 | 5.12秒 | 64コマ・12.5コマ/秒 | 2.05MB | 2.29MB | 2.47MB | | 06 | 水中の光条 | 5.12秒 | 64コマ・12.5コマ/秒 | 1.66MB | 2.18MB | 2.68MB | | 07 | 塵・光の粒 | 5.12秒 | 64コマ・12.5コマ/秒 | 0.18MB | 0.31MB | 0.55MB | | 08 | 蛍 | 5.12秒 | 64コマ・12.5コマ/秒 | 0.50MB | 0.89MB | 1.49MB | 全ファイル1280×720。24ファイル合計 44.8MB（1MB＝100万バイト。配布ZIPは約44MB）。 （v2のファイルを実際に測った値です） ## できないこと - **音は入っていません。** 映像のオーバーレイのみです - **シナリオ・マップ・立ち絵などのデータではありません。** 演出画像だけです - **特定のアプリ専用の商品ではありません。** 専用の連携機能・組み込み手順は持ちません。逆に言えば、APNGを表示できる場所ならどこでも使えます - **GIF・MP4・WebM・連番PNGは入っていません。** 形式はAPNGのみです（変換は可能です。`LICENSE.txt`の範囲で加工できます） - **再生速度・色・濃度をファイル自体で切り替える機能はありません。** 濃度は3段の差し替え、色や速度は配置先ソフトの機能で調整してください - **敷き詰め（タイリング）用の素材ではありません。** つながっているのは時間方向だけで、左右の端はつながっていません。画面より大きく使うときは拡大してください ## 使い方 1. ZIPを解凍して、まず **`見本.html`** を開きます（ブラウザで開き、種類ごとに［▶ 動かす］で実際に動きます。8種の一覧は `PREVIEW.png` にもあります） 2. 使いたい演出を決めます（迷ったら、暗い場面は霧`03_fog`、明るい場面は水中の光条`06_underwater`か木漏れ日`05_sunlight`） 3. `png` フォルダから **`lv2`（標準）** のファイルを選びます 4. 使う場所（卓・配信画面・編集ソフト）へ、背景より**上**のレイヤーとして置きます 5. 濃すぎたら`lv1`、物足りなければ`lv3`へ差し替えます 6. 再生されているか確認します（自動でループします。再生ボタンはありません） ## 間違えやすい点 - **「24点」は演出の種類数ではありません。** 種類は8種、そこに濃度3段が掛かって24ファイルです - **APNGはGIFではありません。** 対応していない場所（多くの画像ビューア・一部の編集ソフト・一部の投稿先）では、**最初の1コマだけが静止画として表示されます**。これは不具合ではなくAPNGの仕様です。お使いのツールが対応しているかは、購入前に無料版でお確かめください - **「最大値比1.000以下」の意味。** ループの切れ目（最終→先頭）の画素変化量が、ループ中に毎周起きているフレーム間変化の最大値を超えない、という機械検査の実測値です。つまり切れ目は、通常の動きと区別できません - **暗い背景ほど映えます。** 明るい背景でいちばん見えるのは水中の光条、次が木漏れ日です（実測。数値は同梱の`README.txt`）。白っぽい素材（雨・雪・霧・塵）は明るい背景ではほとんど見えませんが、置き先で明るさを下げると濃い灰色の雨・靄として使えます - **重ねる枚数はほどほどに。** 2〜3枚の重ねがけは想定内ですが、枚数分だけ表示側の負荷が増えます。濃くしたいときは重ねるより`lv3`を使ってください ## 動作環境 **APNG（アニメーションPNG）を表示できる環境**で使えます。現行の主要ブラウザはAPNGに対応しており、ブラウザ上で動くツールもブラウザの再生機能をそのまま使います（制作時にChromiumでの自動ループ再生を実測しています）。 画像をレイヤーとして配置できる編集ソフトでも扱えますが、**編集ソフト上でアニメーションとして再生されるかはソフトによります**（静止画として読み込まれ、書き出しで動く場合もあります）。 **対応しているか確かめてから買えます。** 無料版（同じ商品の雨・霧6ファイル、¥0）を先にお使いください。無料版が動く環境なら、この商品の24ファイルもすべて動きます。 --- ## 勧めにくい方 - **GIFやMP4の形式が必要な方** — APNGのみの収録です - **お使いのツールがAPNG非対応の方** — 静止画になってしまいます。まず無料版でご確認ください - **音つきの演出を探している方** — 音は入っていません - **4K画質で細部まで見せたい方** — 1280×720です。全画面へ拡大すると柔らかい素材（霧・光条）は問題ありませんが、粒の輪郭（雨・雪）は甘くなります --- ## 制作について すべて数式から手続き的に生成しています。第三者の画像・写真・フォント・既存作品の図柄は使用していません。ループは、端をあとからつなぎ合わせたのではなく、**時間の軸そのものを円として閉じて生成している**ため、継ぎ目が構造的に発生しません。 **2026-10-07 に v2 へ更新しました。** 雨の筋の向きと落ちる向きのずれ、なめらかな面の縞、雪・火の粉・塵の動きのとび、水中の光条が画面全体でまとめて明滅する点を直し、霧はその場で形を変えるだけだったのを、濃淡全体が右へ流れるようにしました。また濃度3段の説明を実物どおりにしました（直した点の一覧は同梱の`README.txt`）。ご購入済みの方は、購入履歴から再ダウンロードすると v2 を受け取れます。