ニコニコ動画のPSP変換方法、アニメ銀河英雄伝説の壁紙、CSSリファレンスなど、趣味に偏った情報を公開中

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ニコニコ動画 コメント技 応用編 02-動きながら切り替わる文字

ニコニコ動画 コメント技 応用編 02と題しまして、今回は「動く弾幕」
正確には「動いているように見せかける弾幕」

「表示の時間差」をうまく利用した応用例です。

説明:"キチメガ"という赤文字が画面下から次第に現れ、紫色に切り替わって、最後に虹色切り替わって終了。

これはアップロード前が1MBあったので重いと思います。動画自体は10秒。
PSP用に作ったものなので368*272だし、h264-MPEG4だし…再エンコは面倒なので一部トリミングしただけでアップ
見られない人、ゴメンナサイ
あと、変なシーンはありませんが一応BLゲMADからの拾い物なので、背後注意。





この弾幕は主に3つの技を使っています。
 技①「動的な文字を作る」
 技②「動的な文字を繰り返す」
 技③「色を変えてバリエーションをだす」


技① 「動的な文字を作る」 ~ポイント:時間差でのコメント表示

 
 最初のコメントが消えないうちに次のコメントを表示させているので、下から上にコメントが重なって表示されます。
 つまり等間隔で"vpos"を指定してやればいいわけです。

技② 「動的な文字を繰り返す」 ~ポイント:コメントが消える時間をおさえる


 文字が完成してから最後のコメント(文字の一番上の部分)が消えるのを見計らって、次の文字のためのコメントをいれていく。
 最後のコメントが消えないうちに次のコメント入れると、上に重なってしまうため、文字が崩れます
この弾幕では、前の文章の上部が消えてから、次の文章の下部を表示させるまで、"vpos"を200少々遅らせています。
(vpos="12366"からvpos="12568" この差は202)
(vpos="12680"からvpos="12897" この差は217)

このスキマが短いとコメントが重なり、長いと弾幕としての連続性に欠けるので、大事な部分です。

技③ 「色を変えてバリエーションをだす」 ~ポイント:色指定を変える


 読んだとおり、mail"...."の色指定を変更するだけです。

xml(コマンドファイル)の中身↓
コメント部分が見やすいように<PRE>タグ(整形済みテキスト)で囲ってあります。
よってコメント部分が、動画表示と近い構成に見えます。
あと、「キチメガ」という文字ごとに--------------------で区切って見ました

上から下に時系列で並んでいます。

<chat anonymity="1" date="1203319623" mail="shita small red 184" no="69408"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12259">
______■____■_■__________■__■_______</chat>
<chat anonymity="1" date="1203319631" mail="shita small red 184" no="69409"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12291">
______■____■__■_________■__■_______</chat>
<chat anonymity="1" date="1203319645" mail="shita small red 184" no="69410"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12306">
______■____■___■___■____■__■_______</chat>
<chat anonymity="1" date="1203319651" mail="shita small red 184" no="69411"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12319">
____■■■■_■■■■■__■■■_____■__■_______</chat>
<chat anonymity="1" date="1203319661" mail="shita small red 184" no="69412"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12335">
______■____■____■■____■■■■■■_■■____</chat>
<chat anonymity="1" date="1203319670" mail="shita small red 184" no="69413"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12348">
____■■■■__■■___■__■_____■____■■____</chat>
<chat anonymity="1" date="1203319682" mail="shita small red 184" no="69414"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12366">
______■_____■_■____■____■__________</chat>

--------------------------------------------
<chat anonymity="1" date="1203319708" mail="shita small purple 184" no="69415"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12568">
______■____■_■__________■__■_______</chat>
<chat anonymity="1" date="1203319719" mail="shita small purple 184" no="69416"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12604">
______■____■__■_________■__■_______</chat>
<chat anonymity="1" date="1203319728" mail="shita small purple 184" no="69417"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12617">
______■____■___■___■____■__■_______</chat>
<chat anonymity="1" date="1203319737" mail="shita small purple 184" no="69418"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12630">
____■■■■_■■■■■__■■■_____■__■_______</chat>
<chat anonymity="1" date="1203319765" mail="shita small purple 184" no="69419"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12646">
______■____■____■■____■■■■■■_■■____</chat>
<chat anonymity="1" date="1203319773" mail="shita small purple 184" no="69420"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12656">
____■■■■__■■___■__■_____■____■■____</chat>
<chat anonymity="1" date="1203319783" mail="shita small purple 184" no="69421"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12680">
______■_____■_■____■____■__________</chat>

