• コメジェネ改の設定ツール(hcg_setting_ex.exe)について(2019/08/17 追記)

    2019-03-03 07:006
    いい加減書いておこうと思ったので書いていく。
    機能追加等があればその都度更新…すると思うよ。

    ※起動時にアップデート確認をするようにしました。
    (正直これ以上アプデがあるかは不明)
    1. 基本設定

      基本的には本家と同じ
      ・コメジェネの場所
       これでフォルダを設定しないと動かないDEATH☆
      ・名前表示
       名前を表示するか、表示する場合に長さをpxで指定。
       (超えた部分は省略に置き換え)
      ・名前ない人
       コメビュ等で名前が出ない(Comment.xmlにhandleが出せない)人を
       どのように表示するか。(コメ番号or右に入力した文字orコメント非表示)
      ・敬称
       敬称を付けるかどうか。付けるなら前or後に右に入力した文字を付ける。
      ・フォントのサイズ・フォントの種類
       コメジェネで表示する文字のフォントと大きさの指定。
      ・文字の色
       間違えやすいが、後述の縁を付けた場合には文字の内側の色。
      ・背景の色
       スキンを使用してない場合に、コメントの後ろに出す背景の色。
       (スキンを使用している場合、透明以外はスキンが色合成されて元と違う色に変わる)
       使ってる人をあまり見かけないので、タイムスタンプにできるようにして
       その場合は色をタイムスタンプの文字色に利用。(フォントはGeorgia)
      ・文字の縁
       文字の外側に縁を付けるか、付けるなら色と幅。
      ・スキン
       固定で使う場合はファイル指定、ランダムで使う場合はフォルダ指定。
       下に選んだ物のパスを表示するようにした。
       ※フォルダを指定して適用やOKを押すと、skins.xmlに中の画像名が保存される。
        ランダムにするにはそこに書いてある中から選ばれるので注意。

    2. 詳細設定

      ここは大幅に変更
      ・余白
       スキンや背景の左上を基準として、文字の位置は何px空けるか。
      ・行間
       改行させた場合に行間を何px空けるか。
      ・文字揃え
       左寄せ,右寄せ,中央揃えと、ネタでコメントが来る方向での可変式。
      ・改行
       なし,スキン対応の改行,文字の大きさでの改行までが実用レベル。
       他の3つは初期構想で作ったネタの名残。
      ・流れる方向
       左へ(←),右へ(→)の他にそのまま出して左右へ流れず消えるのと
       カスタムを追加。(カスタム設定は後述)
      ・放送主のコメントは逆に移動
       放送主のコメント(Comment.xmlでownerが1のもの)に対して
       左右の移動(xの座標)を逆にする。
      ・等速移動
       一定の速度で流れるように変える。
      ・古いコメントを下に移動させる
       コメントが表示されている時に新しいコメントが来ると、
       先に表示されている方を下に移動させる。
       ※新しいコメントの方を動かすが入っていると
        [新しいコメントを下の方に出す]に変わる。
        (表示されているコメントを移動させずに、新しいコメントが下に表示)
      ・古いコメントをなめらかに移動
       新しいコメントが来た時、流れるように移動させる。
       ※新しいコメントの方を動かすが入っていると
        [新しいコメントをなめらか(?)に移動]に変わる。
        (基準の位置から重ならない位置まで斜めに入ってくるように動く)
      ・新しいコメントの方を動かす
       先に表示されているコメントを動かさずに次に来たコメントを
       上に表示させる。(下の方に出すが入ってなければ)
      ・表示時間
       ずっと表示させるか、右で指定した秒が経過したら出ていくようにするか。
      ・一文字ずつ表示する
       移動がほぼ完了したら、指定したミリ秒ごとに1文字ずつ増えるように表示。
      ・文字の最大長
       指定した幅(px)を超えたら省略、もしくは改行をする。
      ・枠同士の隙間
       コメントの枠同士の隙間を空けるための数値(px)。
      ・文字数を超えた時に末尾に付ける文字
       上で指定した幅を超えた時に付ける文字。
      ・配信者のコメントを表示する
       配信者(Comment.xmlでownerが1)のコメントを表示するか選択。
      ・/ から始まるコメントを表示する
       運営コメントなどの/で始まるコメントを表示するか選択。
      ・BSPコメントを表示する
       ニコ生のBSPコメント(/PRESS SHOWで始まるコメント)を表示するk(ry。
      ・改行があるコメント
       元々改行が入っているコメント(AA等)の改行をどう扱うか。
      ※カスタム設定

      ☆RND(〇〇,△△)、RND(〇〇:△△)
       「,」で区切った場合は〇〇~△△の範囲でランダム。
       「:」で区切った場合は〇〇or△△の2択。
      ☆KEEP
       RNDを使った後など、その数値のまま移動させたい場合はKEEPで維持。
      ・開始位置
       動かす前にいる位置。
      ・移動先
       表示時間内はい続けようとする位置。
      ・終了位置
       表示時間が終わったら移動しようとする位置。
      ・係数
       開始位置から移動先、移動先から終了位置までのそれぞれにかける係数。
       コメジェネ標準の速度が0.1。
      ・新しいコメントが来た時の移動距離
       古いコメントをどれくらい移動させるか。

    3. リスナー指定

      リスナーがコテハン等で色々変えられるようになるあれ
      ・リスナーが背景色を指定
       コテハンを付ける時等に「{6桁の16進数」で背景色を指定。
      ・リスナーが文字色を指定
       色指定を付けた人は背景色の代わりに文字色を操作できるようになる。
      ・放送主の色
       放送主(しつこいようだがComment.xmlでownerが1)のコメントの色指定。
      ・コメントからの色変更
       コメント内の色指定コマンド({6桁の16進数)で一時的に変更できる。
      ・コメントからの色変えコマンド非表示
       コメントから色変えコマンドを削って表示。
      ・リスナーがスキンを指定
       コテハンを付ける時等に「[文字]」を付けると「skin_文字.png」がある場合に
       スキンに指定できるようになる。艦これのあれ。

    4. 本体設定

      本家ではCommentGenerator.htmlをいじらないと変えられなかった部分を
      変えやすくするために外に出した物、ここを変えると再読込必須
      ・コメジェネ本体への設定を利用する
       この部分を利用するためのチェック。
       1度利用するとinit.xmlを生成してそこから設定されるため
       コメジェネの大きさ等を戻したい時はinit.xmlを削除。
      ・キャンバスの設定
       表示部の横,縦をpxで、範囲外の部分は使えないので切れたりする。
       フレームレートは1秒間に何コマ使うか。
      ・スキンの高さ
       スキンの高さではあるが、コメントが表示されている時に
       新しいコメントが来たらどれくらい縦に動かすか。
       文字の大きさでの改行では無視、スキンに対応させた改行だと×行数。
       アニメーションスキンを使う場合の1コマの高さの基準にもなる。
      ・最大表示数
       コメントがいっぱい来たら何個まで表示させるかの設定。
      ・コメント部の囲み
       コメントを囲んでる部分を変更。
       文字が大体どのように表示されるかはサンプル部分で確認可能。
       ※名前表示あり,改行ありで始点に何も入れないと
        名前とコメントを改行で区切る。
      ・左右移動にかかる係数
       現在位置と目的位置の差を出してかけている係数(デフォルト0.1)。
       0.2で2倍の速度、0.05で半分の速度。(1だと瞬間移動)
      ・改行回数
       改行を使う時に、何回まで改行させるか。(行数ではない)
      ・スキンのアニメーション速度
       スキンをアニメーションさせる際、フレームレートを基準に
       どれくらいの速度にさせるか。
      ・デモモード用設定
       自動で表示させる時の設定。
      ・デモモードにする
       実は内部的には通常で使う部分と違うことしてるから
       書き換え忘れて違う動作してたりすることもある。
      ・デモの間隔
       指定ミリ秒毎に自動でコメントを発生させる。
       なお50%で放送主扱いのコメント。
      ・名前
       デモ中の放送主扱いじゃないコメントに付く名前。(放送主は「放送主」)
      ・コメント
       デモで表示させるコメント。デモ中は全てこのコメント。

    5. マルチ用設定

      CommentGenerator_multi.html用のサイト別設定
      設定しなくてもデフォルトのサイト別文字は出るから変えたい場合用
      ・サイト名(チェック)
       変更したいサイトにチェックを入れることで設定可能。
       (チェックを外して保存すると設定が消える)
       ※ニコニコ生放送,YouTubeLive,Twitch,FRESH!,AbemaFRESH!,OPENREC,
        Mixer,Twicas,Mirrativ,Periscope,LINE LIVE,ふわっち
        に対応させようとしているが、一部は現在マルチコメビュのプラグイン更新待ち
        (下線が入っている物が現在マルチコメビュのプラグインでは使えない物)
        あと、棒読みちゃん,ない場合にも一応対応(下線サイトは[ない場合]で対応可能)
        (2019/07/31) Twicas,Periscopeの追加確認
      ・配信サイト別に付ける文字
       名前やコメントより前にどこのサイトからのコメントか
       表示するために付ける文字。
      ・色
       背景色,文字色,文字の縁の色をサイト毎に変更するか。
       どれを使いたいか選んだら、使いたいサイトの6桁の16進数で設定。
      ・スキン
       サイト毎に使いたいスキンを設定。(設定すると下にパスが出る)
      ・解除
       スキンの解除ボタン。
    ※別設定の追加(ウィンドウ左下の追加ボタンを押したら出る画面)

     ・追加する文字
      CommentGenerator-○.html、またはCommentGenerator_multi-○.htmlの
      ○の部分に入る文字の入力。(禁止文字あり、半角英数字が無難)
     ・CommentGenerator-○.htmlの生成、CommentGenerator_multi-○.htmlの生成
      チェックを付けて生成ボタンを押すと自動的に生成され、
      メインウィンドウの左下のリストに追加される。
      (ただし、新しい設定は初期化されているので再設定よろすく)

  • 広告
  • 【コメジェネ改変】ワイプジェネレーターにした(2018/10/02更新)

    2018-04-21 11:19

    最近追いかけてる動画のワイプネタが面白かったので
    kilin氏(http://www.kilinbox.net/)制作のHTML5コメジェネを利用して
    コメントから画像が出るように改造してみた(´∀`)
    (ダウンロードは下部)

    たとえばこんな感じ(文字はコメジェネ)


    動きが欲しい場合、GIFアニメ等は使えないので

     

    こんな感じで並べて用意してアニメーションの設定をする。
    (透過させる場合は保存時の透過を忘れずに)


    使用できるまで(付属のテキストより)
    ───────────────ここから───────────────
    まずHTML5コメントジェネレーターを用意して使用できるようにしませう
    (http://www.kilinbox.net/2016/01/HCG.html)

    HTML5 コメントジェネレーターのフォルダ内に
    WipeGenerator.html、WipeGenerator.js、
    WipeSetting.exe、setting_stamp.xmlとstamp(フォルダ)を追加。

    WipeGenerator.htmlをメモ帳等で開きキャンバスサイズを操作したあと、
    setting_stamp.xmlをメモ帳等で開き、反応させたいコメントと画像を設定して上書き保存。
    WipeSetting.exeを開いて反応させたいコメントと画像を設定。
    設定を終えたらブラウザソースにWipeGenerator.htmlを追加する。
    ※設定を書き換えても即時反映されないので、配信ツールからリロードを。
    ───────────────ここまで───────────────

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

    バグ報告等はここのコメント欄、もしくはTwitter(@twinstraycat)へのリプライで

    ━更新履歴的なもの━
     2018/10/02 設定ツールの不具合修正
  • 【機能追加】HTML5コメントジェネレーターをいじった(2019/09/29更新)

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

    追加した機能(一部を除き個別ON/OFF化):
     設定ツールを追加しました
     XMLで追加
      コメントの移動をカスタマイズ可能(ランダム可)
      コテハンによるコメントの文字色変更
      コメント内から直接色変更可能
      長いコテハンの省略
      コテハンなしの人を非表示可能New
      色変更コマンドのコメジェネ内非表示化
      放送主のコメントのみ移動の左右反転
      コメントの移動を等速にさせる
      新しいコメントの方を動かす
      コメント追加時に古いコメントは下へ移動
      コメント追加時の移動をなめらかにさせる
      コメントの右揃え・中央揃え
      長いコメントの改行(改行時の行間設定、最大回数の指定、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/09/29 改行時の計算ミス修正、表示位置の調整追加
     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回使用)
     改行なしの場合は半角スペースを挟む。