Unity講座

【Unity講座】ノーコードでゲームをつくってみよう~その①「プレイヤーキャラを変える」

「プログラミングは苦手!でもUnityでゲームを作ってみたい!!」という音々のワガママから始まった企画です

難易度★☆☆

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

という訳で、この前のUnityの超簡単ゲーム「RUN!」。プログラミング無しでUnityでゲームができるんなら拙者もUnityやってみたいでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

音々ちゃん。それは難しい注文なのです。Unityでゲームをつくるにはどうしてもスクリプト(プログラム)は必要になってくるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_anger-300x300.png
ネネ

そこを何とかお願いでござる!拙者どうしてもプログラミングは勉強したくないのでござる!!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

そこまできっぱり言い切るなんて…音々ちゃんエライのです!仕方ない…プログラミング無しで、前回のRUNゲームをどこまで改造できるか、やってみるのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_joy-300x300.png
ネネ

よっ!明日架大明神!

 

ユニティちゃんパッケージファイルのダウンロード

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

それでは、前回の「RUN」ゲームのおさらいなのです。プレイヤーはアセットストアから「Starter Assets – Third Person Character Controller」をインポートして「PlayerAmature」を使ったのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_jito01-300x300.png
ネネ

ああ、あのロボット殿でござるね。あの手の顔は無表情でどうにも好きになれないでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_yaruki-300x300.png
明日架

そこで、今回は、PlayerAmatureのアンドロイドの姿を、このキャラクターに変えるのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile2-300x300.png
ネネ

キャー!カワユイ!!カッコいい!!誰でござるか?このお方は

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

Unity Technologies Japanが生み出したユニティちゃんなのです。このサイトからUnity用のパッケージデータをダウンロードできるのです

ユニティちゃん公式サイト:https://unity-chan.com/

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

おっ!ここに「DATA DOWNLOAD」ってボタンがあるでござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

そのボタンをクリックすると、次のページでライセンス条項やガイドラインが書いてあるので、よく読むのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

ふむふむ…問題ないでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

では、この「同意しました」にチェックを入れて「データをダウンロードする」をクリックすると

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

おお!ユニティちゃんだけでなく、いろんなキャラクターがそろっているでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_smile-300x300.png
明日架

ページの一番左上がユニティちゃんの3Dモデルデータなのです。さっそく「DOWNLOAD」ボタンを押して、パソコンの好きな場所にパッケージファイルをダウンロードするのです

注:UnityChan_×_×.unitypackage の×はバージョンNoです。バージョンNoは変更している場合があります

 

Unityにパッケージファイルをインポート

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

それでは前回つくったUnityの「RUN!」プロジェクトを開くのです。新しくプロジェクトを作成して、StarterAssetsをインポートしても良いのです

Unityプロジェクトの新規作成方法はこちら

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

開いたでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

それでは、ユニティちゃんのパッケージファイルをこのプロジェクトにインポートするのです。「Asset」メニューの「Import Package」から「Custom Package」をクリック

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

ダウンロードしておいたユニティちゃんのパッケージファイルを選択して「開く」のです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

なんか、細長いリストみたいのが出てきたでござるよ!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

大丈夫、これがユニティちゃんのパッケージファイルに含まれているファイルの一覧なのです。全部チェックが付いていることを確認して「Import」をクリック!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

インポートが完了すると、ProjectウィンドウにUnityChanというフォルダが出来ているのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_joy-300x300.png
ネネ

ここまではカンタンでござるね

 

PlayerAmatureをUnpack(封印解除)する

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_yaruki-300x300.png
明日架

次は、いよいよプレイヤーをユニティちゃんの姿に変えるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_jito01-300x300.png
ネネ

ふふ~ん、分かったでござるよ。UnityChanフォルダのprefabに入っているこのファイル(unitychan)をシーンビューに持ってくれば良いでござるね?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

良いところに気が付いたのですが残念!違うのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

あれれ?確かにunitychanをシーンビューに置いてもキーボードで操作できないでござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_smile-300x300.png
明日架

さっきインポートしたユニティちゃんにはキーボードで操作したり、カメラが追ってくるようなコントローラーが付いていないのです。そこで今回は「PlayerAmature」のコントロールで操作できる部分を活かしつつ、外見だけをユニティちゃんに差し替える方法を説明するのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

なるほど!”羊の皮をかぶったオオカミ”ならぬ、ユニティちゃんの皮をかぶったプレイヤーアマチュア、という訳でござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

そうなのです!まず、PlayerAmatureの外見を変えるために、ヒエラルキーウインドウでPlayerAmatureの封印を解除してあげるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase02-300x300.png
ネネ

封印を解除とは、いかに??

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

ヒエラルキーでPlayerAmatureを開くと、中に3つのファイルが入っているのです。この中で外見に関わっているファイルを削除するのですが、このままでは削除できないのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

なるほど、封印されているから、でござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

そうなのです。だからまずPlayerAmatureを右クリックして「Prefab」から「Unpack」をクリック!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

すると、さっきまで青い文字だったPlayerAmatureが普通の文字の色に変わるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

本当だ!これが封印解除、でござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

そうなのです。そうしたらPlayerAmatureの中の「Geometry」と「Skelton」を削除するのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

