ひとことを、ひらく。 閉じたファスナーの引き手がすっと走り、 布の内側から、新しいコメントが現れる。 「ZIP LETTER／ファスナー開封」は、ポーチのファスナーを開けるようにコメントを表示する、わんコメ向けのコメント吹き出しテンプレートです。 細かく並ぶファスナーの歯、光を受ける金具、やさしい布の質感。 いつものコメント欄に、小物を開けるような楽しさを添えます。 ■ デザイン・演出 【ファスナーを開けると、コメントが現れる】 最初に現れるのは、細く閉じたファスナー。 引き手が横へ移動すると、歯と生地が上下に分かれ、内側の名前と本文を見せます。 ただ枠にファスナーが付いているだけではなく、「開ける動き」がコメントの登場演出になっています。 【開いたあとは、小さなポーチのように】 開封後は引き手が端に残り、浅いポーチのような形で静止します。 文字そのものは変形させず、名前と本文は別行で表示。 動きを楽しんだあとも、落ち着いてコメントを読めるデザインです。 【生地・縫い目・金具まで描き分け】 生地の細かな模様、縫い糸、金具の反射を表現しています。 質感は「織り布」「ナイロン風」「レザー風」から選択可能。 やさしい雑貨風にも、落ち着いた小物風にも調整できます。 【背景透過・効果音なし】 配信用テンプレートの背景は透過しています。 ゲーム画面や雑談用の背景などに、そのまま重ねて配置できます。 開封演出に効果音はありません。 ■ 色・質感・開封演出をカスタマイズ 同梱のデモ画面で、見た目と動きを確認しながら設定できます。 配色・質感： 外側の生地、内側の布、ファスナー金具、縫い糸、本文、名前の色。 生地の質感や、金具の光沢の強さも変更できます。 開封演出： 開封にかかる時間、開ける方向、登場演出のON／OFF。 方向は「左から右」「右から左」から選べます。文字は反転しません。 表示レイアウト： 吹き出しの幅、本文と名前の文字サイズ、最大表示数、吹き出しの間隔、画面端の余白。 画像・長文： アイコン表示のON／OFF、絵文字・スタンプのサイズ、長文の表示方法とスクロール速度。 Linen／Rose／Midnight／Leatherの配色プリセットも用意しています。 プリセットをもとに、配信画面に合わせた色へ調整できます。 ■ 設定の保存方法 商品ZIPを展開し、「obs_demo/index.html」をブラウザで開いて調整してください。 「開封を再生」から、設定した動きを確認できます。 調整後は「config.js を書き出す」から設定ファイルを保存し、わんコメに導入済みのテンプレート内にある同名ファイルと置き換えます。 その後、OBSのブラウザソースを再読み込みすると反映されます。 以前に書き出した設定は、「設定を読み込む」からデモ画面へ戻せます。 ※デモ画面で変更しただけでは、配信用の設定は保存されません。 ※わんコメ標準画面に専用の編集ボタンが追加される商品ではありません。 ■ コメントの表示について 新しいコメントが下に追加され、古いコメントが上へ積み重なります。 最大表示数を超えた分は、古いものから取り除かれます。 時間経過だけでコメントが自動的に消える仕様ではありません。 ※クリア・削除通知や、ブラウザソースの再読み込みによる消去は除きます。 長文は「自動」「折り返し」「横スクロール」から選べます。 自動モードでは、本文が約3行を超えると横スクロールに切り替わります。 横スクロールは右から左へ進み、最後まで表示すると先頭に戻ります。短いコメントは静止表示です。 ※ファスナーの開封方向を変更しても、本文のスクロール方向は変わりません。 投稿者のアイコンや、画像形式の絵文字・スタンプを表示する処理も備えています。 ※受信データの形式や画像URLへのアクセス状況により、表示できない場合があります。すべての形式での表示を保証するものではありません。 ■ こんな配信におすすめ 雑談、作業、ゲーム配信など、コメントの登場にちょっとした楽しさを加えたい場面に。 布小物やポーチ、ナチュラルな雑貨、落ち着いたレザー調のデザインが好きな方にもおすすめです。 ■ 内容物 ・わんコメ用テンプレート本体、わんコメへの追加用ZIP ・見た目確認・設定用デモ、設定ファイル、対応エディタ向け設定定義 ・導入説明書、設定ガイド、トラブルシューティング ・検証範囲の説明、利用規約 ■ 使用環境・導入方法 わんコメとOBS Studioを同じPC上で使用する構成を想定しています。 配信コメントの取得には、別途わんコメの起動・接続設定が必要です。 商品ZIPをすべて展開し、installフォルダ内の「zipper_open_onecomme_v1.0.0.zip」をわんコメへ追加してください。 その後、追加したテンプレートをわんコメからOBSへ読み込んで使用します。 ※READMEやデモを含む商品全体のZIPではなく、installフォルダ内の追加用ZIPを使用します。 OBSブラウザソースのサイズは、幅1920×高さ1080を基準にしてください。 詳しい導入手順は、同梱の「README_FIRST.txt」に記載しています。 見た目だけを確認する場合は、「obs_demo/index.html」をChromeまたはEdgeで開いてください。 デモ画面は、実際の配信コメントを受信しません。 ■ ご購入前の注意 本商品はHTML／CSS／SVGによるコメント表示テンプレートです。 3Dモデル・動画素材・静止画素材ではありません。 デモ画面の背景や操作パネルは確認用です。配信用テンプレートには表示されません。 配信用テンプレートは、コメントを受信するまで何も表示されない状態です。 短時間にコメントが続いた場合は、前の演出を完了させて次のコメント表示へ進みます。 すべての開封演出を順番待ちさせる仕様ではありません。 小さい表示領域に長文を多数表示すると、見切れ防止のため全体が縮小されます。 文字が小さくなる場合は、表示数や長文の表示方法を調整してください。 OS側の「アニメーションを減らす」設定が有効な場合は、静止表示・折り返し表示になります。 画像の読み込みや画面サイズの変更に伴い、演出を終了して再配置する場合があります。 ■ 動作確認について Chromium上での描画と、模擬受信データによるコメント表示・開封演出・長文・画像表示・設定変更などを確認しています。 実際のOBS／わんコメ／YouTubeに接続した受信、わんコメへのZIPインポート、Windows上での実操作は未確認です。 模擬データによる確認は、実機での接続確認を保証するものではありません。 ■ 利用条件 購入者ご自身の配信・動画で使用できます。収益化した配信・動画にも使用可能です。 ご自身の利用に必要な範囲で、色・サイズ・コードを調整できます。 元データ・改変データの再配布、再販売、第三者との共有、自作発言は禁止します。 本商品の全部または一部を組み込んだテンプレート・素材の配布や販売も禁止します。 データを取得できる状態で、公開サーバーや共有フォルダへアップロードしないでください。 詳しくは、同梱の「LICENSE.txt」をご確認ください。 わんコメなど関連ソフトの利用条件・クレジット表記は、別途各公式の案内をご確認ください。 制作：たっくん