Unity入門の補足（マスコットアプリ文化祭応募者さんを応援!）

マスコットアプリ文化祭応募者さんを応援！

Unity入門　の　補足

株式会社ポケット・クエリーズ

代表取締役

佐々木　宣彦

2014年10月25日　プログラミング生放送　勉強会

2

コンテスト商品

自己紹介

3

　　　　　　　　　　　　　　

iiOOSS、AAnnddrrooiidd、ブラウザゲームの企画 -- デザイン -- 開発 -- 運用を承ります

　　　　　　　　　　　を暮らしへ。

ゲームのちからで世の中を変えます

『ゲーム AAII 技術』

　　　　　　　　　　で業界貢献。

ゲームのちからの世界事例を積極的に発信

『セミナー講演』

『UUnniittyy でゲーム開発』

『ポケクエ』

ゲームのちから。それは人を夢中にさせるあたらしいエネルギーのこと。

株式会社ポケット・クエリーズ『ポケクエ』


① 受託開発・自社タイトル　のゲーム開発

5

h"ps://www.facebook.com/pocketqueries マルチルートディフェンスゲーム

（ iOS / Android / Windows ）


② VVRRなどのデバイスの活用研究

++

OOccuulluuss 　 LLeeaapp MMoottiioonn

h"ps://www.facebook.com/pocketqueries

日本テレビ　News ZERO


③ クエリちゃんプロジェクト h"ps://www.facebook.com/pocketqueries

Twi"erアカウント @Query_chan

アジェンダ

8

1.  　UnityでのGUIの作成

2.  　実機へのビルド・リリースについて

3.  　クエリちゃんアセットの使い方

4.  　おまけ

1. 　UnityでのGUIの作成

9

UnityでのGUI 実装方法のパターン

10

パターン①　　Unity 標準GUI　（GUIクラス系）　で実装する

->　　無償。

->　　GUI部品の設置にコード書く部分が多いパターン②　　NGUI　（有償アセット）　で実装する

->　　企業開発の場合、必ずと言っていい程使っている

パターン③　　Unityの新GUIシステム　『 uGUI 』　で実装する

->　　Unity 4.6 でリリースされる。

　　　　現在オープンβ状態でテスト利用可能

今日はコレ。

GUI.Button　と　GUISkin

11

サンプルソース：　http://pocket-queries.co.jp/downloads/Seminar_Sample/GUISample.zip

GUI.Button　と　GUISkin

12

実装コード例

13

画像部品を使わない　GUI.Button実装例

14

2.　実機へのビルド・リリースについて

15

①　共通設定部分 ②　各プラットフォーム固有の操作　　　　-　Android 　　　　-　iPhone/iPad 　　　　-　WebPlayer

様々なプラットフォームへビルド

【共通設定】　〜　Unity側でのビルド設定のしくみ　〜

【ビルドターゲットの設定】

①ビルドするターゲットを指定　　して『Switch PlaIorm』を押下

②ビルド対象のシーンファイル　　を含めておく

③『Player SeLngs』を押下して　　Inspectorで個別設定へ


【画面タイプ・解像度の設定】

Inspectorの『ResluOon and PresentaOon』の設定

WebPlayer

iOS Andloid


【Bundle ID・その他の設定】

Android

iOS


【Bundle ID・その他の設定】

Android

開発用に実機ビルドの場合署名設定は

『Use ExisOng Keystore』　でOK

【Androidへのビルド】　

【Unityで Build And Run】

XXXX.apk ファイルが生成され、実機にインストール・アプリ起動

【WebPlayerへのビルド】

【Unityで Build And Run】

生成されるファイルは html　と　unity3d ファイル

【iPhoneへのビルド】　〜　iOS Developer Centerでの事前準備　〜

【デバイスの登録】

①　iPhone/iPad実機をiOS Dev Centerに登録する

•  Devicesタブを選択、右ウインドウで

　　『＋』ボタンを押下する

•  Register Device欄に　Name、UDIDを　　入力して実行

2.　アプリのリリース作業

