## これは何か 「いま見ているのはビデオカメラの録画だ」「監視カメラの映像だ」「双眼鏡でのぞいている」——**何で撮っている映像か**を示す画面の枠を、場面の画像や配信画面の上へ1枚重ねるだけで足す、**継ぎ目のない完全ループの透過APNG**（アニメーションPNG）の素材集です。卓では「前景」に置く素材です。 ビデオカメラの撮影画面・監視カメラ・一時停止したビデオ・カメラのファインダー・双眼鏡・のぞき穴・暗視カメラ・監視モニターの4分割の**8種**を収録しています。 **収録は24ファイルです。内訳は 8種 × 濃度3段。** 演出は8種で、それぞれに薄い／標準／濃いの3段があります。 **重ね方（合成モード）は「通常」のままで使えます。** 乗算・スクリーンなどの設定は要りません。 ## こんなときに使います - 心霊ビデオ・実況の場面に、REC と点滅する赤い丸を重ねたい - 記録映像を止めて調べる場面（一時停止）、警備室の4分割モニター（下に4枚の画像を並べて使います）を見せたい - 見張り・のぞき見の場面を、双眼鏡やのぞき穴の視界にしたい - 同じショップの「映像の質感オーバーレイ」（走査線・フィルムの粒ほか）と重ねて、「監視カメラの映像」「暗視の画面」を作りたい ## できること - **01〜04 は画面の中央をほとんど空けています**（画面中央の縦横50%で何か描かれている画素は最大0.7%）。重ねても場面の絵や立ち絵が隠れません。05 双眼鏡は円の中が透明、06 のぞき穴は中央の範囲の四隅に縁のにじみ、07 暗視は画面全体に色、08 4分割は十字の線が中央を通ります - **文字は明るい場面でも暗い場面でも読めます。** 白い線と文字に2pxの暗いふちを付け、全コマで機械検査しています（白い文字と自分のふちとの明るさの比は最小6.7:1。文字と下の場面との比ではありません） - **何周しても継ぎ目が出ません。** 「最終→先頭の変化量が、ループ内の通常のフレーム間変化の最大値の1.10倍以下」を**24ファイル全数**で確認しています（実測の最大は1.000倍） - **濃度3段**：`lv1`（薄い）/`lv2`（標準）/`lv3`（濃い）を差し替えるだけです - **全ファイル1MB（1,000,000バイト）未満**。全24ファイルが無料版と同じ作り（全コマ画面全体の大きさのコマ・同じ重ね方の指定。機械検査で全228コマを確認） - **同じショップの「演出オーバーレイ素材」「映像の質感オーバーレイ」と寸法・濃度の段・ファイル名の付け方がそろっています** - **商用利用できます。クレジット表記は不要です**（同梱の`LICENSE.txt`にOK例・NG例） ### 収録ファイルと実測重量 | No | 内容 | 1周 | フレーム | lv1 | lv2 | lv3 | |---|---|---|---|---|---|---| | 01 | ビデオカメラの撮影画面 | 1.00秒 | 2f/500ms | 0.01MB | 0.01MB | 0.01MB | | 02 | 監視カメラ | 1.00秒 | 2f/500ms | 0.01MB | 0.01MB | 0.01MB | | 03 | 一時停止したビデオ | 1.00秒 | 2f/500ms | 0.01MB | 0.01MB | 0.01MB | | 04 | カメラのファインダー | 3.00秒 | 24f/125ms | 0.14MB | 0.14MB | 0.14MB | | 05 | 双眼鏡 | 4.00秒 | 20f/200ms | 0.48MB | 0.51MB | 0.54MB | | 06 | のぞき穴 | 4.00秒 | 16f/250ms | 0.76MB | 0.79MB | 0.81MB | | 07 | 暗視カメラ | 4.00秒 | 8f/500ms | 0.77MB | 0.78MB | 0.76MB | | 08 | 監視モニターの4分割 | 1.00秒 | 2f/500ms | 0.01MB | 0.01MB | 0.01MB | 全ファイル1280×720・合計 約6.8MB。出荷したファイルを測った値です。 ### 1コマあたりの明るさの変化の最大（縦横4×4の16区画） | No | 内容 | lv1 | lv2 | lv3 | |---|---|---|---|---| | 01 | ビデオカメラの撮影画面 | 0.9% | 1.0% | 1.0% | | 02 | 監視カメラ | 0.8% | 0.9% | 0.9% | | 03 | 一時停止したビデオ | 2.5% | 2.7% | 2.8% | | 04 | カメラのファインダー | 0.0% | 0.0% | 0.0% | | 05 | 双眼鏡 | 1.0% | 1.1% | 1.2% | | 06 | のぞき穴 | 1.0% | 1.0% | 1.0% | | 07 | 暗視カメラ | 1.2% | 1.2% | 1.1% | | 08 | 監視モニターの4分割 | 0.7% | 0.7% | 0.8% | **測り方。** 黒・灰・白の背景（sRGBで0・128・255）に重ね、色を0〜255の整数へ丸めてから、16区画ごとの平均の明るさ（相対輝度。灰は約21.6%）が隣り合う2コマで動く量の最大（最後→最初も含む）。作る段階の上限は5.0%です。区画を縦横16×16に細かくした値は同梱のREADMEにあります（PAUSE の文字の区画で最大19.4%）。丸めずに計算すると07だけ少し小さく出ます（READMEに値）。 ### 画素ごとに見た時：隣り合う2コマで相対輝度が10ポイント以上変わる画素の割合（参考値） | No | 内容 | lv1 | lv2 | lv3 | |---|---|---|---|---| | 01 | ビデオカメラの撮影画面 | 0.1% | 0.1% | 0.1% | | 02 | 監視カメラ | 0.1% | 0.1% | 0.1% | | 03 | 一時停止したビデオ | 0.3% | 0.3% | 0.3% | | 04 | カメラのファインダー | 0.2% | 0.2% | 0.2% | | 05 | 双眼鏡 | 1.9% | 2.0% | 2.0% | | 06 | のぞき穴 | 0.0% | 0.0% | 0.0% | | 07 | 暗視カメラ | 0.0% | 0.0% | 0.0% | | 08 | 監視モニターの4分割 | 0.2% | 0.2% | 0.2% | - **0.0% は「変わらない」ではありません。** のぞき穴と暗視カメラはゆっくり変わる（1コマでは、どの画素も10ポイントに届かない）ので0.0%です。動きの大きさは上の16区画の表を見てください - **点滅は1秒に1回**（0.5秒点いて0.5秒消える）。点滅するのは隅の赤い丸と PAUSE の文字だけで、画面全体が明滅する種類はありません。ただし07 暗視カメラは、画面全体の色かぶりの濃さが0.5秒ごとに少し変わります（16区画で1コマ最大1.2%） ## できないこと - **光の点滅に敏感な方への影響は、当方では確かめていません。何も保証しません。** 上の数値は当方の測り方での仕様の値です。そういう方がいる場での手立ての例：**点滅しない種類（ファインダー・双眼鏡・のぞき穴）を使う・重ねない・始める前に「点滅する演出があります」と知らせる**（lv1 にしても点滅の強さはほとんど変わりません） - **下の映像を歪められません。** のぞき穴の魚眼や双眼鏡の拡大は作れません（円で切り抜いた視界までです）。暗視カメラは緑を「かぶせる」だけで、下の絵を白黒の緑には変えません - **時刻・日付・録画時間は入っていません。** 文字（REC・CAM 1〜4・PAUSE）は差し替えられず、番号違いの版もありません - **作り物の映像を、実在の記録映像だと人に誤認させる使い方はできません**（`LICENSE.txt`） - **音は入っていません** - **APNGを再生できない環境では、1コマ目だけの静止画になります**（点滅の種類は点きっぱなしに見えます） - **GIF・MP4・連番PNGは入っていません。1280×720のみです** ## 使い方 1. ZIPを解凍して、まず **`見本.html`** をダブルクリックします（24本すべてが動いて並びます） 2. 使いたい種類を決め、`png` フォルダから **`lv2`（標準）** のファイルを選びます 3. 使う場所（卓・配信画面・編集ソフト）へ、**画像として**場面の絵より**上**（卓なら前景）、文字の欄より**下**に置きます。重ね方の設定は通常のままです。**08 4分割は、下に4枚の画像（各640×360）を並べてから重ねます** 4. 濃すぎたら`lv1`、物足りなければ`lv3`へ差し替えます 5. 止まって見えたら、その置き方はAPNGを再生していません。同梱のREADMEに、ブラウザで表示できる置き先向けの一般的な手順を書いています（個々のソフトでは確かめていません） ## 間違えやすい点 - **双眼鏡・のぞき穴・暗視カメラの外側は暗い色です。** 暗い場面の上では目立ちません。重ね方の設定を変える必要はありません - **08 4分割を1枚の場面の上に重ねると、十字の線が中央の人物を横切ります。** 下に4枚の画像を並べて使う枠です - **「24点」は種類の数ではありません。** 種類は8種、濃度3段が掛かって24ファイルです - **APNGはGIFではありません。** PNGをダブルクリックすると、多くのパソコンでは静止画に見えます。動きは同梱の`見本.html`で確かめられます - **質感（走査線・ノイズ等）は入っていません。** 枠だけの商品です ## 動作環境 **APNG（アニメーションPNG）を表示できる環境**で使えます。制作時にChromiumで、**ページの画像として置く方法（HTMLの画像要素・CSSの背景画像）では8種類とも動き、プログラムが描画面へ転送して描く作りでは1コマ目のまま止まる**ことを実測しています。 **対応しているか確かめてから買えます。** 無料版（ビデオカメラの撮影画面・双眼鏡の6ファイル、¥0）を先にお使いください。有料版の24ファイルは無料版と同じ作り（全コマ画面全体の大きさ・同じ重ね方の指定・同じ寸法）なので、無料版が動く場所なら同じ作りのファイルとして読まれます。 --- ## 勧めにくい方 - **時刻が進むカメラ表示が欲しい方** — 時刻は入っていません - **魚眼や拡大など、下の絵を変形させたい方** — 重ねる画像なので作れません - **お使いのツールがAPNG非対応の方** — 静止画になります。まず無料版でご確認ください --- ## 制作について すべて数式と点の並びから手続き的に生成しています。第三者の画像・写真・映像・フォント・既存作品の図柄は使用していません（文字も書体ファイルではなく、点の並びで描いています）。特定のメーカー・機種の画面表示はなぞっていません。