できる！Unity 2D2015.04.17 (Fri) / Unity Hands-on vol.7

株式会社キッズスター システムデベロプメントチーム リーダー

森　哲哉

こんばんは！

今日は

の

ウグイ

じゃなくて

ユーグイ

uGUI

について 学びましょう！

おしながき

おしながき

• 全体概要

• 座学

• 実践

• 質疑応答

さて、本題

の、前に

自己紹介

whoami

• “森　哲哉” と申します

• a.k.a: もんりぃ / T: @monry / F: monry84

• 30歳 / ♂ / O型 / 天秤座 / 既婚

• 趣味は「お酒」と「合唱」です

whoami• 大学を (自主的に) 卒業後、ベンチャーを転々

• Web のフロントエンド、サーバサイドが得意

• Unity 歴 2 年弱くらい

• AWS とキャッキャウフフするのも好きです

• 最近は Kinect さんがお気に入り

jobs• “株式会社キッズスター” って会社で働いてます

• 未就学児～小学生のお子さまをお持ちのファミリーをターゲットにした、知育/教育に関わるアプリ・サービスを展開しております

• 「IID 世田谷ものづくり学校」という、元中学校に入居しております

office

office

apps

なりきり!! ごっこランド

パズル&テイルズおかしのくにを つくるのじゃ!!

なりきり!! アイスクリーム 屋さんごっこ

なりきり!! ママごっこ

お弁当をつくろう！

おかしの家を つくろう！

ハンバーガー やさんごっこ

飛行機を 組み立てよう！

i18n i18n i18n

i18n

ゆかいな お花屋さん

App Sto

re / Goo

gle Play

カテゴリランキング1位

多数獲得！！！きかんしゃ トーマスと

パズルで あそぼう！

events

events

今度こそ、本題

全体概要

今日つくるモノ

• ぶっちゃけ、クソゲーですｗ

• スカッシュとか言いつつ、ルール完全無視

• 完成品は こちら にあります

• とりあえず見てみましょう

DEMO

今日つくるモノ

• はい、クソゲーですね

• クソゲーながらも、このレベルであれば1時間程度で作れちゃいます

• そう、Unity なら、ね

今日学んでほしいコト• 各種 Unity 用語

• Unity Editor の画面構成

• 2D GameObject

• 物理演算

• 簡単なスクリプトの記述

んでは、早速

座学

Unity 用語集

用語: Unity

• いわゆる GameEngine

• 「ゲームをつくる」ための開発ツール

• 元は 3D に特化していた

用語: Unity Editor

• ゲーム開発環境としての GUI

• Unity に関して「コードを書く」以外の殆ど全てのコトを司る

• 開発者が自分でカスタマイズ可能

用語: MonoDevelop• コードを書くための IDE

• デバッガとかもシッカリしてる (らしい)

• Mac 版では日本語入力できない

• 類似品で Xamarin Studio というモノもある

• 個人的にはコッチがオススメ

用語: UnityScript• JavaScript ライクな Unity 用開発言語

• っていうか JavaScript

• 後述の GameObject を操作するための各種クラスライブラリが揃っている

• C# と混在させると色々不便だったりもする

用語: C#• UnityScript と並ぶ Unity での開発に於ける 主要言語

• Microsoft が開発した言語

• ドキュメントがものすごくシッカリしてる

• MSDN

• 長い視点で考えると、コッチで頑張るべきかな？

用語: Asset• 直訳すると資源

• Unity でゲームを作るうえで必要になるありとあらゆるモノを総称

• 例を挙げれば、キリが無いが、画像・音声・3Dモデル・スクリプト・ライブラリ・設定 etc…

用語: AssetStore

• Unity が提供する「Asset を売買できる」マーケットプラットフォーム

• 3D モデルやライブラリスクリプトなど

• 一攫千金を狙うのもアリか…？

用語: GameObject

• ゲームを構成する要素の最小単位

• 細かいコト言うとチョット違うけどね

• STG で喩えると「自機」とか「敵機」とか「弾」とか「スコア表示」とか全てが該当

用語: Component

• GameObject の挙動を管理するための要素

• 目的に応じて多種多様な Component を GameObject にアタッチ (割り当て) する

• 最終的には、自前の Component を開発し、ゲームを構成していくことになる

用語: 物理演算

• 実際の物理世界の法則をシミュレートするコト

• Unity では 3D: PhysX / 2D: Box2D を搭載

• リアルな表現をするためには不可欠

• めっちゃ奥が深い

用語: uGUI

• Unity に於いて 2D 制御を司るシステムの名前

• 実はアンオフィシャルな名前

• オフィシャルには「新GUIシステム」とかかな？

などなど、色々な言葉があります

が

全部覚えなくても大丈夫ですｗ

画面構成

画面: Scene

画面: Scene• ゲームのシーンを編集するためのビュー

• 3D であれ 2D であれ、「何がどの場所に 配置されるのか？」をココで編集する

• たぶん一番よく触るビュー

• 全ての GameObject を Script で管理することも可能だから、触らない人もいる

画面: Game

画面: Game• 実際に Publish (Build) された成果物が何らかのスクリーンに描画される際の状況をシミュレートしたビュー

• 実際にユーザが見る画面ってコト

• モバイルとかだと、100% 見た通りにはならないこともあるんだけどね！！！orz

画面: Project

画面: Project

• Asset の管理を行うためのビュー

• 実際に Publish (Build) する際には不要なAsset なんかも置いておいたりする

• 次項で説明する Hierarchy とゴッチャに なりやすいので注意

画面: Hierarchy

画面: Hierarchy• Scene に於ける GameObject の構造を管理するためのビュー

• ココもよく触る

• ここに加えた変更は保存しないと失われる

• 再生中の変更は保存できない

画面: Inspector

画面: Inspector

• 選択中の GameObject や Asset の「設定」を表示・編集するためのビュー

• 中級者以上になると、いかにココをカスタマイズして、開発スピードを上げるかがキモになってきたりする

画面: Console

画面: Console

• 何らかのログ的なモノが表示されるビュー

• ログの種類に依って「白」「黄」「赤」と色分けされていたりする

• ココがエラーログで埋め尽くされて 真っ赤になるコトもしばしばｗ

画面: Header?

画面: Header?

• 画面上部に表示されるボタン達のエリア

• それぞれのボタンの意味は実際に触りながら覚えましょう

• 正確な呼称は知らんｗ

そろそろ眠くなってきましたか？

そう思って、お待ちかねの…

実践

Hands-on

はい、みなさま 大変お疲れ様でした！！

最後に

質疑応答