お気に入りタイトル/ワード

タイトル/ワード名(記事数)

最近記事を読んだタイトル/ワード

タイトル/ワード名(記事数)

LINEで4Gamerアカウントを登録
「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
特集記事一覧
注目のレビュー
注目のムービー

メディアパートナー

印刷2014/04/16 00:00

紹介記事

「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 Unite Japan 2014の開催に合わせて,公式3Dキャラクターともいえる「ユニティちゃん」が公開された。かなりゆるいライセンスでいろいろなことに使える3Dキャラクターということで,注目している人も多いだろう。
 Unityを使い慣れている人ならば,すでに有効活用していると思うのだが,もしかしたらダウンロードはしてみたものの,使い方がよく分からないという人も多いかもしれない。ここではせっかくなので少し遊んでみたいという人のために,最低限の手順を示す「ユニティちゃんの使い方・初級編」をお届けしてみたい。
 なお,中級編以上は期待されても提供できないのでご了承を。

画像集#017のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編


ユニティちゃんのダウンロード


 まず,ユニティちゃんのパッケージをダウンロードしよう。

ユニティちゃん公式サイト


 このURLからライセンス規約などをよく読んで同意したなら,ダウンロードを開始する。もちろん,事前にUnity自体はインストールしておくこと。
 次にUnityを立ち上げて,Project ViewのAssetsの部分にファイルをドロップする……のだが,その前にダウンロードしたファイルを確認しよう。現在は解決済みのはずだが,公開直後にInternet ExplorerやOperaなどのWebブラウザでダウンロードした人だと,ファイル名が“UnityChan.gz”になっているので,そういう場合は,これを“UnityChan.unitypackage”にリネームしてから操作を行うこと。

画像集#019のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
 ファイルをドロップして展開が終わると,パッケージのインポートダイアログが出てくるので,そのまま「Import」でOKだ。インポート時に警告がいくつか出るが,無視してかまわない(動作に支障なし。後日対応予定とのこと)。

 手っ取り早く動作を確認したい人は,UnityChanフォルダ内のScenesフォルダ内にあるシーンファイルのどれかをダブルクリックしてみるのがいいだろう。例えば,ActionCheckを選択した場合,実行するとユニティちゃんの立ち画像と左右にボタンが表示される。右にあるボタンの「Next」を押していくと,いろいろなモーションが順に再生されるようになっている。左側のボタンを押せば表情が変わる。2回押さないと変更が反映されないようだが,これは最初のクリックで表情を選択して,画面上でクリックすることで切り替える仕様だからとのこと。まあとくに問題はない。

画像集#011のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#012のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

画像集#009のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
 試してみて影がチラチラするのが気になる人もいるかもしれない。せっかくなので表示設定も変えておこう。
 メニューバーから,[Edit]-[Project Settings]-[Quality]を開くと表示品質が選べるのだが,デフォルトでは6段階中の4番めである「Good」になっている。普通のゲームができるPCであれば,これを最高品質設定の「Fantastic」に変えてもまったく問題はない。

画像集#008のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
 さらにいえば,「Add Quality Level」ボタンを押して,さらにその上の設定にするのもアリだ。一度Fantasticにしておけば設定内容が継承されるので,その状態でボタンを押そう。Pixel Light Countは,反映される光源の数だが,デモの時点ではいじる必要はない。自分で凝ったシーンを作りたい場合は適当に増やしておこう。FantasticではAnti Aliasingが2x Multi Samplingと寂しいことになっているので,迷わず8xに変更。Shadow ResolutionをVery Highにし,あとは好みの問題だろう。
 Shadow Distanceは,どれくらい遠くの物体まで影を生成するかを指定するところだが,ここを大きくすると画質は低下するので注意。Shadow Resolutionを上げても,300程度に設定するとFantasticと大差ない画質になる。ゲームによって変更するのがよいだろうが,今回は影を落とすものが少ないので,ユニティちゃんのみを重視して80程度にしておいた。
 VSyncは一番下の設定値になっていないが,いじっても画質が下がるだけなので注意。また,サンプルのデモシーンなど,カメラが動かない場合はShadow ProjectionをClose Fitに,カメラが動く場合はStable Fitにするのがよいが,Stable Fitのままでもとくに問題はないだろう。このあたりは,付属ドキュメントReadme_J.pdfでも説明されているのでよく読んでみよう。

画像集#002のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
Fast
画像集#003のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
Simple
画像集#004のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
Good
画像集#005のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
Beautiful
画像集#006のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
Fantastic
画像集#007のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
Brilliant(今回設定した値)

ユニティ・テクノロジーズ・ジャパン情報。パッケージインポート直後のみ,ユニティちゃんの頬のテクスチャが目の下半分にかかって,ちょっと眠そうな「寝起きユニティちゃん」になるのだが,UnityEditorを立ち上げなおせば綺麗に表示される。次回アップデートで修正されるとのこと
画像集#045のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#046のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編


サンプルシーンを見てみよう


 以上を踏まえたうえで,次のARPoseTestシーンを開いてみよう。起動すると,先ほどと同じようなボタンが出てくる。操作法も同じだ。今度はアニメーションではなく,ARアプリで使われたポーズを順に切り替えるデモになっている。