【APP IDの取得】

②　APP IDの取得

•  App IDsタブを選択、右ウインドウで

　　『＋』ボタンを押下する


②　APP IDの取得　（続き） •  App ID Description（説明）を入力

•  BundleIDを入力

•  Continueボタンを押下する。　　次の画面で入力結果を確認し、

　　Submitボタンを押下する。


【APP IDの取得】

③　プロビジョニングプロファイルの作成

•  Provisioning ProfilesタブのDevelopmentを選択、右ウインドウで『＋』ボタンを押下する


【プロビジョニングプロファイルの作成】

③　プロビジョニングプロファイルの作成　（続き）

•  『iOS App Development』ラジオボタンを選択する

•  ②で作成したApp IDをプルダウンから選択する

•  certificateにチェックを入れる



③　プロビジョニングプロファイルの作成　（続き）

•  Provisioning Profileに含めたいiPhone/iPad実機を選択する

•  Provisioning Profile Nameを入力し、『Generate』ボタンを押下する。

•  押下後、生成されるProvisioning Profileをダウンロードし、　Mac上でダブルクリックしてMacにインストールする　　その後、ビルド対象のiPhone/iPadをMacに接続して、XcodeのOrgnizerを使用してProvisioning ProfileをiPhone/ipadに

　　インストールする



④　Unityでのビルド

•  Unityプロジェクトを開き、File – Build Settingsメニューを実行する

　　表示されるウインドウで、Platformを『iOS』にする。　　Platform Settingsボタンを押下し、Inspectorを開く

•  Inspectorで『Other Settings』の『Bundle Identifier』欄に　　②で取得したApp IDを入力する。

【iPhoneへのビルド】　〜　アプリのビルド　〜

【UnityでXcodeプロジェクトをビルド】

④　Unityでのビルド　（続き）

•  Build Settingsウインドウで、Buildボタンを押下し、Xcodeプロジェクトを生成する。

　　（『Scenes in Build』欄にビルド対象シーン郡が含まれている事を確認する）


【UnityでXcodeプロジェクトをビルド】

④　Xcodeでのビルド

•  生成されたXcodeプロジェクトを開く

•  以下の設定を確認する

•  iPhone/iPadを接続し、ビルドする。

-  『General』タブ　の　『Bundle Identifier』

-  『Build Settings』タブの　『Code Signing Identity』


【Xcodeプロジェクトでの設定とビルド】


【完成！】

Unity（WebPlayer）部分

HTML部分

【WebPlayer　（参考）】　〜　HTML側との連携　〜

①HTML側ではSendMessage関数を用いて、　現在のSceneのGameObjectに向けて関数呼び出しを行う

HTML側JavaScriptから　Unity側関数を呼ぶ流れ

②呼び出されるUnity側の関数

参考（WebPlayer内の画面を　スナップショット画像化して　サーバに送る処理）

3.　クエリちゃんアセットの使い方

36

クエリちゃん　について

37

名前：クエリ・ラヴクラフト年齢： 17歳職業：デジタルインタラクティブアイドル性格：素直・好奇心が旺盛・頑張り屋趣味：ゲーム・ WEBクロール

クエリちゃん　　最近の活動

CEDEC2014　出展、　東京ゲームショウ2014　出展

ゼンリン様3D都市モデルアセット　Japanese Otaku City　の　公式ナビキャラ

YouTube　　h"ps://www.youtube.com/watch?v=MB_O9OASPGg Unity Asset Store にて　無償公開



プロ生ちゃんと　おトモダチ♡

事務所に遊びに来てくれマシタ☆

クエリちゃん 3Dモデル

41

ダウンロードはこちら！　à　http://www.query-chan.com


42


29個のモーション☆ 24個の表情♪

70個のボイス♡ その他、ゲームに使い易い『しかけ』


43


Ver. 2.0.0　リリース！　・ハロウィンモデル追加　・メカニム対応


44

クリスマスコスプレVer. 絶賛開発中！

クエリちゃんの『いじりかた♡』

