Twitchのチャットで「!checkin」と打った視聴者に、スタンプを1つ押すスタンプカードの表示です。スタンプは視聴者ごとに貯まり、カードが埋まると「COMPLETE!」が出て、次のカードが始まります。画面には、いちばん新しくチェックインした人のカードが出ます。 ログインもトークンも要りません。配信者のチャンネル名を入れるだけで、Twitchのチャットに直接つながります（読み取りだけで、チャットに発言は送りません）。 同じ機能のまま、見た目だけ違うものを8デザインそろえました。背景は透過なので、ゲーム画面や待機画面の上にそのまま置けます。 単一HTML・インストール不要・アカウント連携不要。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。 ━━━━━━━━━━━━━━━━━━ ◆ 必要なもの ━━━━━━━━━━━━━━━━━━ ・Twitchのチャットを読むため、インターネットにつながっていること ・対応しているのはTwitchのチャットです ・つながる先はTwitchのチャット1か所だけです ━━━━━━━━━━━━━━━━━━ ◆ 収録している8デザイン ━━━━━━━━━━━━━━━━━━ ・coffee.html … 喫茶店の紙カード（丸い判子の押された紙のカード） ・ticket.html … 穴あけチケット（パンチで穴が開くチケット） ・neon.html … ネオン（暗い板の上で光る輪） ・pixel.html … ドット絵（ゲームの星取り風） ・kraft.html … クラフト紙と木のスタンプ ・minimal.html … ミニマル（暗い下地に細い点） ・glass.html … すりガラス（透けた板と艶のある玉） ・ink.html … 朱肉のスタンプ（白い紙に赤い印） ━━━━━━━━━━━━━━━━━━ ◆ スタンプが押される条件 ━━━━━━━━━━━━━━━━━━ ・発言の最初の単語がコマンドと同じなら1つ押します（大文字小文字は区別しません） ・同じ人が次にもらえるまでの間隔は⚙で決められます（初期は20時間＝配信1回に1つ。0なら打つたびに） ・名前はTwitchの表示名がそのまま出ます（日本語・絵文字もそのまま） ・コマンドは⚙で変えられます。カンマで区切ると複数使えます（例: !checkin,!stamp） ・カードのマスは 6 / 8 / 10 / 12 から選べます ・カードが埋まると「COMPLETE!」を数秒出してから、その人の次のカードが始まります（秒数と言葉は⚙で変えられます） ・続けて何人がチェックインしても、順番に表示します ・画面の下に、最近チェックインした人が小さく並びます（消せます） ━━━━━━━━━━━━━━━━━━ ◆ 使いはじめ（1分） ━━━━━━━━━━━━━━━━━━ 1. ソース →「＋」→「ブラウザ」→「ローカルファイル」にチェックして .html を選ぶ 2. 幅・高さは配信画面と同じ大きさ（例: 1920 x 1080）にして、ソース一覧のいちばん上に置く 3. ソースを右クリック →「対話」。マウスを乗せると⚙が出る（出ないときは S キー） 4. 「Twitch のチャンネル名」に自分のチャンネル名を入れて「保存して閉じる」 画面の下に小さく「接続済み #チャンネル名」と出ればつながっています（配信用の ?mode=stream では出ません）。あとは視聴者が「!checkin」と打つだけです。 ━━━━━━━━━━━━━━━━━━ ◆ スタンプのデータ ━━━━━━━━━━━━━━━━━━ スタンプは視聴者ごとに、このブラウザ（OBS）の中に保存されます。サーバーは使いません。 ⚙の中で、全員分を文字（JSON）として書き出す／貼り付けて読み込む／全部消す、ができます。「試しに1つ押す」を使うと、チャットを待たずに見た目を確かめられます。 ━━━━━━━━━━━━━━━━━━ ◆ 設定ボタン（⚙） ━━━━━━━━━━━━━━━━━━ チャンネル名・コマンド・間隔・マス数・見出し・COMPLETEの言葉と秒数・置く場所・大きさ・色・言語を、URLを書き換えずに設定できます。 ・普段⚙は見えないので、配信画面には映りません ・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の設定に戻せます ・?key=a ?key=b を付けると、同じデザインでもシーンごとに別のスタンプ帳にできます ・設定の保存先はブラウザごとに別々です。OBSで使うぶんは、OBSの「対話」画面の中で設定してください ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・文字はHTMLの文字なので、どんな大きさでもにじみません ・外部の書体やスクリプトは使っていません ・Twitchのチャットが途切れたら、待ち時間を少しずつ延ばしながら自動でつなぎ直します ・配信可・商用利用可（同梱の利用規約参照） ◆ こんな方に ・視聴者に「今日も来てくれた」を形に残したい方 ・配信ごとのチェックインでポイントカードのように楽しんでもらいたい方 ・ボットや配信ツールの設定なしで、スタンプカードを置きたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。