frworksfrworks

OBS用 グラスモーフィズム テキストスクロールオーバーレイ｜リアルタイム編集対応 / Scrolly Glass for OBS

  • ダウンロード商品
    ¥ 500

━━━━━━━━━━━━━━━━━━━━━━━━ 　　　2026年9月25日　v1.1.0に更新しました ━━━━━━━━━━━━━━━━━━━━━━━━ ドックの設定を4つのまとまりに整理しました。 角の丸みの調整と、配色の保存に対応しました。 設定の保存と、認証ありのOBS接続に対応しました。 アイコンを28種（なしを含む）に増やしました。 ガラス色を自由に指定できるようにしました。 文字入力関連の修正をしました。 ━━━━━━━━━━━━━━━━━━━━━━━━ テキスト・色・フォントを、 OBSのドックから配信中に変えられるガラス風オーバーレイです。 ドックで変えた内容は、すぐに配信画面へ反映されます。 無料のブラウザ版はこちら。 https://frworks805.github.io/scrolly/ フラットなデザインを使える「Scrolly Live」もあります。 https://flatshop.booth.pm/items/8448731 ■ 同梱ファイル 　dock.html　　　　設定UI（OBSのドックに登録） 　overlay-ws.html　オーバーレイ本体（ブラウザソースに登録） 　scrolly-shared.js　アイコン・フォント一覧 　scrolly-customize.js　丸み・配色の操作 　README_JA.txt　　日本語README 　README_EN.txt　　English README ■ 動作環境 　OS 　：Windows 10 / 11 　　　　　macOS（動作確認はWindowsのみ） 　OBS 　：OBS Studio 30以降 　※ ドックと配信画面をつなぐため、 　　 OBSのWebSocketを有効にする必要があります。 　※ WebSocketの「認証を有効にする」はオンのままで接続できます。 　　 ポート番号も4455以外を指定できます。 　※ Googleフォントの読み込みにインターネット接続が必要です。 ■ 主な機能 ・角の丸みをスライダー・数値で調整 ・配色の保存・名前変更・削除 ・配色データのコピー・貼り付け ・テキストをドックで編集し、配信画面にすぐ反映 ・日本語は、変換を確定したときに反映 ・アイコン28種（なしを含む） ・日本語対応のGoogleフォント8種 ・ガラスの配色6種 ・ガラスの濃さ・枠線の濃さ（各0〜80%） ・角の丸み（0〜100%） ・スクロールのON / OFF・速さ ・バーの幅100〜800px ・文字サイズ10〜28px（バーの高さも合わせて変わります） ・文字の太さ（Light / Regular / Medium / Bold） ・ガラス色・テキスト色それぞれ14色の共通プリセット＋カラーコード ・ガラス色とテキスト色の入れ替え ・設定の自動保存（OBSを再起動しても残ります） ・配信画面も最後の表示を覚える ・OBSとの接続状態と、配信画面に反映したかどうかを表示 ・ブラウザソースの大きさを表示 ■ ガラスの表現 　半透明のグラデーションに、光・質感・フチを重ねています。 　OBSの別ソースの背景をぼかす機能ではありません。 ■ セットアップ 【Step 1】 　OBSのWebSocketを有効にします（初回のみ）。 　ポートとパスワードを控えておきます。 【Step 2】 　ZIPを展開し、同梱ファイルを同じフォルダーに置きます。 　dock.html をカスタムブラウザドックに登録し、 　ポートとパスワードで接続します。 【Step 3】 　ソース → ＋ → ブラウザ を追加します。 　認証ありの場合は「ローカルファイル」をオフにし、 　ドックの「URLを作る」で作ったURLを貼り付けます。 　認証なしの場合は、ローカルファイルで overlay-ws.html を選びます。 　幅と高さは、ドックのプレビューの下に出ている数値に合わせます。 　（詳しい手順はREADMEに記載しています） ■ 注意事項 　● OBSのブラウザソース設定で、 　　「シーン切り替え時にページを更新」をオフにしてください。 　● dock.html を右クリックし、「パスのコピー」を選びます。 　　ドックのURL欄に貼り付け、前後のダブルクォートを外します。 　● 接続パスワードは保存しません。 　　ドックを開き直した場合は再入力が必要です。 　● 「URLを作る」で作ったURLには、接続パスワードが含まれます。 　　人に見せたり、スクリーンショットに入れたりしないでください。 ■ ご利用について 　配信での使用は、商用・非商用問わず自由です。 　再配布・改変・転売はご遠慮ください。 ■ 免責事項 　本アプリの使用によるトラブルや損害には責任を負いかねます。 　OBS Studioのアップデート等により、動作しなくなる場合があります。 ■ サポートについて 　不具合やご要望がありましたら、お知らせください。 　可能な範囲で確認しますが、対応をお約束するものではありません。