画像集#013のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#014のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 最後のLocomotionシーンは,キー操作でユニティちゃんを走り回らせることができるデモだ。実行すると,ユニティちゃんの後姿と表情切り替えボタン,操作法のテキストが表示される。方向キーで移動だが,W/A/S/DキーでもOK。左クリックでカメラ位置がキャラクター正面に切り替わり,右クリックではなぜかローアングルのカメラとなる。直進中にスペースキーを押すとジャンプし,静止時に押すと伸びをする。
 ユニティちゃんを走り回らせるゲームを作るなら,このサンプルをベースにするとよさそうだ。

画像集#015のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編


既存のMecanim使用ゲームにユニティちゃんを使うには


画像集#016のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
 ついでに,以前紹介したのと同様な手順なのだが,「Mecanim Example Scenes」のキャラクターをユニティちゃんに差し替えてみよう。
 Asset Storeからのダウンロードなどについては,以前の記事を参照のこと。

オートデスクが無償提供している「Autodesk Character Generator」を使ってみる。データはUnityから驚くほど簡単に利用可能


 では,Asset Storeから「Mecanim Example Scenes」をインポートしたうえで,ユニティちゃんをさらにインポートする。このとき,同じようなスクリプトがぶつかってエラーが出るので,読み込み後に,Assetsのところから,UnityChan/Scripts/TirdPersonCamera.csを削除しておこう。

エラーが出ているので,使わないほうのスクリプトを消しておく
画像集#020のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#021のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 Projectビューの表示をAssetsに戻し,Nav Mesh Exampleを開いてほしい。
 Nav Mesh Exampleは,クリックした場所に向かって,障害物を避けながら進んでいくというデモだ。熊の代わりにユニティちゃんが動くようにしてみよう。
 まず,Sceneビューで熊のいるあたりまで視点を移動し,隣にUnityChan/Prefabフォルダ内にあるUnityChanをつまんで配置する。

画像集#022のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 あとは,前回の記事と同様に,熊に設定されているものと同じものをユニティちゃんに設定していく。Add Componentボタンを押して,ScriptsからAgentとNav Mesh UIを,NavigationからNav Mesh Agentを追加し,AnimatorのControllerをLocomotionに,AgentのParticleを指定する。

熊とユニティちゃんに指定されているコンポーネント。これを合わせていく
画像集#023のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#024のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
コンポーネントを追加したら,欄の横の丸いマークを押して設定を変更する
画像集#025のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 この状態で実行してみて,熊とユニティちゃんが並んで歩くようになったら,Sceneから熊を削除して,ユニティちゃんのInspector最上部にあるTagの部分を「Player」に変更しよう。これでユニティちゃんがクリック移動するようになったはずだ。

熊と一緒に動くようになったら,熊を削除しよう
画像集#026のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#027のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 動かしてみて,どうもユニティちゃんの影が強すぎて顔がよく分からないと思った人もいるだろう。ユニティちゃんの配布物一式には,そういう場合の専用ライトも用意されている。UnityChan/PrefabsにあるDirectional Light for UnityChanというのがそれだ。これをつまんでSceneビューに放り込むと,常にユニティちゃんが明るくなるようなライティングが行われる。かなり強い平行光線なのでゲームの種類によっては使えないかもしれないが,ライトのIntensityを下げることも含めて基本テクとして覚えておこう。

画像集#044のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 次に,Teddy Bear Bazookaシーンを開いてみよう。そのまま実行すると,飛び回る熊とプレイヤーキャラクターが表示されるはずだ。右クリックでバズーカが出てくるので,キー操作で移動しつつ,左クリックで砲撃もできる。
 では,このキャラクターもユニティちゃんに置き換えてみる。Sceneビューでプレイヤーキャラクターの隣にユニティちゃんを配置するのは先ほどと同じだ。AnimatorのControllerにはBazookaを指定し,Add ComponentボタンでScriptsからBazookaを指定する。追加要素はこれだけなのだが,スクリプト内で細かな指定が必要なので,Target A,Left Handleなどの要素を熊と同じ状態にしておこう。

画像集#029のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#028のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
画像集#030のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 さらに,プレイヤーキャラクターの肩に乗っている筒を選択し,Heirarchyビューでも選択されているはずの「Bazooka」をつまんで,ユニティちゃんのところに移動させよう。物理的にもユニティちゃんの肩の辺りに移動させておくのがよいだろう。

バズーカをドラッグ&ドロップで所属先の変更を行い,ユニティちゃんの肩の上にセットする
画像集#031のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 これでプレイヤーキャラクターを消去し,ユニティちゃんのTagをPlayerに変更すれば,ユニティちゃんが走り回ってバズーカをぶっ放す……はずなのだが,どうもバズーカの表示位置がおかしい。さらにユニティちゃんを横に並べたときに90度回転させたせいか,ブローバックの方向もおかしい。

元のキャラクターを消して実行し,右ボタンを押したところ。バズーカの位置がおかしい
画像集#035のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 ということで,スクリプトをいじってみよう。ユニティちゃんを選択したときに出るInspectorで,ScriptのBazookaの部分に付いている小さなアイコンをダブルクリックすると,テキストエディタMonoDevelopが起動する。

