CrossRoadスマートフォン用の表示で見るCrossRoadAR、MR、VR、Babylon.jsを中心とした技術ブログ。Riftさらに続きです。OculusGameJamで作ったゲームの主な作り方を説明します。ゲームの流れはこんな感じです。(1)oculusRiftでPSeye越しに現実風景を見る(AR)(2)マーカを認識して現実風景をふわっと削除(AR->VR)(3)フォロワーアイコンを頭上に掲げたクマさん登場(VR)(4)逃げてくクマさんを追いかけてフォロワーを再び!今回は(3)を説明します。1.1を使って、followerのアイコンを取得することに決めました。その際、以下のサイトが大変参考になりました。ありがとうございます。Unityで対応できたようです。Positionさんの方法がやりやすいと思われます。Developerサイトへ登録するAPIを使うには開発者登録が必要です。Applicationから適当なサンプルプロジェクトを登録します。手順の詳細は下記を参考にさせていただきました。登録時のWebSiteなどは自分のTwitterURLで大丈夫です。Positionさんの公開されているUnityTwiTestを入手し、Unityで開きます。その後、Asset以下をpackageとしてexportし、自分の使うUnityProject内でImportします。ちなみに、importしたAsset関係は好きなフォルダに入れ替えても大丈夫なので、Asset関係をTwitterなどの名前のフォルダに入れるとファイル全体が見やすくなります。Viewにドラッグします。Objectを配置し、TwitterGUIと名称変更します。スクリプトを編集するTwitter/Script/SysTwitter.csを開きます。PostPositionさんのブログ内容は、Auth認証後、自分のTwitterアカウントへ任意の文字列を投稿させるものです。ここでは、任意の文字列をPostTweetする処理を書き換えて、逆に指定画像を取得するようにして、修正規模を減らしました。本来はget用の関数を作るべきですが、時間が限られているGameJamということで、こういう方法になりました。変更箇所を抜粋します。(以下10まで作成)}コードの把握に時間がかかり試行錯誤を繰り返しましたが、結果的に変更箇所はこれだけでした。残念なことに、なぜかforが使えず愚直に書くことになってしまいました。coPostTweetというメソッドでありながら、内容はGetです。ここではWWWメソッドを使って、指定URLから取得したデータをiconObjectX(クマの頭上にある四角形)に描画させています。Random.Rangeメソッドを使って0~16までの乱数を発生させ、クマ頭上に表示されるアイコンを実施のたびに変化させています。ViewのSystemInstance/SysTwitterオブジェクトのInspectorに適当なcubeを作り、これをアタッチすれば動作確認可能です。Secretが表示されているので、その文字列を入力します。Writeに変えてください。Viewに出てきます。Tokenを押すと、ブラウザが開き、下記のような認証画面が出てきます。「連携アプリを認証」を選択すると、パスコードが表示されます。一瞬エラーログのようなものが出ますが、その後、Succeedというログが出ます。画面上は変化しません。あとはaaaとか適当な文字列を入力してPostTweetを押すと、クマ頭上のアイコンが変化します。完成するとこんな感じです。終わりにGameJamで時間が限られてたこともあり、TwitterのAuth認証やらAPIの使い方については、今回の範囲しかわかってません。機会あるときに調べてみたいと思います。次回は、クマの制御方法について書きます。参考記事は下記の通りです。関連する記事は下記の通りです。»ProfileAR、MR、VR、Babylon.jsを中心とした技術ブログです。広く色々な技術を勉強するのが好きで、あれこれ書いています。詳細なプロフィールはこちらをご確認ください。2020)■プライバシーポリシー■こちらに記載しておりますのでご確認ください。■お問い合わせ■こちらよりお願いいたします。月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。