-------------------------------------------
<chat anonymity="1" date="1203319808" mail="shita small cyan 184" no="69422"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12897">
______■____■_■__________■__■_______</chat>
<chat anonymity="1" date="1203319824" mail="shita small blue 184" no="69423"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12910">
______■____■__■_________■__■_______</chat>
<chat anonymity="1" date="1203319845" mail="shita small yellow 184" no="69424"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12923">
______■____■___■___■____■__■_______</chat>
<chat anonymity="1" date="1203319857" mail="shita small orange 184" no="69425"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12936">
____■■■■_■■■■■__■■■_____■__■_______</chat>
<chat anonymity="1" date="1203319868" mail="shita small green 184" no="69426"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12949">
______■____■____■■____■■■■■■_■■____</chat>
<chat anonymity="1" date="1203319879" mail="shita small pink 184" no="69427"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12962">
____■■■■__■■___■__■_____■____■■____</chat>
<chat anonymity="1" date="1203319898" mail="shita small red 184" no="69428"
thread="1185063094" user_id="wjNLEVhD0hcKc1mq90ShRDWUUCc" vpos="12988">
______■_____■_■____■____■__________</chat>
スポンサーサイト

テーマ : ニコニコ動画
ジャンル : アニメ・コミック

ニコニコ動画 コメント技 応用編 01-流れるコメントと静止コメントを組み合わせ

今回は、ニコニコ動画のコメント技 応用編として、ひとつご紹介。

この技に名前をつけるなら、"コメ残し"でしょうか?

流れるコメントと静止コメントを組み合わせたものです。



【説明】
流れるコメントが画面中央に到達したときに、静止コメントを表示させて、あたかも文字がそこに残ったかのように印象付ける

わかりづらいので、コメント部分の動画をアップしてみました。
時間は5秒。アップロード前は120kBほどだったので、軽いはず…





xml(コメントファイル)のコマンドはこちら
水色部分は流れるコメント
橙色部分は静止コメント
下線は表示するタイミング

<chat anonymity="1" date="xxxxxxxxx" mail="elementalgreen big ue sage 184" no="2523" premium="1" thread="xxxxxxxxxxxxx" user_id="xxxxxxxxxxxx" vpos="7698"> 
 
 
 
 
一人にしないで        
 
 
 
 
 
 
 
 
 
 </chat>
<chat anonymity="1" date="xxxxxxxxx" mail="truered big sage 184" no="2524" premium="1" thread="xxxxxxxxxxxx" user_id="xxxxxxxxxxxx" vpos="7920"> 
 
 
 
 
 
 
奴隷でイイから
 
 
 
 
 
 
 
 </chat>

<chat anonymity="1" date="xxxxxxxxx" mail="black big ue sage 184" no="2525" premium="1" thread="xxxxxxxxxxxx" user_id="xxxxxxxxxxxxxxx" vpos="8020"> 
 
 
 
 
 
 
 奴隷でイイから
 
 
 
 
 
 
 
 </chat>




もとの動画は、BLゲのMAD。
この動画はすでにニコニコ動画サイトには残っていませんでした。
歌詞がコメントでうまく表現されていた動画だったので、残念。

テーマ : ニコニコ動画
ジャンル : アニメ・コミック

ニコニコ動画 コメント技 05-改行方法の違いによる行間の差

今回は、タイトルにある通り、改行方法の違いによる行間隔・文字間隔の差と題してお送りします。

下の画像は以前の記事:コメント技01-縦文字 + 文字色変更でも使用したものですが、これには行間に関する表現方法の違いも見受けられます。

行間隔・文字間隔の比較画像
※文章右のカッコは私が勝手につけたものです。

よーく見てください。赤い文字の上下だけ文字間隔が広く設けられています。

ソースでは、
<chat date="1190876174" mail="ue" no="116652" thread="1176848399" user_id="d1aDvZt0TaD2-0CP-H6bHCx-kpA" vpos="2393">本

に</chat>
<chat date="1190876187" mail="red ue" no="116653" thread="1176848399" user_id="d1aDvZt0TaD2-0CP-H6bHCx-kpA" vpos="2393">素
敵</chat>
<chat date="1190876225" mail="ue" no="116654" thread="1176848399" user_id="d1aDvZt0TaD2-0CP-H6bHCx-kpA" vpos="2393">だ

|</chat>
となっており、コマンドが「本当に」「素敵」「だ--」の3ブロックに分離しているのが分かると思います。
そして、このブロックの間は、各ブロック内の改行を施した文章よりも間隔が開いています。

すなわち
通常のEnterによる改行に比べ、コマンド間のほうが間隔が広くなるということです。


それがどうした?と思われる方も多いと思いますが、精密さが要求されるAAを作る際などには考慮しなくてはならないことだと思います。

また、文章表現にも効果的で、たとえばこの文章の場合「素敵」という文字が赤くなっており目立ちますが、その上下に少し隙間が開いていることにより、より強調されているように見受けられます。
「素敵」は文字色が違うのだからコマンドも別だし、隙間が開いて当然だ!という意見はごもっともですが、「素敵」を強調する気がなければすべての文字を下のように等間隔に配置してしまえば良いはずです。
等間隔に配置するには一文字ずつコマンドを別にして
<chat date="xxxxx" mail="ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">本
</chat>
<chat date="xxxxx" mail="ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">当</chat>
<chat date="xxxxx" mail="ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">に</chat>
<chat date="xxxxxx" mail="red ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">素</chat>
<chat date="xxxxxx" mail="red ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">敵</chat>
<chat date="xxxxxx" mail="ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">だ</chat>
<chat date="xxxxxx" mail="ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">|</chat>
<chat date="xxxxxx" mail="ue" no="xxxxxx" thread="xxxxxx" user_id="xxxxxx" vpos="2393">|</chat>
としてしまえば、