株式会社ポケット・クエリーズ

デジタル・インタラクティブ・アイドル

クエリ　ラヴクラフト

2014.08.20

Unity アセット真夏のアドベントカレンダー 2014 Summer！

46

3. 　クエリちゃんを Unity の世界へ！

Unityを立ち上げて、ダウンロードしたファイル『Query-Chan_xxx.unitypackage』をドラッグ＆ドロップでProjectのAssetフォルダにインポートしてくださいネ☆

これだけでオーケー？簡単すぎて

眠くなっちゃいマス

とにかく押しちゃえ♪

Slide Share 公開資料からの抜粋

47

5. 　サンプルを　動かしてみよう！

①シーンファイルを開いて下さいネ☆

②File – Build Settingsメニューで　出て来るウインドウに 2つの　シーンファイルを　ドラッグして欲しいのデス♡

言われるままにドラッグ♪


48

5. 　サンプルを　動かしてみよう！

④あとは、色んなボタンを押して、遊んでみて　くださいネ〜

③再生ボタンを　ぽちっ！ですネ

マウスで私をクルクル♪


49

6.   クエリちゃんを　　　『いじる ♡』


クエリちゃんの　『なかみ♡』

私をあやつる、3人の彼氏♡

表情を制御☆QueryEmotionalController

モーションを制御☆QueryAnimationController

ボイスを制御☆QuerySoundController


51

クエリちゃんをあやつる

サンプルのスクリプトを見てくださいネ☆

クリック♪クリック♪

ダブルクリック☆


52

クエリちゃんをあやつる　（アニメーションコントロール）

あやつりたいモーション名をいれちゃってくださいネ☆

　私にはちょっとむずかしい　　　　　デス。。。


53

クエリちゃんを微笑ませる　（エモーションコントロール）

プログラマーのひと、

そ、尊敬、デス。。。

同じく、させたい表情をいれちゃってくださいネ☆


54

クエリちゃんをしゃべらせる　（サウンドコントロール）

プログラムって

おもしろい〜デスネ☆

おんなじですネ☆声がいっぱい。大サービス♡


55

クエリちゃん3Dモデル　Ver.2.0.0

【標準クエリちゃん（3種類あり）】 Legacy AnimaOon版 Mecanim AnimaOon版 LocomoOon + Mecanim用

【ハロウィンコスプレ版】 Mecanim AnimaOon版

【（おまけ）　おばけ】

4.　おまけ

56

57

まったくUnityが初めての方へ

30分でUnityの醍醐味を経験できるチュートリアルチュートリアル素材一式：　http://pocket-queries.co.jp/downloads/Seminar_Sample/UnityQuickTutorial.zip

お越し下さい！

58

h"p://crefes2014.unity3d.jp/windows-‐device-‐game-‐jam.html

Kinect for Windows v2 接続事例

59

サンプルソース：　http://pocket-queries.co.jp/downloads/Seminar_Sample/KinectSample.zip

・KinectでBody認識：声①再生・KinectでBody認識解除：声②再生・右手上げ認識：モーション①と声③再生・左手上げ認識：モーション②と声④再生・両手上げ認識：モーション③と声⑤再生・両手下げ認識：モーション④と声⑥再生

Assets/PQAssets/KinectDemo_Query-‐Chan/Scenes/Kinect_Query-‐Chan.unity

Windows Device GameJamで展示！

Oculus Rift＋GamePad (XboxOne Controller）デモゲーム

60

インターネットウイルスに冒されて巨大化したクエリちゃんが、アキバの街で大暴れ

Windows Device GameJamで展示！

Oculus Rift ＋ GamePad (XboxOne Controller）　デモゲーム

61

バイク

ヘリコプター

技術交流、ビジネス交流、大歓迎です。

[email protected]

本セッションに関するお問合せは　こちらまで

Unity入門の補足（マスコットアプリ文化祭応募者さんを応援!）

Internet

Transcript of Unity入門の補足（マスコットアプリ文化祭応募者さんを応援!）