通常、高さ固定出来るコメントのサイズはsmallの改行リサイズ、
つまり38行のサイズまでなのですが、
横のリサイズ(臨海幅リサイズ)とenderを組み合わせることによって
38行以上の行数を持つコメントを高さ固定で投稿することが出来ます。
そのような高さ固定コメントを用いて作られたコメントアートのことを
便宜的に高精細コメントアートと呼んでいます。
(積みCAでも呼ぶことがあるので定義はあいまい。)
⇒ 2017年10月25日「HTML5超高精度フルカラー！【その2：制作編】」
2017年10月に最初の高精細コメントアート（70行）を作ってから
色々な方がこの手法を使ってコメントアートを作ってくれました。
コメントアートの新たな手法として大分認知されてきたかなあと思う次第です。
ただこの高精細行数の調整作業ですが、必要文字数が多く管理しにくかったり
プレイヤーのバグがあったりして仕様を理解するのが少し大変な代物でもあります。
そ こ で 。
投コメエディタにコピペするだけでそれぞれの行数を打ち込むことが出来る
置換テンプレートを作成しました(｀・ω・´)
1行jsonで作成しています。
文字数が多くなるので別途テキストファイルで上げています。
こちらをクリックして下さい。
◆使用方法
①投稿者コメント編集ページの「エディター表示」を押します。
②「高精細置換テンプレート」内にある文字列を
そのまま投コメエディタにコピペします。
③リストに反映します。
④編集内容を保存します。
④それぞれの行数分改行し、最後の行に置換文字を入れたコメントを作成します。
(詳細は下記参照)
⑤作成したコメントを画面右の投稿者コメント編集欄にコピペします。
(画面下コメント欄からでもOK！)
◆各行解説
今回用意した行数は4種類です。
それぞれの行数の簡単な特徴を添えましたのでご参考までに。
注)全体の行数について
プレイヤーのバグにより、行数を重ねるとコメントが画面ぴったりに収まらなくなります。
そこで行数を調整(かさ増し)し、画面ピッタリに収まるようにしています。
(最後の行が空白にも関わらずコマンドが「shita」となっているのはそのためです。)
◎52行
※制作例
100行の半分であり、38～75行の中間でもある行数。
38行では物足りないが70行以上だと細かすぎるというときにオススメ。
行数が少ない分空白文字などの置換がそこまで必要でないところもメリットです。
【仕様】
全体の行数：61行
リード行：漢字幅×93文字
【コマンド】ender shita small gothic full
【コメント】53行分のコメントを用意し、53行目に置換文字「Л」を置く
※1行json(基本置換テンプレートに適宜追加してください)
{ “time”: “00:00.00”, “command”: “52行 ender shita small gothic full”, “comment”: “ \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \nЛ” },
◎69行（仕様変更前70行）
※制作例
最初に開発した高精細行。
当初は70行(69.3行程度)でしたが、2021年10月にリサイズ条件がわずかに変更となり69行相当となりました。
【仕様】
全体の行数：92行
リード行：漢字幅×132文字
【コマンド】ender shita gothic full
【コメント】70行分のコメントを用意し、70行目に「Э」を置く
※1行json(基本置換テンプレートに適宜追加してください)
{ “time”: “00:00.00”, “command”: “69行 ender shita gothic full”, “comment”: “ \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\nЭ” },
◎75行
※制作例
70行(69行)の代替として開発しました。38行のほぼ2倍の行数となります。
行間の重なりもよく各行のハイライトが目立たないため
70行よりも明るい印象を持たせることが出来ます。
【仕様】
全体の行数：100行
リード行：漢字幅×134文字
【コマンド】ender shita small gothic full
【コメント】76行分のコメントを用意し、76行目に「Ц」を置く
※1行json(基本置換テンプレートに適宜追加してください)
{ “time”: “00:00.00”, “command”: “75行 ender shita small gothic full”, “comment”: “ \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\nЦ” },
◎100行
※制作例(ポカメさん作。お借りしましたm(_ _)m)
キリの良い行数です。
非常に細かい表現が可能となります。ここまで来るともう絵ですよこれ。
縮小率が大きくなるとハイライトもそこそこ目立ってきます。
そのため、白いコメントであっても画面全体が暗く見えてくるためご注意。
そもそも細かすぎてワイはもう見えませぬｗ
【仕様】
全体の行数：154行
リード行：漢字幅×225文字
【コマンド】ender shita small gothic full
【コメント】101行分のコメントを用意し、101行目に「Г」を置く
※1行json(基本置換テンプレートに適宜追加してください)
{ “time”: “00:00.00”, “command”: “100行 ender shita small gothic full”, “comment”: “ \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \nГ” },
◆実践例
テンプレートを活用するためには
「それぞれの行数分改行し、最後の行に置換文字を入れたコメント」を別途用意してもらう必要があります。
それらコメントは基本皆さんがいつもやっているやり方で作って下さい。
でも「文字数も行数も多すぎて何がなんだか」と言う方へ、
制作のヒントと申しますか、実践例をいくつか上げさせていただきます。
・メモ帳
みんな大好きメモ帳。CA制作の最強ツールだよ！
①書式 → フォントで「游ゴシック」選択(サイズはご自由に)
②なんか作ります
③表示させたいサイズの最後の行に置換文字を置きます
※75行の場合
④空白＆文字置換(1024文字超えそうなら。詳細は後述)
⑤コメント欄に貼り付けて投稿します
行数に上限はないので
100行でも200行でも自由に作れます。
私はメモ帳で文字を追加削除し都度コメント欄に貼り付けて文字位置を確認する方法で調整しています。
以前にこちらのCAブログでやり方を書きました。
⇒2019年5月5日「自作の絵系コメントアートをものすごく細かく解説してみる」
シンプルイズザベスト。
よかったらお試し下さい。
・茶菓子さん制作「CommentArtEditor」の活用
茶菓子さん制作「CommentArtEditor」は
作業シートを縦50行まで広げることが出来ます。
これを活用すれば高精細クラスのコメントを簡単に調整出来ます。
※52行の場合
①設定 → 描画領域サイズを最大まで広げます
②なんか作ります
③クリップボードにコピーしてテキストファイルに貼り付けます
④3行足して53行目に置換文字「Л」を置きます
⑤空白＆文字置換(1024文字超えそうなら。詳細は後述)
⑥コメント欄(52行)に貼り付けて投稿します
最大描画サイズ行が縦50行までなので2つ合わせれば100行になります。
描画サイズを38行にすれば2つ合わせで75行も作れます。
よかったらお試し下さい。
・どーもさん制作「DotCommentArtMaker」の活用
例のアレ、お試し https://t.co/4fUhPrbril
— ど一も (@dakaradohmotte) January 13, 2017
どーもさん作CA制作のツールを活用し高精細コメントアートを作ることが出来ます。
「ver2.1.6」で高精細行のテンプレートが実装されました！
ありがとうございます！
これにより、どーもさんツールのみで高精細CAの制作が簡単にできるようになりました(｀・ω・´)
※75行の場合
①75行のテンプレート(文字幅133)を読み込みます。
②なんか作ります
③Json形式で出力します
④空白＆文字置換(1024文字超えそうなら。詳細は後述)
⑥高精細テンプレートの後ろに追加し、エディタから貼り付けます
今回の例ではjson形式で出力しましたが、
「コメント出力」から置換を行った上でコメント欄に貼り付け(茶菓子さんツールと同じ方法)でも構いません。
どーもさんツールの場合、出力時点で自動的に行数もリード行も整った形で出力されるので
置換文字(Л,Э,Ц,Г)の追加は不要です。
よかったらお試し下さい。
◆空白＆文字置換について
高精細コメントアートは非常に多くの文字数を消費することになり、
行数が増えれば増えるほど1コメント1024文字に収まらないケースが増えてきます。
そのため、空白文字やブロック文字を1文字に置換する「空白＆文字置換」が必須となります。
空白＆文字置換についてもテンプレートに組み込んでいますので、
文字数オーバーとなる場合は下記のそれぞれの文字で置換して下さい。
※テンプレートの置換文字
Ы：tab×2文字＝(全角スペース×4文字)
Ю：tab×4文字＝(全角スペース×8文字)＝(ЫЫ)
Ф：tab×8文字＝(全角スペース×16文字)＝(ЮЮ)＝(ЫЫЫЫ)
Б：tab×16文字＝(全角スペース×32文字)＝(ФФ)＝(ЫЫЫЫЫЫЫЫ)
И：U+2588×2文字
Ж：U+2588×4文字＝(ИИ)
Я：U+2588×8文字＝(ЖЖ)＝(ИИИИ)
К：U+2588×16文字＝(ЯЯ)＝(ИИИИИИИИ)
※置換の方法
①Ctrl+Hで置換ウィンドウを呼び出します。(windowsの場合)
②上記置換文字を上から順番に置換していきます。
③全体の文字数を確認し1024文字以内に収まればOK！
文字数のカウントはこちらが便利です。
⇒文字数計算ツール （「改行を１文字に数える 」にチェックしてください。）
この作業、置換する数が多いので地味に面倒くさいです。。。
なので、エクセルで一括置換マクロを作ってみました。
→https://ux.getuploader.com/list01/download/19
どーもさんツールから出力された文字列を置換します。(タブはjson形式からのみ置換されます。)
マクロがうまく動けばワンクリックで置換してくれるはずです(｀・ω・´)
◆最後に
・置換文字は各自好きな文字に変更してもらって構いません。
・「＠置換」の使用が必須であるため現状スマホアプリでは正常に表示されないので注意。
・70行以上は描画処理にそこそこの負荷がかかるため、
視聴デバイスのスペックによっては満足に見られないことがあります。
高精細コメントアート、必要文字数が多くなったりする分大変なところも確かにありますが、
その分絶対に楽しい！ので、ぜひ一度お試しくださいませヽ(・∀・)ノ
