【無料版あり】HPゲージ演出メーカー|数字を入れるだけでダメージで減る・回復で伸びる動くHPバー・2本対応・動くAPNG・OBS用動画
- 無料版Digital0 JPY
- 全部入りDigital300 JPY





数字を入れるだけで、HPゲージが「ダメージで揺れて減る」「回復で伸びる」動く演出になるブラウザのツールです。 インストール・ネット接続は不要です。TRPGのセッション、マーダーミステリー、配信やゲーム実況、リプレイ動画に。 決まった絵の素材集とちがい、最大・変化前・変化後の数を入れると、その数どおりに動きます。ゲージの名前(HP・MP・スタミナ・好感度など)も自由です。 ■できること ・ゲージのデザイン6種:シンプル/ポップ/ファンタジー/サイバー/和風/ホラー ・ゲージの色8(「自動」は残りが減ると緑→黄→赤)/書体3(ゴシック・明朝・丸ゴシック) ・ゲージは2本まで(2本目は名前を空にするとなし)。2本目はすこし遅れて動きます ・ダメージ:ゲージが揺れて光り、減った分があとから流れて消え、「−数」が飛び出します ・回復:ゲージが伸びて「+数」が出ます ・数字の表示(65 / 100・65・65%・なし)、キャラクター名、顔アイコン、背景画像 ・位置(下・まん中・上)、長さ(短い・ふつう・長い) ・再生:「1回だけ」(最後の絵で止まる)か「くり返し」 ・保存:PNG(1920×1080・4K)/動くAPNG/動画(WebM) ・入れた画像は端末の外に送られません ■ココフォリアで ・動くAPNGをカットイン・前景・スクリーンパネルに置くと動きます(実際にココフォリアの部屋に置いて確認しました) ・背景画像がないときは、ゲージのまわりを透明に切り抜いて保存します ・ココフォリアで動かなくならないよう、4.5MB以内に自動で調整します ■OBSで ・OBSの「画像」ソースではAPNGが動かないため、動画(WebM)を「メディアソース」に入れてください ・動画の背景はグリーンバックです。ソースを右クリック→「フィルタ」→「クロマキー」で緑が消え、ゲージだけが重なります(OBSで確認しました) ■無料版と全部入りの違い ・無料版(0円):デザイン2(シンプル・ポップ)・色2(自動・緑)・書体2。ゲージ2本・数字・増減の数・顔アイコン・背景・PNG・動くAPNG・動画はすべて使えます ・全部入り(300円):デザイン6・色8・書体3すべて まず無料版で試して、気に入ったら全部入りをどうぞ。 ■使い方 1. zipを展開し、HTMLファイルをChrome・Edgeなどで開きます 2. 名前・最大・変化前・変化後を入れ、デザイン・色・書体を選びます 3. 「PNG」「動くAPNG」「動画(WebM)」のどれかで保存します ■規約 ・個人/商用の配信、動画、TRPGセッション、マーダーミステリー、ゲーム実況、同人作品で使えます(クレジット任意) ・作った画像・動画は自由に使えます。HTMLそのものの再配布・販売は禁止です ・本ツールの作成には生成AIを利用しています(プログラムで作っています) ■このショップのほかの素材 ・【無料版あり】判定演出メーカー https://booth.pm/ja/items/9140976 ・【無料版あり】会話ウィンドウメーカー https://booth.pm/ja/items/9139417