削除するときはキーボードの「Delete」キーで良いでござるな…おやおや?!シーンビューからアンドロイド殿が消えてしまったでござる!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

ご安心下さい、なのです。PlayerAmatureは外見を失っただけで本体は消えていないのです!これからその外見をユニティちゃんにするのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile2-300x300.png
ネネ

ホッ、良かったでござるよ

 

PlayerAmatureのControllerとAvatarを修正

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_yaruki-300x300.png
明日架

それでは、いよいよプレイヤーをユニティちゃんの外見にしていくのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n-300x300.png
ネネ

さっきのprefabに入っていたunitychanをつかうのでござるな?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_smile-300x300.png
明日架

う~んそれでも良いのですが、今回は(UnityChanの中の)Modelsに入っているunitychanを使うのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_sad-300x300.png
ネネ

同じunitychan…どこが違うでござるか??

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

prefabには、外見だけじゃなく、アニメーションなどいろいろなコンポーネントが入っている場合が多いのです。今回は外見だけが必要なので、Modelsデータのファイルだけの方が良いのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ase01-300x300.png
ネネ

う~ん、よく分からんでござるが、こっち(Models)のunitychanを使うでござるね

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

はい!それではProjectウィンドウModelsの中のunitychanを、Hierarchy(ヒエラルキー)ウインドウPlayerAmatureにドラッグ&ドロップ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

PlayerAmatureの”“になるようにするのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_surprise-300x300.png
ネネ

うわっ!ユニティちゃんが出現したでござる!!

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_anger-300x300.png
明日架

これで外見がユニティちゃんになったのですが、このままではまだダメなのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_sad-300x300.png
ネネ

本当でござる!ユニティちゃんがカカシみたいな動きなのでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

ここからはインスペクターウインドウでの修正が必要なのです。まずヒエラルキーウインドウでPlayerAmatureを選択して、インスペクターのAnimatorという項目に注目するのです

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n-300x300.png
明日架

Avatarを見ると、(Player)AmatureのAvaterになっているので、右横の◎をクリック

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_wink-300x300.png
ネネ

Avatar(アバター)は知ってるでござるよ。ゲームの中で自分の分身になるやつでござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_smile2-300x300.png
明日架

さすが音々ちゃんなのです。UnityではAvatarがキャラクターの外見になるのです。◎をクリックするといろんなAvatarが表示するので、その中からunitychanAvatarを選択するのです

 

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

これでちゃんとPlayerAmatureのAvatarがユニティちゃんになったのです!次はヒエラルキーウインドウでunitychanを選択するのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

unitychanのインスペクターを見ると、AvatarはちゃんとunitychanAvatarになっているでござるな

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_sad-300x300.png
明日架

でも、ControllerがNone(無し)になっているのです。これがさっきカカシの動きになっていた原因なのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_hatena-300x300.png
ネネ

Controllerがプレイヤーの動きをコントロールする部分でござるか?

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_joy-300x300.png
明日架

その通りなのです。今のままではControllerが空っぽなので、右横の◎をクリック。リストの中からStarterAmatureThirdPersonを選択するのです

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_yaruki-300x300.png
明日架

これで完成なのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_joy-300x300.png
ネネ

うわぁ!ユニティちゃんでござるよ!たーのしーでござるよ~!!

 

他のキャラクターも試してみる

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_smile-300x300.png
明日架

今回のプレイヤーの外見の変更をマスターすると、ユニティちゃん以外のキャラクターに変えることもできるのです

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

本当でござるか?!実はさっきユニティちゃんのダウンロードページでカワイイキャラクターがいたのでござるよ。SDアーカーシャ殿でござるが…

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_check-300x300.png
明日架

方法はユニティちゃんと同じなのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_ururu-300x300.png
ネネ

うわぁぁぁぁぁぁぁ!カワユイでござるよ~

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

うふふ、アセットストアの3Dキャラで人型(Humanoid)ならほとんどが使えるのです。ほら、こんなキャラも

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_jito01-300x300.png
ネネ

ふ~~ん…

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_shock-300x300.png
明日架

……

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_wink-300x300.png
明日架

音々ちゃん、どうでしたか、今回の講座は?

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_yaruki-300x300.png
ネネ

と~ってもためになったでござる!もっともっとUnityがやりたくなったでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_smile2-300x300.png
明日架

それじゃあ、次回からはスクリプトを…!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_anger-300x300.png
ネネ

それはお断りでござる!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile2-300x300.png
ネネ

せっかくなので、プログラミング無しで、どこまで面白いゲームができるか!もっともっと試してみたいでござるよ

https://switchon.jp.net/wp-content/uploads/2022/11/asuka_n_yaruki-300x300.png
明日架

そうですか…仕方ないのです。じゃあ次回も「ノーコードでゲームをつくろう」の続きなのです!

https://switchon.jp.net/wp-content/uploads/2022/11/nene_n_smile-300x300.png
ネネ

楽しみ~でござる(ワクワク)!

 

  スイッチオンラボでUnityを学ぼう

スイッチオンラボでは、無料体験会も開催しておりますので、ぜひお気軽にご参加ください。

関連記事

コメント

この記事へのコメントはありません。