2015年5月23日土曜日

[Unity3D] クエリちゃんの二重あご説という誤解を解く

Querychan is not fat at all
2015年5月、クエリちゃんがこんなツイートをしました。
クエリちゃんはポケット・クエリーズ社のマスコットキャラクターです。ゲーム開発ツールのUnity3Dのアセットストアでクエリちゃんのアセットが無料で公開されています。
ファンクラブもあります。
http://www.query-chan.com/
なぜクエリちゃんの二重あご説が出回ってしまったのか検証しました。


環境

・Windows 8.1
・Unity 5.0.1


3次元CGが表示される仕組み

Unity3DだけでなくMikuMikuDance(MMD)で使われる3次元CGは頂点の座標とその順番のデータの集合です。画面に表示するときは各頂点を順番に結び合わせて線や面を表現します。
面は質感を表現するため単なる塗りつぶしではなく画像を表示することが多いです。面に画像を表示する機能をテクスチャと言います。
下の画像はUnity3Dのマスコットキャラクター・ユニティちゃんです。ユニティちゃんもまたUnity3D用のモデルデータなどが公開されています。
青い線が各頂点を結ぶ線です。
次の画像は怒った顔のユニティちゃんです。
目・眉・口の頂点を移動し、それに付随する面を伸縮することで表情を表現しています。
表情などの表現のために頂点を移動することをモーフと言います。


クエリちゃんの表情はモーフではなくテクスチャ

クエリちゃんも無数の頂点とテクスチャの組み合わせで出来ています。
ですが、ユニティちゃんとの大きな違いは表情をモーフではなくテクスチャの画像で表現している点です。

クエリちゃんは表情毎にテクスチャ画像が用意されています。
口を結んでいるときと開けているときとではあごの形が変わるわけですが、これもモーフではなく顔のパーツが2種類用意されています。
クエリちゃんは表情に合わせてテクスチャの画像を差し替えたり顔のパーツを表示・非表示する仕様です。
2種類の顔のパーツを同時に表示するとわずかにずれて重なって表示されるため、二重あご説が拡散されたようです。
クエリちゃんは二重あごではありません

ユニティちゃんも二人重ねれば二重あごになります。(重ねることはないと思いますが)


ユニティちゃん方式(モーフで表情をつける)のメリット

モーフは頂点の移動量を混ぜる(ブレンドする)ことができます。
例えば口を結んでいるモーフとあんぐり開けてるモーフを半分ずつブレンドすれば口を半開きにできます。


クエリちゃん方式(テクスチャで表情をつける)のメリット

テクスチャはあらかじめ用意した画像を面に表示する機能なので、モーフのようにブレンドすることが出来ません。
ですが、2次元の画像編集ソフトを使えば比較的簡単にオリジナルのテクスチャ画像を作ることができます。
下の画像はクエリちゃんの表情のテクスチャを自分で作ったものです。
新しいモーフを追加するとなると3次元のCG編集ソフトを使いこなす必要があるのでそれなりに難しいです。
テクスチャなら元の画像を改変するだけなのでモーフの追加ほど難しくありません。


クエリちゃんの手のパーツは3種類

クエリちゃんは手首や指の関節が曲がらない代わりにグー・パー・半開きの3種類のパーツがあります。
使いたい手の形だけを表示して使う仕様です。


クエリちゃんモデルのFBX

クエリちゃんのアセットはFBXファイルが付属します。FBXは3次元CGで広く使われているフォーマットです。
FBXの読み込みに対応しているCLIP STUDIO COORDINATEを使ってみたところ、クエリちゃんのFBXファイルを読み込むことが出来ました。
テクスチャの画像ファイルは自分で指定する必要がありました。
2つの顔が重なったまま表示されます。
手も3種類全て表示されています。



クエリちゃんについて詳しいプロ生の動画があります


勉強会は動画で見るより会場に行った方が情報量が圧倒的に多いです。


関連ブログ