と表現されます。

こうなるとなんだか味気なく感じます。

台詞や歌詞などを作成する際には、行間や文字間隔を意識すると表現の幅が豊かになると思います。

テーマ : ニコニコ動画
ジャンル : アニメ・コミック

ニコニコ動画 コメント技 04-コメントの流れる速さ

久しぶりのコメント関係更新です。
今回はコメントの流れる速さについて解説していきます。

皆さん、ニコ動を見ていて、コメントによって遅かったり速く流れるコメントがあるのにお気づきだと思います。
しかし、流れる速さはコマンドでは制御できません。
コメントの流れる速さは、コメント内容の長さによって変わっていきます。
短いコメントならゆっくりと、
長いコメントなら速く流れます。


これを弾幕に応用したのがコレ↓
映像ソースはつっこみなしで(^-^);
※色のついた枠は、コメントを見やすくするために、あえて書き加えたものです。

コメントスピード比較画像

ソースは某ゲームのOP。

左の画像は、弾幕部分だけキャプチャして時間軸で並べてあります。
時間は画面上から下に向かって流れています。

解説:
「駆け抜ける浣腸」という空耳歌詞を、
画面上を「浣腸♂♂」という文字がすばやく「駆け抜ける」ことで表現

コメント速度を上手く使った面白い弾幕です(個人的に



黄色い矢印を見ていただけると分かりやすいと思いますが、「駆け抜ける」というコメントが流れ終わる前に、その下方を「浣腸♂♂」がすばやいスピードで画面上を流れていきます。


このコメント(xml)をメモ帳で見てみると、

<chat anonymity="1" date="xxxxxxxxxxxx" mail="blue big 184" no="xxxxxx" premium="1" thread="xxxxxxxxxxxxxx" user_id="xxxxxxxxxxxxxxxxxxxx" vpos="20425">駆け抜ける</chat><chat anonymity="1" date="xxxxxxxxxxxx" mail="blue big 184" no="xxxxxx" premium="1" thread="xxxxxxxxxxxxxx" user_id="xxxxxxxxxxxxxxxxxxxx" vpos="20352">→                                                       浣腸♂♂</chat>

文字数は「浣腸♂♂」とほうが短いじゃないか!と思われるかもしれませんが、
コメント部分をよ~く見ると、
駆け抜ける
↑上の画像でいうと水色の枠

に対して、

→□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□浣腸♂♂
↑上の画像でいうと黄緑色の枠 (分かりやすいように、□は空白で表現)

このように、「浣腸♂♂」は実際には、「→」から始まるものすごーく長いコメントだったのです。
だから「浣腸♂♂」のほうが視覚的には短いコメントだったのに、表示時間が遅いはずの「駆け抜ける」よりも速いスピードで流れていったのです。


以上、「コメントの流れる速さ」と題して解説してみました。
いつもながら職人さん、ありがとうございます。

では、おそまつさまでしたー

テーマ : ニコニコ動画
ジャンル : アニメ・コミック

ニコニコ動画 コメント技 03-コメント表示のタイミング

第3弾は、弾幕崩れの理由の一つである コメント表示のタイミング にします。

下の2枚の画像を見てください。(時間軸で上→下の順になっています)
コメントのタイミング0

コメントのタイミング01

コメント文のコマンド自体に間違いはありませんが、横書き(三合会)のコメントが消える前に次のコメントが表示されたために、文字が途中で切れたように表示されてしまっています。

これを直すには横書きのコメントを少し早めに出すか次のコメントの表示時間を遅らせるかのどちらかです。
このことを心に留めておけば、何でずれるの?って疑問も一部解消されるかも・・・

このコメントの表示タイミングを上手く利用すると、文字が動いたり、文字の色を動的に変えたり、いろいろできます

テーマ : ニコニコ動画
ジャンル : アニメ・コミック

メニュー

以下はクリックすると、下位メニューに飛びます。

↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ----------------------------
メニューにない記事はサイトマップへ
カテゴリー
プロフィール

みやま

Author:みやま

地域ブランド力 45位の茨城県在住
20代/女
  • ガンダムと攻殻機動隊と銀河英雄伝説が大好きだ
  • 士郎正宗の描く尻は素晴らしいと思う
--------------------
近況報告、更新情報などツイートしていく予定です。
ツイッターへのリンク@miyama_tweet

リンク
↓バナーとHTMLタグ↓

<a href="http://gogosanzi.blog46.fc2.com/" target="_blank" title="AGPP~趣味に偏った情報を公開"><img src="http://blog-imgs-37.fc2.com/g/o/g/gogosanzi/agpp-bunner.jpg" alt="agpp-bunner" border="0" width="200" height="40"></a>
    ↓登録させていただきました↓
  • loghsearch
銀河英雄伝説名言録


present by 田中芳樹:徳間書店「銀河英雄伝説」
 
  
AGPP TOP > カテゴリー [ニコニコ動画 ]
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。