ダブルクリックでMonoDevelopを起動
画像集#032のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 変更点は2か所だ。中ほどのOnAnimatorIK関数内の,

  Vector3 pos = new Vector3(0.195f, -0.0557f, -0.155f);

の部分を,

  Vector3 pos = new Vector3(0.2f, 1.3f, -0.1f);

程度に変更し,

  pos.x -= fire * 0.2f;

を,

  pos.z -= fire * 0.2f;

に変更し,Ctrl+Sキーで保存する。これでバズーカがユニティちゃんの肩に出現し,正しく発砲されるようになるはずだ。

画像集#033のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

画像集#034のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編


非Mecanim対応ゲームにユニティちゃんを登場させる


画像集#036のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
 既存のMacanim用プロジェクトにユニティちゃんを読み込んで動かす方法についてはだいたい分かってもらったと思うのだが,最後にMecanim対応でないプロジェクトで使う場合について見ていこう。UnityのチュートリアルであるBootcampマップ内をユニティちゃんに駆け巡らせたいと思う。

 まず,BootcampをAsset Storeからダウンロードしよう。Ctrl+9でAsset Storeを開き,検索で「bootcamp」を打ち込めば最初に出てくるはずだ。これをインポートして,さらにユニティちゃんのパッケージファイルをドロップする。このあたりの手順はすでに解説したとおりだ。
 次に,マップ内にユニティちゃんを配置しよう。どこでもいいとは思うのだが,念のためSoldierの隣にしている。

初期位置からぐっと引いて左上にSoldierはいる
画像集#039のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編 画像集#040のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 ユニティちゃんにコンポーネントを追加していく。Add Componentボタンで,Capsule Collider(Physics),0Rigid Body(Physics),Unity Chan Controll Script With Rigid Body(Scripts),Face Update(Scripts)のコンポーネントを追加する。

 以下,この状態でのInspectorの変更部分を挙げておく。

  UnityChan:Tag Untagged → Player
  Animator:Controller None → UnityChanLocomotions
  Capsule Collider:Cener:Y 0 → 0.75
  Capsule Collider:Cener:Height 1 → 1.5
  Rigidbody:Mass 1 → 10
  Rigidbody:IsKinematic レ → □ (入っていたらチェックを外す)
  Rigidbody:Constraints:Freeze Rotation:X □ → レ
  Rigidbody:Constraints:Freeze Rotation:Y □ → レ
  Rigidbody:Constraints:Freeze Rotation:Z □ → レ

画像集#041のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 このまま起動しても動かなくはないのだが,カメラ処理が元々のSoldier用になっているので,いろいろと無理がある。動かしてもカメラがついていかないのだ。以下,元のプロジェクトをいじると面倒そうなので,できるだけいじらずに処理することにしよう。

画像集#042のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編
 まず,メニューにある[GameObject]-[Create Other]-[Camera]でもう一つカメラを用意し,Hierarchyビューのunitychanツリー内に入れておく。位置はユニティちゃんの後ろの適切なところに調整すること。さらに,Assets/UnityChan/Prefabs/for Locomotionから,CamPosとFrontPosをつまんで,Hierarchyビューのunitychanの下に入れておく。

 HierarchyビューのSoldier_Locomotionの下にあるSolder_Cameraを選択して,InspectorからCamera部分とSoldier Camera(Script)部分の先頭にあるチェックを外してみよう。これでユニティちゃんが野山を駆け巡るようになったはずだ。ついでにいえば,ほぼ同様の操作で,Car Tutorialなどでもユニティちゃんが走るようになる。

画像集#043のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

画像集#037のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

こちらはCar Tutorialにユニティちゃんを登場させたところ
画像集#038のサムネイル/「そんじゃ,始めるとしますかっ!」ついに公開されたUnity公式3Dキャラクター「ユニティちゃん」の使い方・初級編

 前回紹介したAutodesk Character Generatorと合わせ,Unityで使えるキャラクターの幅が広がっている(キャラのテイストはまったく違うのだが)。従来,かなり難しかった3Dキャラクターが動きまくるゲームを作ることも,そう難しくはなくなってきているわけだ。
 UnityのアニメーションシステムであるMecanimもどんどん進化しており,今後のインディーズゲームの展開が非常に楽しみな状況だ。せっかく公開されたユニティちゃんなので,サンプルを眺めながらゲームに発展させていくのもよし,アニメーションパターンを眺めるもよし,いろいろと活用してみよう。
 なお,個人や小規模サークルでユニティちゃんを使ったゲームを発表したり,販売したりすることも可能だ(ライセンスを確認のこと)。あまり制限はないのだが,ロゴなどのライセンス表記だけは忘れないように気をつけたい。

ユニティちゃん公式サイト

  • 関連タイトル:

    Unity

  • この記事のURL:
4Gamer.net最新情報
プラットフォーム別新着記事
総合新着記事
企画記事
スペシャルコンテンツ
注目記事ランキング
集計:11月21日〜11月22日