[Unity3D] サイドバイサイドで立体視できるゲームを作るには [クエリちゃん][ユニティちゃん]
[Unity3D] Unity5のアプリをAndroid Studioにインポートする方法
[Unity3D] Unity4からUnity5へのバージョンアップでの変化
[Unity3D] ゲーム画面をキャプチャしてMovie Studioで動画に編集する
[Unity3D] Visual Studio Community 2013を日本語化してUnityアプリを作る
CLIP STUDIO COORDINATE でプロ生ちゃんを使ってみる
[Android] OpenGLで頂点の多いポリゴンを扱うには



以上、参考になれば幸いです。

2015年5月16日土曜日

ツイッターのツイート履歴CSVを文字化けしないようにExcelに取り込む方法

How to import tweets CSV files into Excel
2013年頃からTwitterは自分が投稿したツイートをCSVファイルでダウンロード出来るようになりました。
このCSVファイルを無加工でExcelで開くと文字化けして使い物になりません。
文字化けしないようにExcelで開けるようにするまでの手順をまとめてみました。


環境

・Windows 8.1
・Excel 2010


全ツイート履歴を要求するしCSVファイルをダウンロードする

全ツイート履歴はPCのブラウザーでTwitterにログインして設定画面から要求できます。
AndroidのTwitter公式アプリは全ツイート履歴の要求画面が見当たりませんでした。
このボタンをクリックすると、ダウンロードURLが書かれたメールが届き、zipファイルでダウンロードできます。
zipファイルをかいとうすると「tweets.csv」という目的のCSVファイルがあるはずです。


Excelで開く前に文字エンコードをShift_JISに変換する

tweets.csvをExcelで開くと文字化けするのはCSVファイルの文字コードがUTF-8だからです。
Shift_JISのCSVファイルならExcel出文字化けせずに開けます。
ツイート履歴のCSVファイルの文字コードをShift_JISに変換して保存すれば、UTF-8に依存した文字は失われますが改行箇所はそのままExcelに取り込めます。

MtkはEmEditorを使っているのですが、EmEditorならcsvファイルを開いて「全てエンコードを指定して保存」で「シフトJIS」を選択すればShift_JISに変換できます。
フリーの文字コード変換ツールならコマンドライン専用ですがnkfというものがあるようです。


Shift_JISに変換しない場合は細工が必要

手間はかかりますがCSVファイルを細工すればUTF-8のままExcelで開くことが出来ます。
詳しくは続けて説明しますが、大まかに次の操作が必要でした。
  • ファイル名の拡張子をtxtに変更する
  • 行の途中の改行を削除する
  • Excelでテキストファイルの区切り文字と引用符を指定して開く


ファイル名の拡張子をtxtに変更する

ExcelへのShift_JIS以外のCSVファイルの取込は文字化けの原因になるのですが、テキストファイルの取込ならUTF-8でも文字化けしません。
Excelへテキストファイルとして取り込むためツイート履歴のCSVファイルの拡張子をtxtに変更します。


行の途中の改行を削除する

