【機能追加】HTML5コメントジェネレーターをいじった(2019/08/19更新)
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

【機能追加】HTML5コメントジェネレーターをいじった(2019/08/19更新)

2018-01-23 21:51
  • 128
とある放送を見てたら、kilin氏(http://www.kilinbox.net/)制作の
HTML5コメントジェネレーターに欲しい機能があるようだったので、
いろいろ追加しちゃったらいじるの止まらなくなったのでいっそ公開(´∀`)
(ダウンロードは下の方にいるぞ)

追加した機能(一部を除き個別ON/OFF化):
 設定ツールを追加しました
 XMLで追加
  コメントの移動をカスタマイズ可能(ランダム可)
  コテハンによるコメントの文字色変更
  コメント内から直接色変更可能
  長いコテハンの省略
  コテハンなしの人を非表示可能New
  色変更コマンドのコメジェネ内非表示化
  放送主のコメントのみ移動の左右反転
  コメントの移動を等速にさせる
  新しいコメントの方を動かす
  コメント追加時に古いコメントは下へ移動
  コメント追加時の移動をなめらかにさせる
  コメントの右揃え・中央揃え
  長いコメントの改行(改行時の行間設定、最大回数の指定付き)
  改行時用のスキンも使えるように
  コメントを1文字ずつ表示(表示間隔を直接指定)
  放送主用の色指定
  背景色の代わりにタイムスタンプを表示可能(現在Georgia固定)
  Multi版でRyu氏のマルチコメビュの対応サイトに対応(一部サイトは更新待ち)
  Multi版で名前表示なしでもサイト名が出るように
  Multi版でサイト毎に色やスキンを設定できるように
 XML、及びCommentGenerator.htmlからすぐ設定できるように改変
  キャンバスの大きさ変更
  コメント部分の囲み文字の変更
  デモモードの設定
 内部処理
  設定を別にしたコメジェネが生成可能New
  デモモードのコメントが50%で放送主コメになるように
  表示させるパーツのコンテナ化
  スキンのアニメーションを可能に
  ニコニ広告等の表示文章の改変
  枠外に出たコメントの削除
  読み込みエラーの確認画面の抑制
  Multiのサイト別処理をCommentGenerator.js内に移動
※CommentGenerator_multi.htmlも対応版同梱(サイト毎の表示文字変更可能)

正直、需要なさそうな機能が多いorz

改行時のスキンについて
 設定ツールの「スキンを対応させた改行」を選ぶと、改行が発生した時に
 設定してるスキン名に「_(改行回数)」がついたスキンが使われるようになる。
 (例えばSkin_maid.jpgだと1回改行するとSkin_maid_(1).jpg、改行なしは不要)
 見つからない場合は「_(○)」がついてないスキンの縦を引き伸ばす。
 作る際はスキンの縦サイズ×行数で。アニメーションも可能。
 コテハンからのスキン指定やランダムスキンでも可能、用意が大変だけど...( = =)
 コメント来た時の移動量は設定したスキンサイズ×行数(文字の大きさ等で変化なし)。
 ちなみに、他の改行方法には対応させてませんm(_ _)m

スキンのアニメーションについて
 
 こんな感じでコマを縦に並べた画像を読み込ませるだけで
 自動的にアニメーションするように。
 ※FlashコメジェネのアニメーションスキンはSWFなので使用不可。
 
付属のテキストにも書いていることだが
一応ここでも使用できるまでを書いておこう(´・ω・`)
(2018/12/02追記)
風山ヒエン氏のこちらのブロマガにて
わかりやすい説明を書いて頂いてました(感謝)

───────────────ここから───────────────
まずHTML5コメントジェネレーターを用意して使用できるようにしませう。
(http://www.kilinbox.net/2016/01/HCG.html)
※一部配信サイトはこちらのMultiCommentViewer等もDLして
 プラグインを設定してください。

次にHTML5コメントジェネレーター改をDLして解凍後、
HTML5コメントジェネレーターのフォルダ内に
CommentGenerator.htmlとCommentGenerator.jsを上書き
及びhcg_setting_ex.exe、setting_ex.xmlを追加。(setting_ex.xmlの同梱廃止)
※ブロックの解除が再度必要かも。
(配信ツールでコメジェネを開いてる場合は再起動)

hcg_setting_ex.exeを開いて、各項目を設定してOKを押す
※いろいろいじりたい人は\ここにいるぞ/より下の追記も読んでね。
setting_ex.xmlをメモ帳等で開き、使用したい項目の数値を変えて上書き保存

※設定内容は付属テキストに記載
※ランダムスキンを使う場合や増やす場合は設定ツールを開いて
 スキンフォルダを設定後、OKか適用を押してSkins.xmlを更新させること。
 (「_(数字)」を付けた画像はランダムのリストからはスルーなので安心を)
※setting.xml、setting_ex.xml、init.xmlを削除し設定ツールを起動すると
 デフォルトが入力されるので、そのままOKや適用すると初期状態に戻せる。
───────────────ここまで───────────────

DLはあるか!?
\ここにいるぞ/

※コメント表示位置をいじってる途中なの忘れて更新してしまいましたorz(スイマセン)
 0.60版(2019/08/17)では、スキンサイズ([4]のみコメントの高さ)×(表示数×2)が
 改行するしないにかかわらず基準になっています。
 0.61版(2019/08/19)以降では、[4],[5]の改行がその設定で
 他はスキンサイズ×表示数の位置です。(気になったら再修正あるかも)
 (ただし、いずれもキャンバスの高さ以上になる場合はキャンバスの下端が基準)
 (※上から表示させている場合は影響なし)
 
※setting_ex.xmlの同梱をやめたので全て上書きしてもOKですが
 hcg_setting_ex.exeを開いてOKや適用で保存するのを忘れずに。(2019/02/20)

hcg_setting_ex.exeの説明書きました


映らない・設定がわからない・バグ報告・追加要望・カスタムの設定教えて等は
ここのコメント欄、もしくはTwitter(@twinstraycat)へのリプライで

━更新履歴的なもの([追記]は下部に説明あり)━
 2019/08/19 Mixerのスキン設定の修正、表示位置の修正、別設定のテキスト追加
        フォルダを選択する際に自身のフォルダ位置を取得に、他にも小修正
 2019/08/17 枠同士の空白設定追加、コテハンなしの人を非表示可能に
        別設定のコメジェネの生成追加、特定条件での表示バグ修正
 2019/03/06 今更ながら設定ツール起動時にアップデート確認搭載
 2019/03/03 文字幅の移動での改行でもスキンの縦幅を可変に、マルチ版の処理の調整
 2019/02/24 マルチコメビュからのserviceに先対応(Periscope・Twicas・LINE LIVE)
        サイト毎の色の設定が正確に動いてなかったので修正
 2019/02/23 マルチにMirrativ・ふわっちを追加、serviceを渡してなかったので修正
 2019/02/20 スキンの横幅を常時キャンバスの横幅に合わせるように変更(強制拡縮)
        背景色の代わりにタイムスタンプを表示させる設定追加[追記]
 2019/02/16 等速移動で記述ミスあったので修正、ニコニコ風移動時の速度変化[追記]
 2019/02/11 スキンが読み込めなかった場合に時間がかかってたのでタイムアウト処理
        マルチ設定に棒読みとサイトない場合の追加、ハンドルネームまわりの修正
        設定ファイル読み込み関係の挙動変更(コンソールのログ頻度低下)
 2019/02/08 マルチ用のサイト別に付ける文字で空白にすると改行が入ってたので修正
 2019/02/06 マルチ版で名前なしでのサイト名表示、色やスキンをサイト毎に設定可能に
        マルチ設定が有効になってなかった修正
 2019/02/01 前回追加部分の整理・見直し等
 2019/01/28 スキンに対応した改行でスキンがない場合に引き伸ばすように変更
 2019/01/27 改行時の表示位置の計算式が間違っていたので修正
 2019/01/26 改行に関する計算方法の変更、改行の設定を1つ削除[追記]
 2019/01/23 ツール等の僅かな修正、改行が付いてるコメントの処理の設定追加
        改行が付いてるハンドルネームの場合、改行前までにするように変更
 2019/01/20 名前が長い場合にバグるので逆に長い名前を削る機能追加
        囲み文字の始点が空白だと改行やら入ってたので活かしつつ修正[追記]
        設定ツールの名前なしと敬称の設定が逆だったので修正、表示位置変更
 2019/01/18 改行時のスキンの高さを変えるのが全改行設定で効いてたので修正
 2019/01/07 ツールでそれなりの計算の改行にすると行間が設定できなかった修正
 2018/12/25 JSのVerが消えてた修正、HTMLのタイトルにVerを付けるようにした
        等速関係の修正、一部機能を分離して新しいコメントを動かす追加[追記]
 2018/12/24 コメントの移動を等速にさせる追加、削除タイミングの再変更[追記]
 2018/12/20 ハンドルネームからのスキンが動いてなかった修正、改行スキン対応
 2018/12/17 空白コメントは表示しないようにしてみるテスト
 2018/12/15 直出し後に外に出てたので出ないように変更、削除タイミングを変更[追記]
 2018/12/13 動作部分の整理、カスタム移動にランダム追加[追記]
 2018/12/10 盛大に記述をミスってた(表示位置・マルチの名称設定)ので修正
 2018/12/08 パーツのコンテナ化により、移動のカスタマイズ追加[追記]
 2018/10/02 一部配信サイトでの不具合修正・設定ツールにマルチ用項目追加
 2018/10/01 設定ツールを使うとランダムスキンで表示できなくなる事があったので修正

━追記━
【広告等の文章の扱い】
 広告は1コメント目で「広告者さん(〇〇pt)[広告コメント]」
 (コメントがない場合はコメント部省略)
 2コメント目で「累計:〇〇pt」と、
 インフォ系は[/info ○](○は数字)の部分を省略して表示させるように変更。

移動の等速について新しいコメントの方を動かす】
 新しいコメントが来ると、新しいコメントの方の表示位置が変わる。
 ※これにより表示行数が大きくてキャンバスをはみ出すコメントが出た場合、
  最初の位置に戻すようになってる(改行部分がはみ出すことはあるかも)
 なお、なめらかに移動を入れると斜めに入ってくる。

【カスタマイズの動き】
 キャンバスの位置が基準ではなく、通常表示される位置が基準。
 例えば改行なしで3行表示ならX0,Y64を基準にカスタム設定の数値が足される。
 コメント追加時の移動距離に関してはその数値分のみ足される。
 (スキンサイズや改行時の移動等無視)
 ※コメント追加時の移動もいじる場合は[古いコメントを下に]を使うと
 X0,Y0になってキャンバス基準で設定可能。

【ランダムの使い方(カスタマイズ部)】
 「RND(数値,数値)」で範囲内のランダム、「RND(数値:数値)」で2択、
 併用は「RND(数値,数値:数値,数値)」(2択のどちらかは数値1つでも可)。
 次の移動場所に「KEEP」と入れると前の値のまま固定。
 ※例(古いコメントを下に~が入ってるとわかりやすい)
 ・開始位置のXは512、YにRND(0,64)、移動先のXは0、YにKEEPと入力で
  0~64のいずれかの高さで右から水平に入ってくる。
 ・開始位置のXをRND(-512:512)、Yは0にして移動先のXが0、Yも0だと
  左右のどちらかから入ってくる。(入ってきた方向の記憶は不可)
 ・移動先のXとYが0で終了位置のXに512、YにRND(-150,-50:50,150)と入れると
  表示が終わると右上か右下へいろんな角度で飛んでいく。

【ニコニココメント風の設定】
 まず表示時間を0にして、最大表示数と文字の最大長も大きくしておく。
 新しいコメントの方を動かすと古い(新しい)コメントを下に~と等速移動をチェック、
 流れる方向を「カスタム」にして 開始位置のXをキャンバスサイズ(初期512)でYは0、
 終了位置のXをマイナスを付けたキャンバスサイズ以上でYは0に設定すると
 ニコニココメント風に流れる。(速度調整は移動先→終了位置の係数で)
 なお、この設定だと移動先の座標と開始位置→移動先への係数は無視されます。
 ※表示時間0・等速移動・カスタムをフラグにコメントの長さに応じて移動速度を変化。
 開始と終了位置のXのプラスマイナスを入れ替えると左から右へも。

【一文字ずつ表示の動作】
 コテハンを表示させる場合は最初からコテハンありで、
 コメント部は囲み文字のみを表示させて大体移動完了してから表示開始。
 移動時間の計算は移動の係数(カスタムは開始から表示位置までの係数)を利用。
 (ちなみに式は0.1/係数×30/フレームレート×2.2秒)

【表示時間、削除タイミングについて】
 表示時間は入り+動かない時間、枠外に出る時間は別。(確か本家でも同じ)
 上の式でも書いたが初期状態(係数0.1、30FPS)で入りと出が2.2~2.3秒くらい、
 例えば10秒と指定すると動かないのは8秒弱で全体の時間は12秒強。
 削除タイミングは(2.5)3秒を基準に係数とフレームレートで変化。
 (一文字ずつ表示の式とほぼ同じ)
 なお直出しでは0秒なので表示時間ちょうどで消える。

【タイムスタンプについて】
 枠の再生時間ではなく、コメントを受信した時間を右下に表示。
 ただし、フォントやサイズは固定(Italic Georgia スキンの高さ-2px 太さ2)。
 色は背景色として選んだ色(ランダムならランダム)で
 コテハンやコメントからの色指定、サイト毎の色指定も
 文字色として設定していなければ可能。

【重ならないように改行させる時の仕様】
 改行コメントはスキンサイズの2倍移動させるのではなく、文字のはみ出た分だけ
 追加で移動させているのでフォント+縁が小さければ移動量が抑えられる(´ρ`)
 (逆にスキンサイズ以上になっているとスキンサイズの2倍以上動く)
 それなりの計算で移動[4]の改行は下端が下記の表の位置にあわせて、
 移動が精密な計算[5]の改行だと表示行分が全て改行1回のコメントの場合に
 大体Y0の位置になる。(古いコメントを下に~にしているとどちらも同じ移動)
 隙間に問題が起こったので文の高さ×改行数で移動[4]に統合。
 正確な式は上余白+(フォントサイズ+行間)×改行数。
 ※スキンを対応させる改行[6][5](に変更)は改行時にスキンサイズの2倍の移動

【表示数と改行ありのキャンバス&ソースの高さ表】
 最大表示数を大きくした時や改行を使った時に表示されないと何度か言われたので、
 とりあえずキャンバスの高さと配信ツールでのソースの高さを表にしてみた。
 設定する時はこれ以上の大きさになっていれば大体見えるかと。
 新しいコメントを移動で追加した部分がそのまま使えたので現在はキャンバスの高さを
 超えるとキャンバスの下端に合わせるようになっている。(改行多いとはみ出すかも)
 一応、改行なしと全コメ改行1回を全て表示させるための高さとして残しておくけど。
 ※スキンの高さ32の場合、フォントサイズで誤差あり
  最大表示数   改行なし   改行あり
     3        96     192
     4      128     256
     5      160     320
     6      192     384
     7      224     448
     8      256     512
     9      288     576
     10      320     640
 計算間違ってたらスマソ

【囲み文字の始点の空白について】
 改行ありだと名前とコメントの間に改行を挟む。(改行回数1回使用)
 改行なしの場合は半角スペースを挟む。
広告
他118件のコメントを表示
×
>>129
初めまして。

調べてみたところ、コメビュから入室コメントが来てないようなのでコメビュ作者様に問い合わせた方がよいかもしれません…
1ヶ月前
×
>>131
ご丁寧にありがとうございます。
これからも開発頑張ってください。
陰ながら応援しております。
4週間前
×
NCVを最新のバージョンにしてコメント取得をすると強制的にNCVが落ちてしまいます。
https://com.nicovideo.jp/community/co13528にて報告をさせて頂いたところプラグインの開発元へということだったのでコメントさせて頂きましたがこちらであっていますでしょうか?
NCVのバージョンは0.179.4.124です。
4週間前
×
>>134
こちらではないですが、コメジェネのフォルダにあるcomment.xmlを削除してからNCVを起動し直してみてください。
4週間前
×
>>135
すいません。説明不足でした。
NCVを最新にしてコメント取得を行うと落ちてしまって上記コミュニティへ報告させて頂いたところpluginのフォルダを空にすると改善させた報告がありましたと回答頂き、私の場合は3つpluginがはいっており、どれが邪魔をしているのかわからずコメジェネ以外不要だったので消して再度コメント取得してもやはり落ちてしまいコメジェネが原因だったことが判明し、尚且つ、別のの場所にコメジェネのpluginを移動させてフォルダを空にしてから取得したところ正常に作動しました。
それを改めて報告させていただいたところプラグインの作成者、開発元ではないのでこちらではわかりまねますとのことだったのでこちらにて問い合わせさせて頂きました。
comment.xmlを消してからやってみましたがやはりおちてしまいます。
4週間前
×
>>139
たまに聞く症状なので、対処法の1つとして返信させていただきました。
あとはNCVを起動後、接続せずに「プラグイン」→「HTML5コメントジェネレーター_NCV」とクリックして、「HTML5コメントジェネレーターの場所」が合っているか確認してみてください。
(設定ツールで設定できてないと書いてたり、ズレてるなら設定ツールから再設定)

なお、プラグインは改造していない(なので同梱してない)ので、どうしてもできないようなら本家作者のkilin氏にご確認ください…m(_ _)m
4週間前
×
0.61を使ってわかった事
【不具合?】
-枠同士の隙間がデモモードでは反映されない
-コメ位置がキャンバスの高さ以上だと改行コメの位置がめちゃくちゃになる(下から表示の[4]のみ?)
-文字の縁の太さと余白上を"足して"0未満にならないと改行コメの位置がズレる(下から表示の[4]のみ?)
(太さが2なら余白は-2)
【要望】
-名前非表示でもスーパーチャットや広告なら名前を表示
-ImgurのURLだけのコメントは画像を表示
1週間前
×
>>141
どうもです。
現在PCから離れてて確認できませんが、覚えてる範囲で…
・デモモードに反映忘れてましたorz
・キャンバスの高さ以上でズレるのは後日確認してみます。
・文字の太さと上余白を足すのはわざと入れてる部分もあるのですが、計算ミスしてそうなのでこれも後日確認で。

要望については
・スパチャと広告はオーナー(放送主コメ)扱いなのでそこで対処可能ですね。
・Imgurの画像を表示は、コメジェネに組み込まず別のツールとして作成中です。

対応は来週辺りになるのでしばらくお待ちくださいm(_ _)m
×
初コメです。
マルチコメビュで試験的に導入したのですが
ふわっちとツイキャスのアイテムの時に出ないのは仕様でしょうか?
できればアイテムでも出ると助かるのですが…
19時間前
×
>>143
初めまして。

確かマルチコメビュの場合、仕様だったと思いますのであちらの作者様に要望を出してみることをおすすめします。
17時間前
コメントを書く
コメントをするには、
ログインして下さい。