2020年2月17日ツイートシェアはてブ送るPocket「コメント視聴環境の違い」ニコニコ動画「コメント視聴環境の違い」を分かる範囲で書いてみます。「各環境の特徴と対策が分かれば、ある程度互換性のあるCAが作れるかもしれない。Verの違い、情報が古い場合等があり、情報が間違っている場合もありますので、参考程度に読んで頂ければと思います。※この記事はフラッシュプレイヤーのコメント仕様を書いております、仕様が変わっている場合があります。コメント表示の大画面&フルスクリーン対応(第1弾)実装。33になりU+2588、U+2001等が「Lucida化」で全角幅に変わらなくなる。コメント描画処理の更新。コメント行数が大文字3行、中文字5行、小文字7行以上の場合、コメント縦幅を1/2に縮小。コメントアート(CA)を作る時に多くの人が対象にしている環境は下記です。10以降プレイヤー:Qwatch中画面、原宿この環境以外だと見え方が変わります。各環境の特徴を簡単に書きます。・「コメントの拡大比率が違う。詳しく説明して頂いているブログがあります下記。・「フォント変化しない。・「U+2001が漢字幅よりもやや小さい。詳しく説明して頂いているブログがあります下記。33になり使用不可になりました。10.7、10.8+ブラウザSafari(ニコニコ動画推奨環境)・「日本語の文字幅が同じ。」(Windowsの標準日本語フォントは文字幅バラバラ。)・「フォント変化しない。Windowsよりも少し小さく描画される。・「全角スペース(U+3000)の幅が39pxに変わる。詳しく説明して頂いているブログがあります下記。Browser(PC表示)※AndroidはPC表示にしないと話にならない位見れません、またブラウザによって見え方が変わってきます。推奨アプリや、スマートフォン表示だと文字の大きさがまったく違ったり、カラーコードが反映されません。BrowserのPC表示です。・「日本語の文字幅が同じ。」(Windowsの標準日本語フォントは文字幅バラバラ。)・「フォント変化しない。Windowsよりも少し小さく描画される。」フォントは違いますが、Macに特徴が似ています。正比率と拡大比率の差が小さい文字サイズを選ぶ。・フォント変化しなくても影響のないレイアウトにする。「U+0655」)を入れる。(※ゼロ幅文字は幅が無く扱いが難しいです。33になり使用不可になりました。・フォント変化しなくても影響のないレイアウトにする。・二重リサイズ固定を使用する。(二重リサイズは負荷が大きいので、あまり使用し過ぎない事を推奨。)(文章訂正済)・文字が小さくなっても影響のないレイアウトにする。(文字が小さくなるというのは大きな問題でレイアウトがガラッと変わる為、かなりの妥協が必要です。領域と同じにする固定や積上げでズレが発生します。Mac対応を諦めています。半角スペースを使用する全角スペースはWinだと「27px」ですが、Macだと「39px」になってしまう為、使用を避けてMACでも幅の違いが少ないU+2001、又は幅が変わらない半角スペースを使用する。どこまで対応させるかは、CA作成者が精密性と互換性を考えて、どこかを妥協して作成すると良いかと思います。コメントをキャンセルメールアドレスが公開されることはありません。気が付いた事や少しでも皆さんの役に立つかもしれない情報を書く趣味ブログです。