「ギフトとして贈る」とは

OBS用 グラスモーフィズム テキストスクロールオーバーレイ｜リアルタイム編集対応 / Scrolly Glass for OBS
━━━━━━━━━━━━━━━━━━━━━━━━ 　　　2026年9月25日　v1.1.0に更新しました ━━━━━━━━━━━━━━━━━━━━━━━━ ドックの設定を4つのまとまりに整理しました。 角の丸みの調整と、配色の保存に対応しました。 設定の保存と、認証ありのOBS接続に対応しました。 アイコンを28種（なしを含む）に増やしました。 ガラス色を自由に指定できるようにしました。 文字入力関連の修正をしました。 ━━━━━━━━━━━━━━━━━━━━━━━━ テキスト・色・フォントを、 OBSのドックから配信中に変えられるガラス風オーバーレイです。 ドックで変えた内容は、すぐに配信画面へ反映されます。 無料のブラウザ版はこちら。 https://frworks805.github.io/scrolly/ フラットなデザインを使える「Scrolly Live」もあります。 https://flatshop.booth.pm/items/8448731 ■ 同梱ファイル 　dock.html　　　　設定UI（OBSのドックに登録） 　overlay-ws.html　オーバーレイ本体（ブラウザソースに登録） 　scrolly-shared.js　アイコン・フォント一覧 　scrolly-customize.js　丸み・配色の操作 　README_JA.txt　　日本語README 　README_EN.txt　　English README ■ 動作環境 　OS 　：Windows 10 / 11 　　　　　macOS（動作確認はWindowsのみ） 　OBS 　：OBS Studio 30以降 　※ ドックと配信画面をつなぐため、 　　 OBSのWebSocketを有効にする必要があります。 　※ WebSocketの「認証を有効にする」はオンのままで接続できます。 　　 ポート番号も4455以外を指定できます。 　※ Googleフォントの読み込みにインターネット接続が必要です。 ■ 主な機能 ・角の丸みをスライダー・数値で調整 ・配色の保存・名前変更・削除 ・配色データのコピー・貼り付け ・テキストをドックで編集し、配信画面にすぐ反映 ・日本語は、変換を確定したときに反映 ・アイコン28種（なしを含む） ・日本語対応のGoogleフォント8種 ・ガラスの配色6種 ・ガラスの濃さ・枠線の濃さ（各0〜80%） ・角の丸み（0〜100%） ・スクロールのON / OFF・速さ ・バーの幅100〜800px ・文字サイズ10〜28px（バーの高さも合わせて変わります） ・文字の太さ（Light / Regular / Medium / Bold） ・ガラス色・テキスト色それぞれ14色の共通プリセット＋カラーコード ・ガラス色とテキスト色の入れ替え ・設定の自動保存（OBSを再起動しても残ります） ・配信画面も最後の表示を覚える ・OBSとの接続状態と、配信画面に反映したかどうかを表示 ・ブラウザソースの大きさを表示 ■ ガラスの表現 　半透明のグラデーションに、光・質感・フチを重ねています。 　OBSの別ソースの背景をぼかす機能ではありません。 ■ セットアップ 【Step 1】 　OBSのWebSocketを有効にします（初回のみ）。 　ポートとパスワードを控えておきます。 【Step 2】 　ZIPを展開し、同梱ファイルを同じフォルダーに置きます。 　dock.html をカスタムブラウザドックに登録し、 　ポートとパスワードで接続します。 【Step 3】 　ソース → ＋ → ブラウザ を追加します。 　認証ありの場合は「ローカルファイル」をオフにし、 　ドックの「URLを作る」で作ったURLを貼り付けます。 　認証なしの場合は、ローカルファイルで overlay-ws.html を選びます。 　幅と高さは、ドックのプレビューの下に出ている数値に合わせます。 　（詳しい手順はREADMEに記載しています） ■ 注意事項 　● OBSのブラウザソース設定で、 　　「シーン切り替え時にページを更新」をオフにしてください。 　● dock.html を右クリックし、「パスのコピー」を選びます。 　　ドックのURL欄に貼り付け、前後のダブルクォートを外します。 　● 接続パスワードは保存しません。 　　ドックを開き直した場合は再入力が必要です。 　● 「URLを作る」で作ったURLには、接続パスワードが含まれます。 　　人に見せたり、スクリーンショットに入れたりしないでください。 ■ ご利用について 　配信での使用は、商用・非商用問わず自由です。 　再配布・改変・転売はご遠慮ください。 ■ 免責事項 　本アプリの使用によるトラブルや損害には責任を負いかねます。 　OBS Studioのアップデート等により、動作しなくなる場合があります。 ■ サポートについて 　不具合やご要望がありましたら、お知らせください。 　可能な範囲で確認しますが、対応をお約束するものではありません。