tag:blogger.com,1999:blog-37125006520448097272024-03-14T14:09:47.980+09:00VR TestAnonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-3712500652044809727.post-25345008203005316512017-04-24T13:14:00.001+09:002017-04-30T00:55:45.629+09:00BIGGEST SALE EVER<h3>
またセールか?!</h3>
<h4>
<hr />
</h4>
<div>
<h4>
Unity Asset Store 大規模セール?!</h4>
なんだかよくセールしますね、今回は大規模セールとか。まぁ欲しいもの多いので良いのですが。</div>
<br />
これのSURIYUN氏の人体モデル、古い奴はローポリだしSAOっぽいのが気になってた。<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/80561/widget-wide" style="width:600px; height:130px; border:0px;"></iframe>
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/79514/widget-wide-light" style="width:600px; height:130px; border:0px;"></iframe>
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/30772/widget-wide" style="width:600px; height:130px; border:0px;"></iframe>
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/28520/widget-wide-light?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<br />
<hr />
とりあえず買ってみたし。
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">Unity Asset Store 大規模セールらしいので気になってたモデル買ってみた。サンプル改造したり弄るだけでも楽しいが、何かアウトプットに繋げねば。 <a href="https://t.co/JnN3Rz0aqG">https://t.co/JnN3Rz0aqG</a> <a href="https://t.co/DGS55y6AFU">pic.twitter.com/DGS55y6AFU</a></p>— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/856564390010564608">2017年4月24日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<br />
<hr />
SAOというか、オーディナルスケール?来るべきAR時代にドラゴンも安いの買っておくか。<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/79386/widget-wide?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<br />
<hr />
これは迷う、サファイアートちゃん普通の使いこなせてないんだよな、SDはどうだろう?<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/84408/widget-wide?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<br />
<hr />
こちらはUWPでも動作するコンソールらしい、HoloLensでも動作するとdevelog.holoのページで紹介されてた。
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/57548/widget-wide?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<br />
<hr />
ちなみに、セールは4/30までのようです。<br />
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">4/30のpm22時までの予定です〜! <a href="https://t.co/q1KxdTeNhE">https://t.co/q1KxdTeNhE</a></p>— UnityAssetStoreJapan (@AssetStore_JP) <a href="https://twitter.com/AssetStore_JP/status/855388020358258689">2017年4月21日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-79163678512612854262017-02-07T11:13:00.000+09:002017-02-07T14:18:25.563+09:00クエリちゃん360VRのプライバシーポリシーについて<br />
GooglePlayで公開中のクエリちゃん360VRがカメラを使用している為、<br />
PrivacyPolicyが必要になりましたので、ここに記載します。<br />
<br />
<hr />
<br />
<h3>
プライバシーポリシー</h3>
アプリケーション名
クエリちゃん360VR
<ol>
<li>アプリケーション提供者名</li>
WakaSoftware
<li>アプリケーションで取り扱う利用者情報</li>
端末のカメラ機能をアプリから使用しています。<br />
広告は表示しておりません。
<li>パーミッションと利用目的</li>
CAMERA なんちゃってAR機能 で使用しております。
<li>プライバシーポリシーの掲示場所</li>
プライバシーポリシーの掲示方法<br />
ホームページに掲示(http://wakasoftware.blogspot.jp/)
<li>利用者関与の方法</li>
サービス自体に利用される情報の利用者関与<br />
利用者情報は取り扱っておりません。<br />
広告に利用される情報の利用者関与<br />
広告は表示しておりません。
<li>外部送信・第三者提供・情報モジュールの有無</li>
外部送信・第三者提供<br />
利用者情報を外部送信したり第三者提供することはありません。<br />
情報収集モジュールを組み込む場合の取り扱い<br />
広告を含め、情報を収集するモジュールは使用しておりません。
<li>問い合わせ窓口</li>
wakasoftware(あっと記号)gmail.com
<li>プライバシーポリシーの変更について</li>
「同意取得」が必要な、重要なプライバシーポリシーの変更はアプリケーション内でポップアップ表示させ再度「同意取得」致します。<br />
「同意取得」が必要ないプライバシーポリシーの変更に関しては、このサイトで告知を致します。
</ol>
Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-19331001074204947382016-11-23T02:24:00.001+09:002017-02-13T16:57:48.733+09:00Final IK 凄そう<h3>
今Final IK安いらしい</h3>
<h4>
<hr />
</h4>
<div>
<h4>
は、半額?</h4>
なんでも Birthday Bonanza Sale らしい。<br />
噂ではVRIKなんてのも入ってるようなので、とにかく買っておくか。</div>
<br />
<br />
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/14290/widget-wide?aid=1100lGoW" style="border: 0px; height: 130px; width: 600px;"></iframe>
<br />
<!--こっちも欲しいなぁ<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/39959/widget-wide?aid=1100lGoW" style="border: 0px; height: 130px; width: 600px;"></iframe>-->
こっちも欲しいなぁ<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/16743/widget-wide?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<hr />
<h4>
さっそく買ってみた</h4>
<div>
Final IK、骨の設定面倒でしたが、こんな感じで動作してます!</div>
<div>
<br /></div>
<div>
<br /></div>
<blockquote class="twitter-tweet" data-lang="ja">
<div dir="ltr" lang="ja">
unity asset storeでFinal IK買ったどー!groundサンプルのモデル、クエリちゃんに差し替えて遊んだ、ジャンプでうひょー!これ確かに坂で足が自然で楽しいかも?! <a href="https://t.co/d7FgRJc7ZI">pic.twitter.com/d7FgRJc7ZI</a></div>
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/801139859666530304">2016年11月22日</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br />
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr"><a href="https://twitter.com/Query_chan">@Query_chan</a> 以前コンテストで髪の毛揺れてるのをそちらの社長さん?に褒めていただけましたが、それは偶然アニメーションしてただけでした。今日その宿題をDaynamicBoneというUnityAssetで解決しました、クエリちゃん前髪を含めた6か所全ボーンを揺らしてます。 <a href="https://t.co/8WtMEjuPAY">pic.twitter.com/8WtMEjuPAY</a></p>— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/811657893262946304">2016年12月21日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<br />
<hr />
<h4>
謝辞</h4>
クエリちゃんのモデル、いつもデータ使用させていただいています、ありがとうございます。<br />
<br />
"Query-Chan model" by Pocket Queries, Inc. is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s1600/Query-Chan_license_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s320/Query-Chan_license_logo.png" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-59572286766585481052016-11-08T04:16:00.000+09:002016-11-17T01:00:37.375+09:00unityからLive2Dのテストのメモ<h3>
クエリちゃんのモデルをLive2Dで表示してみた</h3>
<br />
<hr />
<h4>
Live2D使ってみた</h4>
自作のDlibのモデル表示の進捗が思わしくないので、試しにLive2D使ってみました。<br />
<br />
今回は、Live2Dのチュートリアルに沿ってデータ作成しました。<br />
でも、モデルをスクリーンショット撮って、その画像からPSD作って、テンプレート適応しただけ、<br />
特に技術的な事は何もなくてすみません…。<br />
<blockquote class="twitter-tweet" data-lang="ja">
<div dir="ltr" lang="ja">
Live2D Libraryにデータおいておきますね。RT: wakasoftwareの作品 [クエリちゃん(テスト)] <a href="https://t.co/AFp5wQ54z8">https://t.co/AFp5wQ54z8</a></div>
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/789887016133550080">2016年10月22日</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br />
<blockquote class="twitter-tweet" data-lang="ja">
<div dir="ltr" lang="ja">
Live2Dのページに、ハロウィン版クエリちゃんもアップしました。羽で呼吸してるよ<それ間違ってるから! RT: wakaの作品 [ハロウィン版クエリちゃん(テスト)] <a href="https://t.co/9aPfN0NMpO">https://t.co/9aPfN0NMpO</a></div>
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/790601965738733569">2016年10月24日</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br />
<blockquote class="twitter-tweet" data-lang="ja">
<div dir="ltr" lang="ja">
ハロウィンが終わったら次はクリスマスですね、live2d で最後のクエリちゃんのモデルテストしてみました。 wakaの作品 [クリスマス版クエリちゃん(テスト)] <a href="https://t.co/xueCRogK6q">https://t.co/xueCRogK6q</a></div>
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/793534290168389632">2016年11月1日</a></blockquote>
思ったより上手く動作してるように見えませんか?<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmGnT2ujJ-zUbK05T9lT2J7FSXMeqa7oVkkRnw0qSWHsWVnKucl9rF41j4cZuK_aoG2ABPmnQlYHXtdGrUiXdyEkHjhQMcu3s4oyalDnFooLAtKo5z4JI9Fb0O9-vdMjfo-tMFsJqlPlY/s1600/live2dquery2.gif" imageanchor="1"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmGnT2ujJ-zUbK05T9lT2J7FSXMeqa7oVkkRnw0qSWHsWVnKucl9rF41j4cZuK_aoG2ABPmnQlYHXtdGrUiXdyEkHjhQMcu3s4oyalDnFooLAtKo5z4JI9Fb0O9-vdMjfo-tMFsJqlPlY/s320/live2dquery2.gif" width="320" /></a><br />
<hr />
<h4>
FaceRig用データ?</h4>
twitterには書き忘れてましたが、FaceRigのAndroid版でも読み込めるデータを以下に置きました。<br />
読み込むには課金する必要がありますが、興味があれば是非!<br />
<ul>
<li>クエリちゃん</li>
https://docs.google.com/uc?authuser=0&id=0Bx_epJYyenXkN2Y1eFJOcWtlWGs&export=download<br />
<li>クエリちゃん(ハロウィン版)</li>
https://docs.google.com/uc?authuser=0&id=0Bx_epJYyenXkbjhESmJSemFBejQ&export=download<br />
<li>クエリちゃん(クリスマス版)</li>
https://docs.google.com/uc?authuser=0&id=0Bx_epJYyenXkNUgzOHB1Z1o0dWs&export=download<br />
</ul>
<hr />
<h4>
</h4>
<h4>
マスコットアプリ文化祭に参加!</h4>
せっかくなので、マスコットアプリ文化祭2016にエントリーしました。<br />
https://mascot-apps-contest.azurewebsites.net/Works/221<br />
<br />
<div>
<hr />
<h4>
参考</h4>
</div>
<a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/onotchi_" style="background: rgb(245, 248, 250); color: #8899a6; font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 14px; outline: 0px; text-decoration: none !important;">@<span class="u-linkComplex-target" style="text-decoration: underline !important;">onotchi_</span></a>さんのプロ生ちゃんLive2Dの記事<br />
http://onoty3d.hatenablog.com/entry/2016/01/12/205156<br />
<br />
<a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/mtk_f" style="background: rgb(245, 248, 250); color: #8899a6; font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 14px; text-decoration: none !important;"><span style="color: #8899a6; font-family: "arial" , "pro w3" , "hiragino kaku gothic pro" , "osaka" , , "meiryo" , , "ms pgothic" , sans-serif;"><span style="background: rgb(245, 248, 250); font-size: 14px;">@</span></span><span class="u-linkComplex-target" style="background: rgb(245 , 248 , 250); color: #8899a6; font-family: "arial" , "ヒラギノ角ゴ pro w3" , "hiragino kaku gothic pro" , "osaka" , , "meiryo" , "ms pゴシック" , "ms pgothic" , sans-serif; font-size: 14px; text-decoration: none;">mtk_f</span></a>さんのSDクエリちゃんの記事<br />
http://blog.fujiu.jp/2016/08/live2d-2016-makes-it-possible-to.html?spref=tw<br />
<br />
<a class="ProfileHeaderCard-screennameLink u-linkComplex js-nav" href="https://twitter.com/Maruchu" style="background: rgb(245, 248, 250); color: #8899a6; font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 14px; outline: 0px; text-decoration: none !important;">@<span class="u-linkComplex-target" style="text-decoration: underline !important;">Maruchu</span></a>さんのLive2D&FaceRig解説動画<br />
http://www.nicovideo.jp/watch/sm27969049<br />
<hr />
<h4>
使用した unity asset</h4>
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/20031/widget-wide?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<hr />
<h4>
謝辞</h4>
クエリちゃんのモデル、いつもデータ使用させていただいています、ありがとうございます。<br />
<br />
"Query-Chan model" by Pocket Queries, Inc. is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s1600/Query-Chan_license_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s320/Query-Chan_license_logo.png" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-54930093154986250972016-10-13T04:21:00.001+09:002016-12-31T16:04:27.589+09:00dlibで顔認識して、leap motionで手の動きとって、unityの人体モデルを動かしたよ!<h2>
ひみつのクエリちゃん</h2>
<hr />
<h4>
<span style="font-size: medium;">前回までのあらすじ</span></h4>
<br />
美少女の中の人になる、全人類の夢ですよね?<一部男子の間違いw<br />
<br />
以前 @goroman さんが紹介していたのfacerig、凄かったです。<br />
<a href="https://twitter.com/GOROman/status/686408594674159616">https://twitter.com/GOROman/status/686408594674159616</a><br />
<br />
全身モーションキャプチャなんて、凄いですよね、Perception Neuron一度試してみたい!<br />
<a href="https://kila.amebaownd.com/">https://kila.amebaownd.com/</a><br />
<br />
その後に utibenkei さんがunityでFaceRig使って、先こされました!<br />
<a href="http://qiita.com/utibenkei/items/15925db826721f6bb00c">http://qiita.com/utibenkei/items/15925db826721f6bb00c</a><br />
<br />
先日のcedecでは @warapuri さんが作っていたKinect使ったpepper君の制御、感動しました!<br />
<a href="https://twitter.com/warapuri/status/768611348062277632">https://twitter.com/warapuri/status/768611348062277632</a><br />
<br />
で、自分もクエリちゃんで色々動かせるようになってきたので、ブログにまとめる事にしました。<br />
(このタイミングで、マスコットアプリ文化祭にも提出予定です。)<br />
<br />
動画はその内ちゃんとしますが、以前撮ったtwitterのやつ付けておきます。<br />
(今見ると動きがキモイです…面目ない)<br />
<blockquote class="twitter-tweet" data-lang="ja">
<div dir="ltr" lang="ja">
<a href="https://twitter.com/hashtag/%E3%82%AF%E3%82%A8%E3%83%AA%E3%81%A1%E3%82%83%E3%82%93%E7%94%9F%E8%AA%95%E7%A5%AD2016?src=hash">#クエリちゃん生誕祭2016</a> わ、忘れてたわけじゃないんですよ!今更ですが「ひみつのクエリちゃん」です。PCのカメラでdlibで顔の位置解析して、leapmotionで手の動き見て、クエリちゃんになりきるですよ(多分) <a href="https://t.co/dboo110Vae">pic.twitter.com/dboo110Vae</a></div>
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/768887675436675072">2016年8月25日</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br />
12/31 本日アップデートしました、ノーマルバージョン、ハロウィンバージョンに続き、クリスマスバージョンも追加しました。
<br />
<hr />
<h3>
<span style="font-size: medium;">技術情報</span></h3>
<ol>
<li>手の動きの取得 leap motion</li>
<ul>
<li>leap motion orion ってすっごい認識精度ですよね。<br />
あれ使って手の動きと、手のモデル表示しています。<br />
今回は、VRではないので頭の前にleap motionをマウントできません。<br />
なので、胸に付けて使っています、ネックマウントleap motion!</li>
<li><a href="https://www.leapmotion.com/?lang=jp">https://www.leapmotion.com/?lang=jp</a></li>
</ul>
<li>人体モデルの制御 SAFullBodyIK</li>
<ul>
<li>leap motionから拾った座標を、手首から上の腕のモデルの制御で使っています。<br />
あ、unity asset の FinalIK でもいいかもです、いつか買って試したい。</li>
<li><a href="http://stereoarts.jp/">http://stereoarts.jp/</a></li>
</ul>
<li>顔の位置の取得 dlib</li>
<ul>
<li>ノートパソコンなどのwebカメラで自分の表情が映るようした時に、<br />
上記SAFullBodyIKに、首の座標をunityのassetのdlibで解析した値で制御しています。<br />
微妙に反応悪いのは、フルタイムで反映すると誤差でブルブル震えてたからです…。</li>
<li><a href="https://www.assetstore.unity3d.com/jp/#!/content/64314">https://www.assetstore.unity3d.com/jp/#!/content/64314</a></li>
</li>
<br />
</ul>
<li>顔の表情の取得 OpenCV dlib</li>
<ul>
<li>目と口の大きさは、OpenCV+dlibでとってきてます。<br />
前述の utibenkei さんの記事を参考に、目の大きさと口の大きさを判定してます。</li>
<li><a href="https://www.assetstore.unity3d.com/jp/#!/content/21088">https://www.assetstore.unity3d.com/jp/#!/content/21088</a></li>
</ul>
<li>顔の表情の変更 Query-chan</li>
<ul>
<li>こちらはクエリちゃん使った事ある方ならもう説明不要ですよねw<br />
残念ながら顔の表情のモーフとか無いので、目パチと口パクだけテクスチャ制御で対応しています。</li>
<li><a href="https://www.assetstore.unity3d.com/jp/#!/content/20031">https://www.assetstore.unity3d.com/jp/#!/content/20031</a></li>
</ul>
<li>ボイス追加</li>
<ul>
<li>本当ならマイク+ボイスチェンジャーで中の人になるべきだったのですが、<br />
クエリちゃん付属のボイスを鳴るようにしておきました、声に合わせて演技するカンジで</li>
<li><a href="http://query-chan.com/">http://query-chan.com/</a></li>
</ul>
<li>ローパスフィルタ追加(12/31)</li>
<ul>
<li>本日差し替えた実行ファイルでは、顔の座標にローパスフィルタを追加しました。<br>
移動時のブルブルが減っています。<カメラから拾った輪郭が安定しない為?
<li>以下、goroman氏のtwitterより<br>
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">加速度センサ と ローパスフィルタ (波形) <a href="https://t.co/ewW4xNHBkE">https://t.co/ewW4xNHBkE</a> <a href="https://twitter.com/hashtag/android?src=hash">#android</a> <a href="https://twitter.com/ohwada">@ohwada</a>さんから</p>— GOROman@謙虚 (@GOROman) <a href="https://twitter.com/GOROman/status/796907577216905216">2016年11月11日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</li>
</ul>
</ol>
<hr />
<h3>
<span style="font-size: medium;">ダウンロード</span></h3>
<div>
<br />
とりあえずgoogle driveに置きました。<br />
<a href="https://drive.google.com/open?id=0Bx_epJYyenXkcXNjQnVCVlFKZkU"><strike>「ひみつのクエリちゃん」</strike></a><br />
<a href="https://drive.google.com/open?id=0Bx_epJYyenXkemxKa1pFVmpOZG8">「ひみつのクエリちゃん」</a><12/31更新しました。<br />
(unityから出力した、windowsの<strike>x86_64</strike>x86のexeファイルです)</div>
<div>
<br /></div>
<div>
<div>
試す際は、一応実行前にウィルスチェックお願いします。<br />
leap motionの実行時に最新のドライバが必要です。</div>
<div>
<br /></div>
<div>
某くまのぬいぐるみに話しかけるやつをまねて名前付けてみたのですが、わかりずらかったかも?</div>
<div>
遠隔地から映像だけ送れば、子供とか騙せないかな~<まだ不自然すぎて無理だろw</div>
</div>
<div>
<br /></div>
<div>
<div>
webカメラがあれば、頭の位置と表情だけは反応すると思います。</div>
<div>
<br /></div>
</div>
<div>
<div>
ネックマウントleapmotionですが、unity上で以下のようにおいてあります。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju10hyphenhyphenDMeeGTO2qVQQgDPyFb_xpTQ-23Ku609m0L8oC-wtnbZX91U4QMmpA39-gmx5Cg9EKwV-sa0noPHh8I99o2BzeJQrCQomc6o5LRek7w2LyGri10QW2MXSlcsSL6_iga6LitZGWgQ/s1600/161013_01b.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju10hyphenhyphenDMeeGTO2qVQQgDPyFb_xpTQ-23Ku609m0L8oC-wtnbZX91U4QMmpA39-gmx5Cg9EKwV-sa0noPHh8I99o2BzeJQrCQomc6o5LRek7w2LyGri10QW2MXSlcsSL6_iga6LitZGWgQ/s320/161013_01b.JPG" width="320" /></a></div>
<br /></div>
<div>
この写真の様に、首から下の胸あたりから正面向いて配置されると正しく認識します。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQoKaoqvEOTKkqYQT4E0rQQQ3dpmqOTyzTr-gk_IccGlz9woOoxsb11j5yKl1E9ZBJ6gvsqnTIsxkwUJ7JBSAN_S2YX5zGZEWtlMAImOYxolmVdk8V8Xxr-g6DsGqX3hToyHlrH1MTy9w/s1600/IMG_1595b.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQoKaoqvEOTKkqYQT4E0rQQQ3dpmqOTyzTr-gk_IccGlz9woOoxsb11j5yKl1E9ZBJ6gvsqnTIsxkwUJ7JBSAN_S2YX5zGZEWtlMAImOYxolmVdk8V8Xxr-g6DsGqX3hToyHlrH1MTy9w/s320/IMG_1595b.JPG" width="320" /></a></div>
<br /></div>
<div>
その際、leap motionを胸に置かないといけないので、ヤケドしないように気を付けてください。</div>
<div>
(テーブルの上に設置するやり方、leapmotion orionでもできるならいつか試してみたい。)<br />
<br /></div>
</div>
<div>
<br /></div>
<hr />
<h4>
使用した unity asset</h4>
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/20031/widget-wide?aid=1100lGoW" style="border: 0px; height: 130px; width: 600px;"></iframe>
<br />
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/64314/widget-wide" style="border: 0px; height: 130px; width: 600px;"></iframe>
<br />
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/list/1782-opencv-for-unity/widget-wide-light?aid=1100lGoW" style="border: 0px; height: 100px; width: 600px;"></iframe>
<hr />
<h4>
謝辞</h4>
<br />
クエリちゃんのモデル、いつもデータ使用させていただいています、ありがとうございます。<br />
"Query-Chan model" by Pocket Queries, Inc. is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKgX5axCq8MpmjioxDikD6awIsXN5HB3mypQ3Olf_fj68hKywd8nTVNJHJ886SWo38TYfvJPfwDWATfssY07Q5Ul0vcLJqGeZ6slrRdxLSZmgxz2gMcgffI9GQeRC3R-QPQMptKxGtyHg/s1600/QueryLogoNew.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKgX5axCq8MpmjioxDikD6awIsXN5HB3mypQ3Olf_fj68hKywd8nTVNJHJ886SWo38TYfvJPfwDWATfssY07Q5Ul0vcLJqGeZ6slrRdxLSZmgxz2gMcgffI9GQeRC3R-QPQMptKxGtyHg/s320/QueryLogoNew.JPG" width="320" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-3501344123272096562015-12-30T01:52:00.001+09:002016-11-17T01:04:02.562+09:002015年 全天球パノラマ動画メモ<h3>
Unityで360度パノラマ動画を作成してみた</h3>
<br />
<hr />
<h4>
Spherical Image Cam(昔やってた方法)</h4>
Unity4の頃は @warapuri さんの記事を参考に無料版を使って360度パノラマ動画作ってました。<br />
<a href="http://warapuri.com/post/98800390873/">spherical-image-camを使ってunityで全天パノラマ動画を作ろう(No hack, no work)</a><br />
VR Creative Award 2015に<a href="https://store.hacosco.com/movies/b4ea9dd9-a375-46f4-ab93-e6de545afd74">チャレンジ</a>できたのはSphericalImageCam(無料版)のおかげでした、ありがとうございます。<br />
ですが、Unity5になってから、もう少し大きな画像サイズで作成したくなりました。<br />
<br />
<hr />
<h4>
360 Panorama Capture(今やってる方法)</h4>
そこで、Unity5.1.2以降で使える以下のassetに乗り換えました。<br />
<a href="https://www.assetstore.unity3d.com/jp/#!/content/38755">360 Panorama Capture(UnityAssetStore)</a><br />
こちら、設定によっては<a href="http://alpha.vrchive.org/">VRCHIVE</a>へ自動アップロード機能があるのと、readmeが英語なので注意が必要ですが、便利だと思うので手順を紹介します。(ほぼreadme通りです)<br />
<ol>
<li>Unity5.1.2以上を使って再生できるシーンを作成する。</li>
<li>空のゲームオブジェクトを作成し、キャプチャパノラマスクリプト(CapturePanorama.cs)を追加します。</li>
<li>CapturePanoramaの設定をします。</li>
<ul>
<li>「PanoramaName」に適当なファイル名の先頭文字列を指定します。</li>
<li>「CaptureStereoscopic」は360度パノラマステレオ動画作成時にチェックします。</li>
<li>「PanoramaWidth」は横幅を指定します、4096くらいあれば十分ではないでしょうか?(8192で後から縮小でも可)</li>
<li>「SaveImagePath」に連番画像の書き出し先ディレクトリを指定します。</li>
<li>「CaptureEveryFrame」をチェックします、静止画でなくFrameRateに対応した連番画像が書き出されます。</li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeF4pxuxL4btQBA-JYlNz47PbI08KQoKjUUsaYOaQK6zD4NXy0FaYtvCa4KQ2tKRiu_PuaDYvXwegNthYRUYrvrj46UOiXEq5DCZU8lt1Q_lR7xue5wTuUvk1dJlEM1ODHbVSZvexMSiI/s1600/CapturePanoramaWindow.PNG" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeF4pxuxL4btQBA-JYlNz47PbI08KQoKjUUsaYOaQK6zD4NXy0FaYtvCa4KQ2tKRiu_PuaDYvXwegNthYRUYrvrj46UOiXEq5DCZU8lt1Q_lR7xue5wTuUvk1dJlEM1ODHbVSZvexMSiI/s1600/CapturePanoramaWindow.PNG" /></a>
<li>Unityのシーンを実行します。</li>
<li>任意のキー入力でキャプチャを開始します。(デフォルトは「p」)</li>
<li>以上で??????_2015-12-31_23-59-59-999_00000.pngみたいな画像が準備できたはずなので、あとは煮るなり焼くなりお好きにどうぞ。</li>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ZKgL4uAkoLKazC08Zn0eEUhZVtkhuCPnQlxpybWr6rZTDjqDu5gSKxWuPehAwVfF1Lcx0aXtgFlFOQP2HJ_FXyxboEekCSMqhrVlm0KJ1Tg559IUsG-buvUMPlADE5qWlBhhMhreC1A/s1600/Red_01642s.PNG" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ZKgL4uAkoLKazC08Zn0eEUhZVtkhuCPnQlxpybWr6rZTDjqDu5gSKxWuPehAwVfF1Lcx0aXtgFlFOQP2HJ_FXyxboEekCSMqhrVlm0KJ1Tg559IUsG-buvUMPlADE5qWlBhhMhreC1A/s320/Red_01642s.PNG" /></a>
</ol>
<hr />
<h4>
ハコスコストアへアップロード</h4>
<a href="https://store.hacosco.com/movies/894a48dc-ac61-4f1a-8595-9ccfd9ef5401">クエリちゃんと夕方の秋葉原でジェットコースター(ハコスコストア)</a><br />
ハコスコのプレイヤーが優秀な為、PCのブラウザ上で見たり、タオバイザーで見る場合はここお勧めです。上記の動画はffmpegで連番画像から動画へコンバートしています。<br />
<blockquote class="tr_bq">
<i>
ffmpeg -r 30 -i Red_%05d.png -s 4096x2048 -aspect 2:1 -pix_fmt yuv420p -c:v libx264 panorama.mp4
</i></blockquote>
この時は4096x2048で作成してしまいましたが、解像度は3000x1500が正解のようです。<br />
<blockquote class="twitter-tweet" lang="ja">
<div dir="ltr" lang="ja">
ハコスコストアの次のアップデートでは3000x1500x8Mまではそのまま再エンコードしないでオリジナルファイルが見られるようにするよ。ストアアプリでも同じファイルがDLできるようになります。</div>
— Naotaka Fujii (@NaotakaFujii) <a href="https://twitter.com/NaotakaFujii/status/610467657750478848">2015, 6月 15</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<hr />
<h4>
youtubeへ360度ステレオ動画としてアップロード</h4>
<a href="https://www.youtube.com/watch?v=qHWs_yfdqgU">【VR Video】クエリちゃんと夕方の秋葉原でジェットコースター(youtube)</a><br />
唯一360度ステレオパノラマ動画に対応していますが、なぜか16:9です。上記の動画はffmpegで連番画像から動画へコンバートしています。<br />
<blockquote class="tr_bq">
<i>
ffmpeg -r 30 -i Red_%05d.png -s 3840x4320 -aspect 8:9 -pix_fmt yuv420p -c:v libx264 panorama_y.mp4
</i></blockquote>
動画作成後に、専用アプリでVR Videoである事を証明するメタデータを追加してください、詳細は以下のyoutubeヘルプ参照。<br />
<a href="https://support.google.com/youtube/answer/6178631?hl=ja">360 度動画のアップロード(youtubeヘルプ)</a><br />
UnityでなくMMDなら以下のサイトを参考にすると、youtubeへの道が開けそうです。<br />
<a href="http://greety.sakura.ne.jp/redo/2015/11/vr-videoyoutube3603dcardboard.html">【VR Video】YouTubeが360度パノラマ+3Dステレオ動画アップロードに対応したので試してみた【Cardboard】(@youten_redoさんのブログ) </a><br />
<hr />
<h4>
niconicoVR用にアップロード</h4>
<a href="http://www.nicovideo.jp/watch/sm27836849">【360度パノラマ】クエリちゃんと札幌でVR乗馬ダイエット(ニコニコ動画)</a><br />
GearVRで注目が集まってるらしいです、上記の動画はffmpegで連番画像から動画へコンバートしています。<br />
<blockquote class="tr_bq">
<i>
ffmpeg -r 30 -i horse_%05d.png -s 2560x1440 -aspect 16:9 -pix_fmt yuv420p -c:v libx264 panorama_n.mp4
</i></blockquote>
動画解像度はGearVRで1440pあたりが限界とみていますが、2048x1024なら多分大丈夫だと思います。(4Kだとヤバいとか?)<br />
あとniconicoVR用に「Equirectangular」のタグを忘れずにつけましょう。<br />
<hr />
<h4>
補足</h4>
こちらに記載した情報は2015年末の時点の物で、できるだけ正しい情報になるよう調べましたが、無保証です。<br />
360 Panorama CaptureにカメラのImageEffectがどこまで使えるか未検証です、重要な所なのに申し訳ありません。<br />
<hr />
<h4>
使用した unity asset</h4>
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/20031/widget-wide?aid=1100lGoW" style="border: 0px; height: 130px; width: 600px;"></iframe>
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/20359/widget-wide?aid=1100lGoW" style="border: 0px; height: 130px; width: 600px;"></iframe>
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/38755/widget-wide?aid=1100lGoW" style="border: 0px; height: 130px; width: 600px;"></iframe>
<hr />
<h4>
謝辞</h4>
ゼンリン様のマップとクエリちゃんのモデル、いつもデータ使用させていただいています、ありがとうございます。<br />
Japanese Dosanko City by ZENRIN is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
<br />
"Query-Chan model" by Pocket Queries, Inc. is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s1600/Query-Chan_license_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s320/Query-Chan_license_logo.png" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-24041285823582199182015-07-25T03:55:00.002+09:002016-11-17T01:07:16.953+09:00「Japanese Dosanko City」で札幌で乗馬デートしてみた。 <h3>
札幌でクエリちゃんと乗馬デートしてみた!</h3>
みんな大好き秋葉原以降、大阪、九州と無料公開されたZENRINのunityアセットの最後の札幌の話です<br />
<a href="http://www.zenrin.co.jp/product/service/3d/asset/">Unity向け3D都市モデルデータ「ZENRIN City Asset Series」|ゼンリン</a><br />
先日、ゼンリンさんが無償提供している札幌のマップを使って、まっすぐ馬で駆け抜けるAndroid用アプリを公開しました。<br />
<a href="https://play.google.com/store/apps/details?id=jp.WakaSoftware.JdcJockey360VR">JdcJockey360VR</a><br />
正直、特に面白くは無いのですが、Cardboard で乗馬したかったので目的は達成しました!(VRHMD楽しい)<br />
<!--<blockquote class="twitter-tweet" lang="ja">
<p lang="ja" dir="ltr">
リサイクルショップでジョーバ無かった、代わりにロデオボーイ2購入。タオバイザー(cardboard?)と組み合わせで、FakeHashilus状態。USBかBluetoothで制御できる健康乗馬器具欲しい。 <a href="http://t.co/8gsQ0Lvtur">pic.twitter.com/8gsQ0Lvtur</a></p>
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/615214647185047552">2015, 6月 28</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script><br />-->
せっかく作ったので、札幌のマップのassetについて、覚えている範囲でレポートします。<br />
<br />
<hr />
<h4>
境目が見えない工夫</h4>
今回一番感動したのが、半球のドームと、町並みの遠景です。
上手く使えばかなり街の果て感が軽減され、良さそうに思えました。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOkcbzv7k7TW1z93lUZ-53g1LH00cGEdUrnKaXHMmOmVPCbZeLjKQKune0cLH6GlAut3wN2t_vb-9bxV34CwrsFSfJPN4Q3dxp55JDFX9KjdVIObpaKdIJePNjtyCr9wVcFB7vmLePo7w/s1600/150725_05b.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOkcbzv7k7TW1z93lUZ-53g1LH00cGEdUrnKaXHMmOmVPCbZeLjKQKune0cLH6GlAut3wN2t_vb-9bxV34CwrsFSfJPN4Q3dxp55JDFX9KjdVIObpaKdIJePNjtyCr9wVcFB7vmLePo7w/s320/150725_05b.png" /></a><br />
(実は今回はfarが近すぎるので全く写らず、どちらも非採用なんですけど)<br />
<br />
<hr />
<h4>
街は碁盤目のよう、凄い再現性</h4>
<a href="https://www.google.co.jp/maps/@43.061637,141.3532745,17z?hl=ja">google map 札幌時計台</a>と比較してもスゲー似てます!<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWUM9d6_HVJ45Vh8L11AUq13VEsTUSr-udtpva7-OlL5eabA76BPp7zFLwU0DyFMIp9l6JIu-CrBK1-zFwDRTXvYZUMdL3i98D58k33UvHQoP5kDYhdzKJ2urOKIvVi7ZgdPcyR4sTgdk/s1600/150725_01b.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWUM9d6_HVJ45Vh8L11AUq13VEsTUSr-udtpva7-OlL5eabA76BPp7zFLwU0DyFMIp9l6JIu-CrBK1-zFwDRTXvYZUMdL3i98D58k33UvHQoP5kDYhdzKJ2urOKIvVi7ZgdPcyR4sTgdk/s320/150725_01b.png" /></a><br />
<br />
<h4>
今回もA~Iまでの9つのエリアに分割</h4>
で、札幌の土地が微妙に曲がっているので、道やエリアも微妙にはみ出たりしています。<br />
本当は大通り公園をクエリちゃんと乗馬予定だったのですが、外でちゃいそうなので諦めました。<br />
(代わりに時計台の近くのD~Fを採用だよ、中心地の(マップ的に)美味しい所だよ!)<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2oV8dwa5I8exolR_zPGnvxC_KFXP6HC_71LBaNTgyTJ9sHiAI3PaWmq7wFxlS87-WeL353rxpgCHpguiA6S9fM226gocmLM2jnkwSCE-q7c4CnohgGb-1sX54EKY_7I7IXKfd7MWn0jo/s1600/150725_03b.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2oV8dwa5I8exolR_zPGnvxC_KFXP6HC_71LBaNTgyTJ9sHiAI3PaWmq7wFxlS87-WeL353rxpgCHpguiA6S9fM226gocmLM2jnkwSCE-q7c4CnohgGb-1sX54EKY_7I7IXKfd7MWn0jo/s320/150725_03b.png" /></a><br />
<br />
<hr />
<h4>
例によってスケールはw</h4>
街めっちゃ小さいです、普通の人のサイズ置いたら巨大メカですw<br />
<blockquote class="twitter-tweet" lang="ja">
<div dir="ltr" lang="ja">
unity5上でSAFullBodyIKを使って、クエリちゃんにシャープの掃除機、やっと持たせる事が出来ました!雑コラすいません…。 <a href="https://twitter.com/hashtag/%E3%82%B7%E3%83%A3%E3%83%BC%E3%83%97%E3%82%AF%E3%82%BD%E3%82%B3%E3%83%A9%E3%82%B0%E3%83%A9%E3%83%B3%E3%83%97%E3%83%AA?src=hash">#シャープクソコラグランプリ</a> <a href="http://t.co/ZupyFUn8Ho">pic.twitter.com/ZupyFUn8Ho</a></div>
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/611965643278020609">2015, 6月 19</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
10倍くらいだったと思いますが、適時スケール調整が必要です。<br />
<br />
<hr />
<h4>
おまけゲーム付き</h4>
今回のおまけはSDクエリちゃんとそのゲームでした、SDクエリちゃん軽いのでゲーム用途ではいいかも?<br />
(すいません、自分SDの方を馬に絡める手段が思いつかず今回は未使用です)<br />
<br />
なんか思ったより書く事少なかった上にtwitterコピペでZENRINのassetの良さ伝わってない感ありますが、<br />
unityちゃんシール是非お願いします。<br />
<br />
<h4>
使用した unity asset</h4>
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/20031/widget-wide?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<br />
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/36810/widget-wide?aid=1100lGoW" style="width:600px; height:130px; border:0px;"></iframe>
<hr />
<h4>
謝辞</h4>
<br />
Japanese Dosanko City by ZENRIN is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
<br />
"Query-Chan model" by Pocket Queries, Inc. is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s1600/Query-Chan_license_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YlsUWT-DthvqH_sJZNh_ND0l8O3g3SU5VjnUk_Pavl_HAGQhoBSwo5DVIELbQm-G4ec9ZctH1t_mmQRthO6hmOySeXvlurEIJnnxiGttUHYM8Ah0K__TBoDRlC1fb481FQDf9t9wHA/s320/Query-Chan_license_logo.png" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-69090420412759120082015-01-10T01:49:00.000+09:002016-11-17T00:50:01.290+09:00「Japanese Otaku City」で秋葉原をCardboardでドライブしてみた。<h3>
秋葉原を疾走するアプリ作ってみた!</h3>
去年ゼンリンさんが無償提供している秋葉原のマップを使って、街中をクルマでドライブするAndroid用アプリを公開しました。<br />
<a href="https://play.google.com/store/apps/details?id=com.WakaSoftware.JocDrive360VR&hl=ja">JocDrive360VR(GooglePlay)</a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEionJ3E0i1Vl0V_w4-7vGi0G9vm5Vi6XwHoSkqvTU5nfldhStVEnOqe5FtqlzCGRbtsA1hs5P3wzr73hS33mstUY1QhaG7yOhwe8_8CQjw-7H05UqkFMfnuCsbgbUuE_iBTf6fRCxQLaak/s1600/150109_02b.jpg" imageanchor="2"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEionJ3E0i1Vl0V_w4-7vGi0G9vm5Vi6XwHoSkqvTU5nfldhStVEnOqe5FtqlzCGRbtsA1hs5P3wzr73hS33mstUY1QhaG7yOhwe8_8CQjw-7H05UqkFMfnuCsbgbUuE_iBTf6fRCxQLaak/s320/150109_02b.jpg" /></a><br />
密かに Cardboard や タオバイザー や ハコスコ に対応しています(VRHMD楽しい)<br />
<br />
最初は以下のサイト真似すれば楽勝とか思ってたのですが、正直、結構マップ使うのしんどかったので、覚えている範囲でメモします。<br />
<a href="http://qiita.com/mokemokechicken/items/e913558eba40f28dc9e2">MacとUnity Free版を使ってZenrinさんの秋葉原上空をQueryちゃんがOculus DK2で飛ぶ、方法</a><br />
↑ここだけ見ればある程度遊べるようになるんじゃないかと、神サイト!<br />
<br />
<h4>
Unity Free 版だとあちこちピンク</h4>
いきなり酷い仕打ちですwサンプルシーンをロードしたらモデル化けまくってました。<br />
ちょっと検索するとヒント出てきたので、単純なのはDiffuseで、樹木のようなα付きテクスチャは半透明用だったかな?<br />
とにかくシェーダー変えまくりました。<br />
<br />
<h4>
ちょっと町小さくね?</h4>
unityってだいたい1グリッドを現実世界の1メートルで考えてる人多いと思うんですよ。<br />
どう考えても小さすぎるのでスケール5倍してます、もし汎用キャラじゃなければ他を縮小してもいいかも。<br />
(良く見るとサンプルのクエリちゃん超縮小されてるしwww)<br />
<br />
<h4>
いらない部品大杉、修正しる!</h4>
使いたいのは秋葉原のマップです。<br />
PQ_Remark_AKIHABARA のモデルだけ使う事にして、それ以外は捨てました。<br />
(Androidのアプリでは処理負荷の関係もあって断念しました。)<br />
<br />
<h4>
あれ、tpsの人間置いたら落ちちゃうんだけど。</h4>
確か床の当たり判定無かったような(すいませんここうろ覚え)<br />
作りたいのがレースゲームだったので、PQ_Remark_AKIHABARAの中の二つだけ判定入れました。(readmeみたらgroundって書いてあったので)<br />
PQ_Ground<br />
PQ_Road<br />
(川とかは下の処理で進入禁止にしてますwww)<br />
<br />
<h4>
マップ広すぎ、何処走ればいい?</h4>
ビルの判定の代わりに進入禁止エリアを作って、看板と見えない背の高いBoxで蓋しています。<br />
レースゲームなんでクルマは道にへばりついているのでこの方法でOKなはず。<br />
もしアーマー○・コアの様な空飛ぶメカならビルの判定まじめにしないとですね。<br />
<br />
<h4>
全然処理重いんだけど!</h4>
Androidアプリが目標だったので、これ重すぎてかなりやばいです。<br />
1.とりあえずDive_cameraのZfarかなり近くしました、50~100を行ったり来たり。<br />
2.Zfarより遠いビルはブロック毎表示Off、Block_A~Iに分かれてるんで簡単w<br />
3.マップ西側にいる時は東の高速道路を表示Off、みたいなのをちまちまやったけど全然効果でず。<br />
4.このあたりでブチ切れ!ビル間引く事にしました、Block_?の中の見えなさそうなビルをかたっぱしから永久表示Offにしました。<br />
ゲーム向けならもっとビル手抜きしてそれっぽく軽く作ってくれると思うのですが、ゼンリンさんマジメ過ぎる・・・<br />
<br />
で、結果以下のようにスッカスカになりました。本物のゼンリンさんのアセットより見栄え悪くてごめんなさい。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZf09P2TPUd4yf8SCCtkx7b8wzg39Te9Gp4gfL96wlog-TlpiIuZYt_roOPV85mkXnyZ4jctqsTUXAQpV7R_ioqOOHuSlZflvhsa1u0PB9Z1BZi6PZVoBildfuwODQwvY_RtakyhT6XIw/s1600/150109_01b.jpg" imageanchor="2"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZf09P2TPUd4yf8SCCtkx7b8wzg39Te9Gp4gfL96wlog-TlpiIuZYt_roOPV85mkXnyZ4jctqsTUXAQpV7R_ioqOOHuSlZflvhsa1u0PB9Z1BZi6PZVoBildfuwODQwvY_RtakyhT6XIw/s320/150109_01b.jpg" /></a><br />
左が通常マップで、右がビルを間引いた後のマップです。(遥か上空からの写真です、南が上なのはBlock_Aが南だからwww)<br />
<br />
<h4>
ところでプロは凄い!</h4>
秋葉原の町使った奴他にも見たのですが、巨大クエリちゃんと闘う奴凄いですね。<br />
<a href="http://app-review.jp/news/225854">【東京ゲームショウ】Otaku Cityアキバに現れた巨大クエリちゃんを撃墜せよ!</a><br />
この重い秋葉原マップ使ってアクションゲーム作っちゃうなんて!(ポケット・クエリーズ、スゲー!)<br />
<br />
さらにAndroidアプリでも超軽い奴が!<br />
<a href="https://play.google.com/store/apps/details?id=jp.co.taosoftware.android.akibawalk&hl=ja">tAkibaWalk side-by-side app(GooglePlay)</a><br />
飛んでるだけで判定無しだと考えても、どうやってるか見当もつかないっす、これを数時間で作ったとか?!(タオソフト、恐るべし)<br />
<br />
<h4>
Global Game Jam ?</h4>
<br />
なんで今更去年のアプリの話?ですが、今月開催されるGlobal Game Jamでゼンリンの地図が無償提供されると聞いたので、参考になればと書きました。<br />
まぁGameJamでここまでシビアに高速化する必要ないとは思いますが、是非何かの参考に<高性能PC羨ましすぎる!<br />
<a href="http://internet.watch.impress.co.jp/docs/news/20150106_682612.html">ゼンリンの「3D都市モデルデータ」、世界的ゲームハッカソン「Global Game Jam」で無償提供 (InternetWatch)</a><br />
<br />
ところでゼンリンさん、もう一か所くらい無償公開されたら、秋葉原で使ってた暇人が移植っぽく利用してくれると思うですが、どうですか?(笑)
<br />
<br />
<iframe src="https://api.assetstore.unity3d.com/affiliate/embed/package/20359/widget-wide?aid=1100lGoW" style="border: 0px; height: 130px; width: 600px;"></iframe>
Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-63479013117794030272014-12-14T03:49:00.004+09:002014-12-14T03:54:35.888+09:00Google CardboardSDK を使ってみた<h3>
CardboardSDK 発表!</h3>
<br />
先日、google が スマフォVR Cardboard 用に新たにSDKを発表しました。<br />
<a href="https://www.google.com/get/cardboard/">https://www.google.com/get/cardboard/</a><br />
<br />
今まではUnity+DiveSDKを使っていたのですが、<br />
たまにすーっと左右に加速したままになるドリフトに悩まされていたので、<br />
この機会に試してみる事にしました。<br />
<br />
この記事は <a href="http://qiita.com/advent-calendar/2014/casual_hmd">スマフォスロットイン系HMD Advent Calendar 2014</a> の14日目の記事です。<br />
<br />
<h3>
初日</h3>
<br />
まずは以下のサイトからダウンロードしてきました。<br />
<a href="https://developers.google.com/cardboard/unity/download">https://developers.google.com/cardboard/unity/download</a><br />
<br />
サンプルを起動した所、なんか真っ暗で写りません・・・。<br />
おかしいなぁと思って調べたら、以下の記述を発見しました。<br />
<br />
> Requires Unity version 4.5+ and licenses for Unity Pro<br />
<br />
え~?!Unity Pro が必要でした!<br />
仕方が無いので、二画面の時の処理を呼ばないようにしたらなんとか表示されました。<br />
<br />
<blockquote class="twitter-tweet" lang="ja"><p>試しに Cardboard SDK for unity 入れてみたら free では駄目だった、サンプルは CardboardMain の VR mode を false にすれば動くけど、一画面じゃタオバイザーで使えねーじゃん! <a href="http://t.co/NVJppgg9Po">pic.twitter.com/NVJppgg9Po</a></p>— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/543430179431788545">2014, 12月 12</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<br />
えっと、これじゃ 駄目ですよね・・・初日はここでギブアップしました。<br />
<br />
<h3>
二日目</h3>
<br />
とりあえずサンプルを動作させる為に、unity pro版のtrial起動させてみました。<br />
(ユニティちゃんディレクターズカップで使用する為のライセンスで、動画投稿もしたのですが、それは又別の機会に。)<br />
その結果がこれ。<br />
<br />
<blockquote class="twitter-tweet" lang="ja"><p>CardboardSDKのサンプル、スッゲー地面歪んでる、した見たら感動。 <a href="http://t.co/g8cyW5P2Bc">pic.twitter.com/g8cyW5P2Bc</a></p>— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/543835062387503104">2014, 12月 13</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<br />
おぉ、なんかいいじゃないですか~、でもunity freeで作らないと公開できないし、<br />
せっかくだからDiveで同じシーン見てみました。<br />
<br />
<blockquote class="twitter-tweet" lang="ja">
それに比べてDiveSDKは全然歪んでない、下見ても超直線、これで今まで作ってたのか(´・ω・`) <a href="http://t.co/c0aZg1LZaG">pic.twitter.com/c0aZg1LZaG</a><br />
— waka (@wakasoftware) <a href="https://twitter.com/wakasoftware/status/543835999671824386">2014, 12月 13</a></blockquote>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br />
こ、これは酷いですね。自分ちゃんと知らなかったのですが、<br />
最近のVRHMDは広角レンズで強引に視野を広げる為、カメラで言う所の糸巻型に湾曲するんですね。<br />
それを逆にソフトウェア側(shader?)で樽型に補正が必要だったとは・・・。<br />
きっと Oculus Rift DK2 とか持ってる方はとっくに気が付いていたのだと思うのですが、<br />
<strong><span style="color: red;">没入感の不足は画角の不足と勘違い</span></strong>していたので、それに気が付けただけでも良しとします。<br />
<br />
というわけで、CardboardSDKについては、結局 Unity Pro 買わないと使えない、<br />
という事がわかっただけでした、それでは。<br />
<br />Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-67810312410134948492014-11-14T01:01:00.002+09:002014-11-14T01:44:02.879+09:00unity+diveでカメラの画角を変更する。<h3>
首の制御で失敗した~!</h3>
<br />
最近<a href="https://play.google.com/store/apps/details?id=com.WakaSoftware.Query360VR">クエリちゃん360VR</a>(google play)をちょっと改良したのですが、<br />
その際にカメラの方向を見るようにしました。<br />
例によって以下のサイトからプログラム持ってきただけですがw<br />
http://www40.atwiki.jp/spellbound/pages/1408.html<br />
<br />
で、最初強めに方向制御したら、人間とは思えない状態になってしまいました、グキッ。<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_-AWa673idUBJEcNbSrIlIMe7sfY25r1lHcynYUjhaHFDefZ7e00mKegqP4Rx-ukocD2t28r2qi-hNYmGO1UBkEiZ98M21ux2VVgDf6obuAVfOEPc1UPGqstWG-qlXlCLVcIpeRXSMA/s1600/141106_01b.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_-AWa673idUBJEcNbSrIlIMe7sfY25r1lHcynYUjhaHFDefZ7e00mKegqP4Rx-ukocD2t28r2qi-hNYmGO1UBkEiZ98M21ux2VVgDf6obuAVfOEPc1UPGqstWG-qlXlCLVcIpeRXSMA/s1600/141106_01b.PNG" /></a><br />
こりゃあかん、って事で今は角度抑えめで微妙に入ってる状態です。<br />
(制御良くわからんです、すみませぬ)<br />
<br />
<h3>本題、diveのfov効いてなくね? </h3>
<br />
前回、ハコスコに対応する為にDiveSDKのプログラム変更してましたが、<br />
もともと参考にしたサイトが書いていた、fieldOfView(以下fov) を45に変更ってのは、<br />
無効の様に見えました(実際右カメラに設定しても駄目だった。)<br />
<br />
それで、DiveSDKのカメラのOpenDiveSenser.csを見た所、<br />
独自のprojection変換行列が使われているようでした。(詳しくは以下)<br />
<br />
<a href="http://docs.unity3d.com/ScriptReference/Camera-projectionMatrix.html">http://docs.unity3d.com/ScriptReference/Camera-projectionMatrix.html</a><br />
<br />
標準のパースペクティブカメラと違ってfovの値関係なさそうなので、<br />
行列に入力される値を弄って画角かえます、具体的には以下の部分ですね。<br />
<br />
cameraright.projectionMatrix = PerspectiveOffCenter((-zoom-correction)*(znear/0.1f), (zoom-correction)*(znear/0.1f), -zoom*(znear/0.1f)*aspectRatio, zoom*(znear/0.1f)*aspectRatio, znear, zfar);<br />
<br />
後ろ二つのnearとfarは関係なさそうなので、テストで0.1fって値を4か所、右カメラだけ0.05fと小さくしてみました。
<br />
cameraright.projectionMatrix = PerspectiveOffCenter((-zoom-correction)*(znear/0.05f), (zoom-correction)*(znear/0.05f), -zoom*(znear/0.05f)*aspectRatio, zoom*(znear/0.05f)*aspectRatio, znear, zfar);<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRtGW07uDkAx82PMOn3zaFwT6dkI6xhlmEdHoPuNCzREBBgnI7Cgb1tk1-1AjcpXTkFS1TDnJjnaxMmFAa1nzszLomnG3SWh20XJsBVWeRkRit4hidxvRK6YgSjsmIn3RsRfsYKlpaXRw/s1600/141106_02b.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRtGW07uDkAx82PMOn3zaFwT6dkI6xhlmEdHoPuNCzREBBgnI7Cgb1tk1-1AjcpXTkFS1TDnJjnaxMmFAa1nzszLomnG3SWh20XJsBVWeRkRit4hidxvRK6YgSjsmIn3RsRfsYKlpaXRw/s320/141106_02b.PNG" width="320" /></a></div><br />
なんか右だけ広角っぽくなってますね!<br />
<br />
なので、該当部分を以下みたいに書き換えてparamを0.1より増やせば望遠、減らせば広角になるのではないでしょうか?<br />
<br />
float param=0.1f;<br />
cameraleft.projectionMatrix = PerspectiveOffCenter(<br />
(-zoom+correction)*(znear/param), (zoom+correction)*(znear/param),<br />
-zoom*(znear/param)*aspectRatio, zoom*(znear/param)*aspectRatio,<br />
znear, zfar);<br />
cameraright.projectionMatrix = PerspectiveOffCenter(<br />
(-zoom-correction)*(znear/param), (zoom-correction)*(znear/param),<br />
-zoom*(znear/param)*aspectRatio, zoom*(znear/param)*aspectRatio,<br />
znear, zfar);<br />
<br />
fovと違って値から絵が予想できないのですが、何度かテストすれば最適な画角が得られそうです。<br />
cardboardとハコスコ両方でdiveつかったり、タオバイザーのレンズを広角に変更したりする場合は試してみてください!<br />
<br />
"Query-Chan model" by Pocket Queries, Inc. is licensed under a Creative Commons Attribution 4.0 International License(CC-BY).<br />
Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0tag:blogger.com,1999:blog-3712500652044809727.post-14015388198651787512014-11-07T23:41:00.000+09:002014-11-13T02:46:58.087+09:00cardboardやタオバイザー用にunity+diveで作った物をハコスコ対応にする。<h3>
はじめに</h3>
先日、<a href="https://play.google.com/store/apps/details?id=com.WakaSoftware.Query360VR">クエリちゃん360VR</a>(google play)というのを、cardboard用にunity+diveで作成しました。<br />
<br />
ほとんど以下のスライドを見ながらサンプルを少しいじっただけです。<br />
<a href="http://www.slideshare.net/NobuhikoSasaki/ss-38173018">http://www.slideshare.net/NobuhikoSasaki/ss-38173018</a><br />
<br />
あ、カメラを回す部分は以下のサイトを参考にしました。<br />
<a href="http://greety.sakura.ne.jp/redo/2014/09/durovis-dive-sdkcardboard.html">http://greety.sakura.ne.jp/redo/2014/09/durovis-dive-sdkcardboard.html</a><br />
<br />
更に、以下のサイトの最後を参考に、ハコスコにも対応しました。<br />
<a href="http://warapuri.tumblr.com/post/98800390873/spherical-image-cam-unity">http://warapuri.tumblr.com/post/98800390873/spherical-image-cam-unity</a><br />
<br />
<h3>
ハコスコ対応</h3>
ハコスコ対応だけハマったので詳しく書きます。<br />
入力を制御してる適当なクラスの上の方に変数を追加します。<br />
<br />
<code></code><br />
public bool doubleCameraFlag = true;<br />
<br />
<br />
更にupdate関数で以下の様に書いていました。<br />
先ほどのサイトに書いてる事だけだと絵が潰れるので、aspect比も変更しています。<br />
(本当は座標も補正した方が良さそうです、ハコスコの時ちょっと近いwww)<br />
<br />
<code></code><br />
// タッチ情報を取得する<br />
TouchPhase touchPhase = TouchPhase.Ended;<br />
if (Input.touchCount > 0)<br />
{<br />
touchPhase = Input.GetTouch (0).phase;<br />
}<br />
// タッチ直後?<br />
if ((touchPhase == TouchPhase.Began) ||<br />
// マウスが押された瞬間?<br />
(Input.GetMouseButtonDown(0)))<br />
{<br />
doubleCameraFlag ^= true;<br />
GameObject diveCamera = GameObject.Find("Dive_Camera");<br />
if (doubleCameraFlag == true)<br />
{<br />
// 左カメラ復活<br />
diveCamera.GetComponent<OpenDiveSensor>().cameraleft.enabled = true;<br />
// 右カメラを元に戻す<br />
//diveCamera.GetComponent<OpenDiveSensor>().cameraright.fieldOfView = 85.0F;<br />
diveCamera.GetComponent<OpenDiveSensor>().cameraright.rect =<br />
new Rect(0.5F, 0.0F, 0.5F, 1.0F);<br />
}<br />
else<br />
{<br />
// 左カメラ停止<br />
diveCamera.GetComponent<OpenDiveSensor>().cameraleft.enabled = false;<br />
// 右カメラ補正<br />
//diveCamera.GetComponent<OpenDiveSensor>().cameraright.fieldOfView = 45.0F;<br />
diveCamera.GetComponent<OpenDiveSensor>().cameraright.rect =<br />
new Rect(0.0F, 0.0F, 1.0F, 1.0F);<br />
}<br />
// アスペクト比も変更<br />
if (doubleCameraFlag == true)<br />
{<br />
diveCamera.GetComponent<OpenDiveSensor>().aspectRatio=<br />
(Screen.height*2.0f)/Screen.width;<br />
}<br />
else<br />
{<br />
diveCamera.GetComponent<OpenDiveSensor>().aspectRatio=<br />
(Screen.height*1.0f)/Screen.width;<br />
}<br />
}<br />
<br />
で、このプログラム外部からDive_Cameraを制御しているのですが、<br />
何故かDive_Cameraのupdate関数ではUnityEngine.TouchPhaseが使えませんでした。<br />
またいつかエラーになる原因を調べたいです・・・。Anonymoushttp://www.blogger.com/profile/12449124694572833727noreply@blogger.com0