【わんコメテンプレート】スパチャピン留めボード 10デザイン|スパチャ・ギフト・メンバー加入を読み終えるまで画面に残す・クリックで消す・未読と合計【OBS/VTuber】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、スパチャのピン留めボードです。画面(480×720、背景透明)に、スパチャ・ギフト・ビッツ・メンバー加入を来た順にカードで積みます。カードには名前・金額・本文の先頭60字・経過時間が出て、金額に応じて帯の色が7段階に変わります(YouTube のスパチャの段階色に寄せています)。読み終えたらカードをクリック、または配信者のコマンドで消せます。消すときはカードがふわっと縮んで消えます。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・積むもの(配信アラートと同じ判定) スパチャ・スーパーステッカー(外貨は config.js の rates で円に換算)/ツイキャスのギフト/Twitch のビッツ/メンバー加入・継続・ギフト 配信者本人と、金額のつかない通常のコメントは積みません。同じコメントは二度積みません ・右上に「未読 N・合計 ¥N」(showTotal で合計は隠せます) ・読み終えたら消す カードをクリック(OBS では「対話」から)、または配信者のコマンド `!pin done` … 一番古いカードを消す `!pin done 名前` … その人のカードを消す `!pin clear` … 全部消す `!pin reset` … 全部と読み終えた一覧を空にする(新しい配信の始めに) ・並べ方と枚数(config.js) sort: 'time'(来た順・既定)/'amount'(金額順)、maxCards(既定8、超えた分は「ほか N 件」)、minYen(これ未満は積まない) ・`?view=history` で、この配信で読み終えたカードの一覧(新しい順に10件) ・記録は localStorage に保存(未読のカード・読み終えた一覧・処理済みのコメント id 直近5000件)。OBS を再読み込みしても未読は残り、消したカードは戻りません ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン/パステル(ゆめかわ)/レトロゲーム風ドット/和風/ミニマル白/ミニマル黒/肉球・猫/宇宙・星空/宝石/ターミナル(緑文字)。枠の形・ピンの形・光り方がデザインごとに変わります ■ 配信者コマンドの書き方 ・コマンドはすべて `!pin ` で始めます(全角の「!」・全角スペースも可)。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅480・高さ720を設定し、好きな位置に置く 4. 視聴者さんのスパチャ・ギフトでカードが積まれる。読んだら「!pin done」で消す。新しい配信の始めに「!pin reset」 ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます) ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・積まれるもの・画面の見方・消し方・配信者のコマンド・並べ方・読み終えた一覧・記録・config.jsの変え方・デモ表示・動作環境・利用規約) ■ 注意 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・YouTube のスパチャ・メンバー加入に反応するには、わんコメで Google ログインが必要です。 ・カードの記録は OBS のブラウザソースの中(localStorage)に保存されます。OBS に入れたソースだけが覚えていて、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください(説明書に手順があります)。 ・OBS ではカードのクリックは、ソースを右クリック→「対話」の窓で行います。クリックしなくても、配信者のコメントで「!pin done」と書けば消せます。 ・応援してくれた方のお名前や金額を配信画面に出すかは、配信者ご自身の判断と責任で決めてください(合計を出したくないときは config.js の showTotal を false に)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