Twitterに改行を含む文章を投稿するとCSVファイルのツイート履歴も改行されています。
下の図だと、50行目と52行目はそれぞれ前の行の途中で改行しています。
文章中の改行を残したままのテキストファイルはこの後のに取り込みで失敗することがあったので、投稿文の改行を削除します。
改行の削除には正規表現で置換できるテキストエディターが必要です。
EmEditorでの方法を説明します。
EmEditorでtweets.csvを開きます。
Ctrlキーを押しながらHキーを押すか、メニューの 検索 - 置換を開きます。
次のように操作します。入力する内容を間違えるとファイルの内容が壊れます。

  • 検索する文字
    \n([^"])
  • 置換後の文字列
    $1
  • 正規表現を使用するをチェック
この状態で[全て置換]ボタンをクリック


Excelでテキストファイルの区切り文字と引用符を指定して開く

Excelのメニュー
ファイル - 開く
でテキストファイルを開きいます。
「カンマやタブなどの区切り文字によって・・・」を選択して次へ。
区切り文字はカンマを選択して次へ
列のデータ形式は文字列を選択します。
この画面のデータプレビューに全部で10列くらいありると思いますが列を一つずつクリックしてそれぞれの列のデータ形式を文字列に設定して完了です。

エラーや文字化けがなければ成功です。


使い道は

Excelに取り込めたら検索なりフィルターなりで過去の投稿を好きなように見ることが出来ます。
Webアプリの勉強がてらにツイートを投稿したり削除するツールを作りたかったのですが検索APIに制限があったので、Excelで削除したいツイートのステータスIDを探して画面にコピーペーストするツールのために使ってます。
なお、他人のツイート履歴はダウンロードできません。


関連ブログ

[セキュリティ] Twitterの「このリンクは安全ではない」「このリクエストを保留しています」の対策2015年版
ツイッターAPIの検索で複数の画像URLが取得できない対策方法
Blogger.com(blogspot)のブログにツイッターカード(リンク先のプレビュー)を設定する
[Android] アプリからツイートするとハッシュタグが消える(URLエンコード漏れ)
[GIMP] GIFアニメーションの作り方

以上、参考になれば幸いです。

2015年5月9日土曜日

ツイッターAPIの検索で複数の画像URLが取得できない対策方法

How to get multiple pictures URL from Twitter API
ツイッターはアプリ開発者向けにAPIを公開しています。
APIを使ってツイート分の取得や投稿、プロフィールの設定などが出来るようになってます。
ほとんどのAPIがリクエストはHTTPによるGET、SET、POST、DELETEで行い、レスポンスはJSONフォーマットのテキストデータで返す仕様です。
実際に利用するには
https://apps.twitter.com/
からCreate New Appでアプリを登録してConsumer KeyやConsumer Secretを発行してもらう必要があります。

Webアプリの勉強がてらにツイッターAPIを使って悩んだことがあったのでその内容をまとめてみました。
特定のプラットフォームに限定されない話なのでソースコードはありません。


環境

・Windows8.1
・Visual Studio Community 2013
・CoreTweetライブラリーなど


検索APIでは複数の画像のURLが取得できない

検索APIはツイッターを検索するAPIです。
公式ドキュメントはこちら
https://dev.twitter.com/rest/reference/get/search/tweets

非サブスクリプションの開発者でも使えますが過去1週間以内の投稿しか検索できないなどの制限があります。
特に複数の画像を投稿されたツイートを検索しても、一つの画像のURLしか取得できない制限があります。
たとえば、次のツイートは二つの画像が投稿されています。

このツイートを検索APIで取得したJSONデータの画像に関する部分は次の通りです。(一部省略)
最初の1件の画像URLしか取得していません。


全ての画像URLを取得するにはSearch以外APIを使う

検索APIだけは1件の画像しか取得できませんが、他のAPIを使えば全ての画像URLを取得できます。
statuses/show/:idというAPIは全ての画像URLが取得できました。
公式ドキュメントはこちら
https://dev.twitter.com/rest/reference/get/statuses/show/%3Aid
statuses/show/:idはステータスIDを指定してJSONデータを取得するAPIです。
検索APIで取得したステータスIDをstatuses/show/:idでJSONデータを取得すると次のようになります。


無事に2枚の画像URLを取得することが出来ました。


検索APIだけ特別らしい

statuses/show/:id のほか statuses/user_timeline でも全ての画像URLが取得できました。
検索APIだけが特別なJSONを返すようです。
画像URL以外もおかしい値があるかもしれません。


関連ブログ

[セキュリティ] Twitterの「このリンクは安全ではない」「このリクエストを保留しています」の対策2015年版
[Unity3D] Visual Studio Community 2013を日本語化してUnityアプリを作る
[C#] タスクトレイにバルーンチップを表示するアプリ

以上、参考になれば幸いです。

2015年5月2日土曜日

[Unity3D] Unity5のアプリをAndroid Studioにインポートする方法

How to import Unity projects into Android Studio
Unity5で作ったアプリケーションはAndroid用のapkファイルにビルドすることが出来ます。
また、Android Developer Tools用のプロジェクトにエクスポートすることもできます。
エクスポートしたプロジェクトをAndroid Studioにインポートすることもできたので、その手順をまとめてみました。


環境

・Windows 8.1
・Android Studio 1.1.0
・Unity 5.0.0f4


Unityでアプリを作る

Androidで動作させたいアプリを作ります。
特定のプラットフォームに依存しないようにAndroidでも動作するように作るのが前提です。


Unity5からAndroid Projectをエクスポートする

メニューの
File - Build Settings
でAndroidを選択してSwitch Platformボタンをクリックします。
Google Android ProjectをチェックしてExportボタンをクリックすると、Android用Projectに必要なファイル一式を出力するので保存場所を指定して出力してください。


Android Studioにインポートする

Android StudioのWelcome画面を起動します。
Welcome画面が起動しない場合はメニューの
File - Close project
で開いているプロジェクトを閉じてください。
Import projectでUnity5のプロジェクトをインポートします。


マニフェストを修正する

マニフェスト(manifests)のエラー箇所である
android:debuggable="false"
の部分を消します。


起動してみる

PCとAndroidスマートフォンをUSBケーブルで接続して、Android StudioのDebug appボタンをクリックしたら動作しました。
実行環境はエミュレーターではなく実機を推奨します。


Unityアプリをカスタマイズする

UnityPlayerActivityを継承したクラスを作れば独自の機能を追加できます。
たとえば、下のようなActivityを作ってマニフェストで起動用Activityとして宣言すればUnityアプリが起動した時にLogCatにログ出力する機能を追加できます。




エラーが出た場合の対処方法

Android Studioのコンソールに
Error type 3 Error: Activity class {クラス名} does not exist
というエラーが出て起動しないことがありましたが、プロジェクトフォルダーのbuildフォルダーの中を全て消したら起動するようになりました。
Unity3.xとEclipse+ADTの頃はもっと手間がかかってトラブルがつきものでしたが、今の環境ではあっけにとられるほど簡単になりました。


注意事項

ゲームのイベントに合せるような処理は難しいですが、Activityで出来ることはだいたい出来ると思います。
たとえばゲーム画面にToastを表示したり、画像をオーバーレイ表示することも可能です。
ただし無料版Unityを使用する場合、起動時のUnityのスプラッシュスクリーンの上に別の画像をオーバーレイ表示させる行為はライセンス違反の可能性があるのでご注意ください。



関連ブログ

[Unity3D] サイドバイサイドで立体視できるゲームを作るには [クエリちゃん][ユニティちゃん]
[Unity3D] Unity4からUnity5へのバージョンアップでの変化
[Unity3D] 透視投影と平行投影を合成するには[ユニティちゃん]
[Unity3D] ゲーム画面をキャプチャしてMovie Studioで動画に編集する
[Unity3D] Visual Studio Community 2013を日本語化してUnityアプリを作る
[Android] 高速Androidエミュレーター・BlueStacks

以上、参考になれば幸いです。

2015年4月25日土曜日

[セキュリティ] Twitterの「このリンクは安全ではない」「このリクエストを保留しています」の対策2015年版

How to remove the URL blocking by Twitter
2015年4月2週目、Twitterにてドメイン名にfujiu.jpを含むURLの投稿がブロックされていることが分かりました。

投稿しようとするとこうなります。
このリクエストはコンピュータによる自動的なものと判断されました。Twitterユーザーをスパムやその他の迷惑行為から保護するために、このリクエストを保留しています。しばらくしてからもう一度お試しください。

ブロックされる前に投稿したリンクをクリックするとこうなります。
警告:このリンクは安全ではない可能性があります
ひどい言われようです。

念のため、Googleセーフブラウジングやウェブマスターツールで管理下のウェブサーバーを全てチェックしましたが不審な点はありません。
当サイトのセーフブラウジングのリンク
http://www.google.com/safebrowsing/diagnostic?site=http://blog.fujiu.jp/


ヘルプセンターからの申告は機能しない

2013年はTwitterのヘルプセンターから
Twitterがスパムと判断したため、リンクをツイートできません
の申告をすれば数日後に解除してもらえたとともに謝罪のメールが届いたのですが2014年頃から全く機能しなくなりました
ブロックされている理由を推測した結果、スパムの疑いのあるドメインをブラックリスト化して投稿を拒否していると仮定し、fujiu.jpがブラックリストに登録されていないか調べることにしました。


ブラックリストのチェックツールで調べる

複数のブラックリストを一括検索して結果を教えてくれるWebサービスはいくつかあるのですが、最初に利用したのが次のサービスでした。
Sucuri SiteCheck - Free Website Malware Scanner
https://sitecheck.sucuri.net/

このサービスで検索できる10種類のブラックリストのうち、誤判定率の高さで悪名高いSpamHausのThe Domain Block Listに無断で登録されていました。


SpamHausにブロックリストの解除を申請する

SpamHausのThe Domain Block Listはスパムメールのドメインをデータベース化したもののようです。
ウェブサーバーがマルウェアに感染したのではなく、SpamHausがスパムメールのドメインとして誤判定したようです。
ちなみにSpamHausではブラックリストのことをブロックリストと呼ぶようです。
http://www.spamhaus.org/lookup/
SpamHausにブロックリスト解除の申請をします。
SpamHausのウェブサイトのBlocklist Removal CenterにメールアドレスとCaptchaを入力します。ヤフーメールやGmailのアドレスは拒否されるのでプロバイダーから提供されるメールアドレスを使いました。
解除のためのURLが記載されたメールが送られてくるのでそのURLを開くだけでした。
それから30分ほどでブロックリストから消えました。


SpamHausが誤判定した原因を探る

SpamHausがfujiu.jpをスパムメールと誤判定した理由は不明です。
そこでDNSのMXレコードをチェックするWebサービスを使ってみました。
MX TOOLBOX
http://mxtoolbox.com/SuperTool.aspx
その結果、いくつかの警告が表示されました。
特にSPF No RecordsというDNSにSPFレコードが登録されてない警告は看過できないと思われたのですぐに登録しました。

DNSのSPFレコードは必ずしも登録する必要はないのですが、スパムメールの判定に使われることがあります。
例えば自分の管理下にあるメールサーバー(SMTPサーバー)のIPアドレスが11.22.33.44の場合、DNSに次のレコードを登録します。

fujiu.jp TXT 0 v=spf1 +ip4:11.22.33.44 ~all

こう設定した場合、IPアドレスが11.22.33.44のメールサーバーが送信したメールが「@fujiu.jp」で終わるメールアドレスなら本物であると宣言したことになります。
メールの受取手はDSNサーバーを見て11.22.33.44以外のメールサーバーが送信したメールが「@fujiu.jp」で終わるメールアドレスならスパムメールであると判定できるわけです。

SPFレコードが設定されてなければどのメールサーバーが送信したメールが本物なのか判断しようがないのでSpamHausのブロックリストに登録されてしまったのかもしれません。
ただし必ずしもSPFレコードが未設定のドメインがSpamHausのブロックリストに登録されるわけではないようです。


SPFレコードは設定するべき

Gmailやヤフーメールは受け取ったメールがスパムメールかどうかを判定する迷惑メール機能があります。
大事なメールまで迷惑メール扱いされていたのでメールアドレスをMX TOOLBOXで調べたらSPFレコードが未登録だったことがあります。
SPFレコードの有無で迷惑メールとして扱われることがあるようです。
ブラックリストに登録されてなくてもSPFレコードは設定した方がいいようです。
ちなみにメールアドレスとして使用しないドメインのSPFレコードは次の設定でよいかと思います。

ドメイン名 TXT 0 v=spf1 -all


Twitterのヘルプセンターに申告する

ブラックリストの解除とブラックリストに登録されたと思われる原因を排除したら、Twitterのヘルプセンターに申告します。
上の方にも書きましたがヘルプセンターは全く機能していないので気休めにしかなりませんが。
ブラックリスト抹消後から3日後に何の連絡もなくTwitterのブロックが解除されました。


なお、「ブラックリストに登録されているURLはツイートできない」というのはMtkの勝手な推測なのでTwitterの投稿が拒否される件とブラックリストとの因果関係は不明です
複数のブラックリストに登録されているのにツイッターに投稿できるURLも沢山あります。
何の断りもなくブラックリストに登録されるのは腹が立ちますが、スパムに利用されるのは他人に迷惑が及びますので見過ごせません。


関連ブログ

[セキュリティ] Twitterに「スパム、または安全でない」と誤認されたら(2013年版)
[セキュリティ] bitly.com にスパムサイトと誤認されたら
[インターネット] Googleストリートビューにプライバシー情報が公開されてしまったら

以上、参考になれば幸いです。

2015年4月18日土曜日

Internet Explorer 11の動画再生のプリフリーズ(コマ飛び・コマ落ち)が直るまで

How to remove the small freezes from IE11
ThinkPadのOSをWindows8.1にしてからInternet Explorer 11(以下IE11と略します)で再生する動画がコマ飛びするようになりました。
不定期なタイミングで動画の映像が一時停止したようになります。音声は途切れません。
映像が止まった場所をもう一度再生すると映像は停止せずに再生されるので動画には問題なく、再生環境に原因があると思われました。
長いこと原因が不明でしたが、少しだけ対策方法が分かりました。

環境

・Lenovo ThinkPad
・Windows8からWindows8.1へ強制アップデートされた


結論

Lenovoのサービスをすべて停止したらコマ飛びが減りました。


設定方法

チャームから
設定 - コントロールパネル - システムとセキュリティ - 管理ツール
を開き、その中にあるサービスを起動します。
名前がLenovoで始まるサービスのうち、状態が実行中のサービスをダブルクリックしてスタートアップの種類を手動に変更します。

設定を変更したら再起動し、手動に設定したサービスの状態が実行中にならなければ設定完了です。


設定変更の影響は?

Leoovoのサービスの中で特に動画再生への影響が強そうなのが「Leonovo PM Service」でした。
PMはおそらくPower Managerの略だと思うのですが、Lenovo Power Managerをアンインストールしてもサービスが残り常駐し続けます。
停止しても特に影響もありませんでした。


試したけど改善しなかった内容

  • Flash以外のIE11のアドオンをすべて無効にする
  • IE11の設定「GPUレンダリングではなくソフトウェアレンダリングを使用する」を有効にする
  • 最新バージョンのFlashをインストールする
  • グラフィックスのなどデ各バイスドライバーを最新にする
  • ウィルス対策ソフトを一時的に停止する


試してない内容

  • ウィルス対策ソフトを別のものにする
  • Windows8.1をクリーンインストール
    ディスクドライブに代替品がないのと、もうすぐWindows10がリリースされるため


関連ブログ

[Windows] Internet Explorer 11 が遅い、フリーズする時の対処
[Windows] FirefoxでFlashがクラッシュ
HTMLのソースをWebコンテンツを見ながら素早く見つける [Internet Explorer][Firefox]
[ThinkPad] ウィンドウの前後が勝手に入れ替わる

以上、参考になれば幸いです。

2015年4月4日土曜日

[Android] Google Cardboard用の立体視動画をVegas Pro/Movie Studioで編集する

How to optimize the movies for Google cardboard
動画編集ソフトVegas Pro/Movie Studioは立体視動画を編集出来ます。
実際に立体視動画を作るにはステレオカメラを使って撮影するか、右目用と左目用の映像をCGで作るなど必要がありますが、ステレオスコピックの素材さえ用意できれば編集出来ます。
Google Cardboardを使ってステレオスコピック動画を立体視するまでの手順をまとめてみました。


Google Cardboardとは

Google Cardboardはスマートフォンに映したサイドバイサイドの画像や動画の左右の視差を制限して立体視するのぞき箱です。
純正品は段ボールとレンズとマジックテープと磁石だけで、自分で組み立てて使います。
既に類似の製品が多数で回っていて、HOMiDOのようなプラスチック製の高級品も販売されています。
完成した製品は卓上カレンダーくらいの大きさです。


環境

・Windows8.1
・Vegas Pro 13 / Movie Studio 12
・Android4.2スマートフォン


スマートフォンとPCに外部モニター化アプリをインストールする

スマートフォンをWindowsの外部モニターとして使うためのアプリをインストールします。
Windows PCの外部モニターとして使えればAndroidでもiPhoneでもWindows Phoneでも構いません。
今回は制限時間内は無料、800円の課金で制限解除されるAndroid用Komado2というアプリで試します。
http://komado.abt.jp/manual.html
AndroidスマートフォンにはKomado2を、Windows PCにはKomado2の専用ソフトをインストールします。
Komado2の説明によるとTCPとUDPのポートを使うとのことです。
アドホックなのかインフラストラクチャーなのか説明がありませんが環境によってはファイアウォールやルータの設定が必要になるかもしれません。


スマートフォンを外部モニター化する設定

Komadoでの操作方法の説明です。
WindowsPCでKomadoコントロールパネルを開いてデスクトップ拡張に設定して反映ボタンをクリックします。
スマートフォンのKomadoアプリを起動して画面が映ることを確認します。


Vegas Pro/Movie Studioの設定

スマートフォンのKomadoを起動させた状態でVegas Pro/Movie Studioを起動します。
オプション - ユーザー設定
を開きます。バージョンによって表現が異なりますが、「プレビューデバイス」とか「ビデオプレビュー」といったタブがあるのでディスプレイアダプタの2を選択してOKをクリックします。
ビデオプレビュー画面の上にある「外部モニターでビデオのプレビュー」をクリックします。

これでビデオプレビューがスマートフォンに表示されるようになりました。


Google Cardboardで立体視を楽しむ

ステレオスコピックの動画作成は過去のブログに記載しました。良かったら参考にしてください。
[動画編集] MMDとMovie Studioでステレオスコピック3D動画を作る
ステレオスコピックの動画をGoogle Cardboardで立体視するには
プロジェクト - プロパティ
を開いてステレオスコピック3Dモードをサイドバイサイド(フル)に設定します。


レンズの歪みを処理する

Google Cardboardのレンズを通して映像を見るとレンズ歪み(レンズディストーション)のため中央が縮小されるように見えます。
ビデオエフェクトの変形などを使ってあらかじめ映像の中央を拡大しておくとゆがみが打ち消し合ってオリジナルの映像に近づくと思います。
ステレオスコピックのビデオクリップは一つのビデオエフェクトで左右に効果がつきます。
レンズ補正前・左側
レンズ補正後・画面の端が見切れます。
サイズを調整してクッキーカッターでトリミングしました。とGoogle Cardboard SDKを使ったような絵になりました。

GIFアニメーションを作ればツイッターにも投稿できます。


Komado2を使うと拡張デスクトップが増える

Komado2はWindowsの拡張デスクトップを増やしてスマートフォンに割り当てる仕様のようです。
デスクトップの出力先や解像度がおかしいと思ったらWindowsの「画面の解像度」で設定を見直してください。


画像に使用したMMDモデル

・プロ生ちゃん
・湯葉式東北ずん子
・キオ式弱音ハク
・カーグラP式クラウン
・データP式玉ボケ
・SkyBlue式豊倉市
・額田倫太郎式skydome
・elorin jo式瓶
・柿竹式ハンバーガー



関連ブログ

[Unity3D] サイドバイサイドで立体視できるゲームを作るには [クエリちゃん][ユニティちゃん]
[GIMP] GIFアニメーションの作り方
[動画編集] MMDとMovie Studioでステレオスコピック3D動画を作る
[Unity3D] ゲーム画面をキャプチャしてMovie Studioで動画に編集する
[動画編集] Movie Studio 13 でVSTプラグインを使ってみました
[動画編集] Vegas Pro 13とMovie Studioを比べてみました

以上、参考になれば幸いです。