気ままにニコライフ

アクセスカウンタ

zoom RSS 夢想歌全面リニューアル2017!

<<   作成日時 : 2017/11/05 17:00   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

あのトリックCAも完全再現(`・ω・´)

拙作動画の一つ夢想歌CAmix。

HTML5プレーヤーとなってからは
フォントなど多く変更があったため、
正常に表示されていない状態が続いていました。

ずーっと直さなくてはと思ってはいたのですが
全体の作業量や保守するにあたりとある問題があり
中々手を付けることが出来ず。。。

ただ、今回歌詞・絵系CA制作が一段落ついたことと
問題の解決法を思いついたこともあり、
老体にむち打ち一念発起^^;
HTML5仕様に完全リニューアルしました!

画像

画像

画像

画像

画像

基本的には従来のCAの再現であり、動画を見る分には
特に目新しいと感じるところはないでしょう( ・3・)
ただ今回はその「今までと同じような表示」になっていても
構造上かなり手を加えている箇所があります。

画像

例えばこちらの隠しCA。
動画全体でも目玉といえるものの一つですが、
このCAを再現することが今回最大の難関でした。
それというのも、元々このCAには「潜り込み」と呼ばれる
技術を使っていたためです。

コメントは投稿した順番にどんどん積み上がっていきます。
その積み上がったコメントは
さながらレイヤー(層)のようになります。

flash時代はコメントが消えた際その空いた層に
追加で投稿されたコメントが補完されていました。

画像

画像

CAwikiより

これが潜り込みです。
以前はこの仕様を利用したトリックCAが数多く作られていました。

ですがHTML5版の仕様変更で
その潜り込みが起こらなくなりました(゚д゚)

潜り込みを使って作ったCAを
潜り込みを使わないで果たして再現できるのか。
しばらく考えていたのですが、
結果として以下のような形で再現に成功(・∀・)

画像

図で見てもらったほうがわかりやすいと思いますが、
@秒数を使用し、消失タイミングをズラすことで
流しコメントの直下にフレームコメントを表示させます。
フレームコメントを最初から投稿しておくというところがミソですね。

画像

図にすると大したことでもないように感じますね( ・3・)
むしろこっちのほうが簡単に(少ないコメントで)隠しが出来ます。
しかもこの方法はflash版でも可能という。。。
つまり最初から潜り込みを使わなくても再現できたわけですw
・・・まあ最初に実装したのは9年前なので^^;


もう一つ、「今までと同じような表示」に関してですが、
上記の隠しCAの再現に際し、画面の上下に
黒い帯を追加しています。
以前ならニワン語を用いて黒帯を表示させていたところですが
ニワン語もなくなってしまったので代わりに
二重リサイズを用いています。

画像

※上下の黒部分

これが曲者に( ・3・)
常に画面に高さ固定コメントが表示された状態になったため、
黒帯を表示させた時点以降積み上げコメントが使えなくなりましたw
その為、動画後半部分は全て高さ固定コメント
コメントアートを再構成しています。

画像

この花装飾CAも全て高さ固定です。
幸いHTML5では高さ固定のバリエーションが
ほぼ無限大になったので(→参照)サイズ調整等で
困ることはほとんどありませんでした。
また積み上げ時の空白コメントも不要となったため
全体のコメント数もかなり削減されています。
ここはHTML5様々といったところですね(・∀・)



そんなわけで、やっと一つ片付いたという感じです。
キャプチャではない、直接コメントアートを
投入している動画は仕様変更の度に
細かく表示が変わっていきます。
特にHTML5プレーヤーとなってからは
フォントなど多く変更があったため、
殆どの作品で正常な表示とはなっていません。
とりあえず応急処置をしている状態(´・ω・`)

・・・我ながら面倒くさいものを作ってしまいました^^;
残りの動画の作業はやる気次第・・・ですw

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
夢想歌全面リニューアル2017! 気ままにニコライフ/BIGLOBEウェブリブログ
文字サイズ:       閉じる