「知識編Ⅲ【コメントのリサイズ】」の編集履歴(バックアップ)一覧はこちら
知識編Ⅲ【コメントのリサイズ】 - (2010/06/20 (日) 13:17:15) の1つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
[[トップページ]]
----
#blockquote(){基本的にコメントは画面内に全て収まるようにサイズの変更が行われます。
その処理が&bold(){&sizex(4){「リサイズ」}}と呼ばれるものです。
前回の【改行】で&bold(){"縦のリサイズ"}である&bold(){&sizex(4){「改行リサイズ」}}の解説を行いました。
今回は&bold(){"横のリサイズ"}である&bold(){&sizex(4){「臨界幅リサイズ」}}と両者を組み合わせたリサイズの
解説を行っていきたいと思います。}
**目次
&bold(){①臨界幅リサイズ}
&bold(){②二重リサイズ}
&bold(){③高さ固定(二重リサイズ編)}
----
*&bold(){&sizex(7){①臨界幅リサイズ}}
コメントの横幅を広げて行くとどうなるでしょうか?
画面上のコメント表示領域は&bold(){横544px}。
ですが、表示領域の限界までコメント幅を広げようとすると、
ある一定の幅に達した瞬間、
&blankimg(width resize 1.jpg,width=408,height=288)
コメントは&bold(){画面内に収まるようにどんどん縮小していきます。}
(改行リサイズを起こしていない場合)
この縮小処理によるコメントのサイズ変化のことを&bold(){&sizex(6){&color(orange){「臨界幅リサイズ」}}}と呼びます。
臨界幅リサイズは改行リサイズと違い、
コメントの横幅によって&bold(){縮小の度合い&color(green){(縮小率)}}が細かく変わります。
&blankimg(width resize 2.jpg,width=544,height=384)
縮小されるタイミングについてはサイズによっても異なってきます。
ここでは細かな解説は行いませんが、
縮小されていくにつれてサイズ間の違いは少なくなっていきます。
&blankimg(width resize 3.jpg,width=525,height=787)
臨界幅リサイズを利用すれば
より細かくコメントの高さを調整することが可能となります。
ただし、縮小率によってコメントの横幅も大きく変わってくるので、
改行リサイズよりも地道な調整が必要となります。
テスト動画で何度も試してみると良いでしょう。
----
&bold(){prev:[[知識編Ⅱ【改行】]]}
[[トップページ]]
[[トップページ]]
----
#blockquote(){基本的にコメントは画面内に全て収まるようにサイズの変更が行われます。
その処理が&bold(){&sizex(4){「リサイズ」}}と呼ばれるものです。
前回の【改行】で&bold(){"縦のリサイズ"}である&bold(){&sizex(4){「改行リサイズ」}}の解説を行いました。
今回は&bold(){"横のリサイズ"}である&bold(){&sizex(4){「臨界幅リサイズ」}}と両者を組み合わせたリサイズの
解説を行っていきたいと思います。}
**目次
&bold(){①臨界幅リサイズ}
&bold(){②二重リサイズ}
&bold(){③高さ固定(二重リサイズ編)}
----
*&bold(){&sizex(7){①臨界幅リサイズ}}
コメントの横幅を広げて行くとどうなるでしょうか?
画面上のコメント表示領域は&bold(){横544px}。
ですが、表示領域の限界までコメント幅を広げようとすると、
ある一定の幅に達した瞬間、
&blankimg(width resize 1.jpg,width=408,height=288)
コメントは&bold(){画面内に収まるようにどんどん縮小していきます。}
(改行リサイズを起こしていない場合)
この縮小処理によるコメントのサイズ変化のことを&bold(){&sizex(6){&color(orange){「臨界幅リサイズ」}}}と呼びます。
臨界幅リサイズは改行リサイズと違い、
コメントの横幅によって&bold(){縮小の度合い&color(green){(縮小率)}}が細かく変わります。
&blankimg(width resize 2.jpg,width=544,height=384)
縮小されるタイミングについてはサイズによっても異なってきます。
ここでは細かな解説は行いませんが、
縮小されていくにつれてサイズ間の違いは少なくなっていきます。
&blankimg(width resize 3.jpg,width=525,height=787)
臨界幅リサイズを利用すれば
より細かくコメントの高さを調整することが可能となります。
ただし、縮小率によってコメントの横幅も大きく変わってくるので、
改行リサイズよりも地道な調整が必要となります。
テスト動画で何度も試してみると良いでしょう。
*&bold(){&sizex(7){②二重リサイズ}}
改行リサイズが発生した状態で
コメントの横幅を広げていくとどうなるでしょうか。
本来なら臨界幅リサイズが発生し、
コメントの縮小が起こるはずなのですが……?
ある一定幅を超えると縮小するどころか
元のサイズに戻ってしまいます。
この現象を&bold(){&sizex(6){&color(orange){「二重リサイズ」}}}と言います。
&bold(){&sizex(4){&color(green){改行リサイズと臨界幅リサイズが同時に起こった状態}}}の事です。
このように、コメントが画面の大きさを超えて存在しています。
画面上では黄枠がほとんど表示されないので、
現在の状態が非常に確認しにくいコメントでもあります。
上の画像は「big」のものですが、
「medium」や「small」でも同じように二重リサイズが発生させることができます。
各サイズの二重リサイズ発生条件は
&bold(){big:&sizex(5){&color(green){3行以上かつ漢字幅×25以上の横幅}}}
&bold(){medium:&sizex(5){&color(green){5行以上かつ漢字幅×40以上の横幅}}}
&bold(){small:&sizex(5){&color(green){7行以上かつ漢字幅×57以上の横幅}}}
となります。
(OSにより若干の誤差あり、要検証)
※smallでも二重リサイズ自体は発生しますが、
通常コメントでは60文字の制限があるため投稿できません。
(投稿者コメント等ならば可能です。)
二重リサイズは「改行リサイズ」と「臨界幅リサイズ」の
二つのリサイズ過程を経ているので、
他のコメントと比べると若干&bold(){&sizex(4){表示の際の負荷が大きくなります。}}
表示の際の負荷が高いと動画がカクカクになったり、
一瞬止まったりと、視聴に影響する場合もあります。
負荷の度合いはPCのスペックによるようですが、
多くても&bold(){&sizex(5){&color(green){一度に3~4コメント程度で留めておく}}}のが良いようです。
また、負荷が大きい関係から、
フォント化けの確率も非常に高くなります。
そのため、他のコメント以上に&bold(){フォントの安定に気を使う必要があります。}
最も簡単な方法は&bold(){&sizex(4){あらかじめフォント変化させておく方法}}ですが、
詳しい説明は「知識編Ⅴ【フォント操作】」ならびに「製作編」で行うことと致します。
----
&bold(){prev:[[知識編Ⅱ【改行】]]}
[[トップページ]]