67
できる!Unity 2D 2015.02.16 (Mon) / Unity Hands-on vol.5 株式会社キッズスター システムデベロプメントチーム リーダー 森 哲哉

20150216 Unity Hands-on 「できる!Unity 2D」

Embed Size (px)

Citation preview

Page 1: 20150216 Unity Hands-on 「できる!Unity 2D」

できる!Unity 2D2015.02.16 (Mon) / Unity Hands-on vol.5

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

森 哲哉

Page 2: 20150216 Unity Hands-on 「できる!Unity 2D」

こんばんは!

Page 3: 20150216 Unity Hands-on 「できる!Unity 2D」

今日は

Page 4: 20150216 Unity Hands-on 「できる!Unity 2D」
Page 5: 20150216 Unity Hands-on 「できる!Unity 2D」

Page 6: 20150216 Unity Hands-on 「できる!Unity 2D」

キャッキャウフフ しちゃいましょう!

Page 7: 20150216 Unity Hands-on 「できる!Unity 2D」

おしながき

Page 8: 20150216 Unity Hands-on 「できる!Unity 2D」

おしながき

• 全体概要

• 座学

• 実践

• 質疑応答

Page 9: 20150216 Unity Hands-on 「できる!Unity 2D」

さて、本題

Page 10: 20150216 Unity Hands-on 「できる!Unity 2D」

の、前に

Page 11: 20150216 Unity Hands-on 「できる!Unity 2D」

自己紹介

Page 12: 20150216 Unity Hands-on 「できる!Unity 2D」

$ whoami

• “森 哲哉” と申します

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

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

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

Page 13: 20150216 Unity Hands-on 「できる!Unity 2D」

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

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

• Unity 歴 2 年弱くらい

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

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

Page 14: 20150216 Unity Hands-on 「できる!Unity 2D」

$ whoami

Page 15: 20150216 Unity Hands-on 「できる!Unity 2D」

$ whoami

Page 16: 20150216 Unity Hands-on 「できる!Unity 2D」

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

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

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

Page 17: 20150216 Unity Hands-on 「できる!Unity 2D」

$ jobs

Page 18: 20150216 Unity Hands-on 「できる!Unity 2D」

$ jobs

Page 19: 20150216 Unity Hands-on 「できる!Unity 2D」

$ jobs

Page 20: 20150216 Unity Hands-on 「できる!Unity 2D」

$ jobs

Page 21: 20150216 Unity Hands-on 「できる!Unity 2D」

$ ls -la apps/

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

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

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

なりきり!! ママごっこ

お弁当をつくろう!

おかしの家を つくろう!

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

飛行機を 組み立てよう!

i18n i18n i18n

i18n

ゆかいな お花屋さん

App Sto

re / Goo

gle Play

カテゴリランキング1位

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

パズルで あそぼう!

Page 22: 20150216 Unity Hands-on 「できる!Unity 2D」

今度こそ、本題

Page 23: 20150216 Unity Hands-on 「できる!Unity 2D」

全体概要

Page 24: 20150216 Unity Hands-on 「できる!Unity 2D」

今日つくるモノ

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

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

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

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

Page 25: 20150216 Unity Hands-on 「できる!Unity 2D」

DEMO

Page 26: 20150216 Unity Hands-on 「できる!Unity 2D」

今日つくるモノ

• はい、クソゲーですね

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

• そう、Unity なら、ね

Page 27: 20150216 Unity Hands-on 「できる!Unity 2D」

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

• Unity Editor の画面構成

• 2D GameObject

• 物理演算

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

Page 28: 20150216 Unity Hands-on 「できる!Unity 2D」

んでは、早速

Page 29: 20150216 Unity Hands-on 「できる!Unity 2D」

座学

Page 30: 20150216 Unity Hands-on 「できる!Unity 2D」

Unity 用語集

Page 31: 20150216 Unity Hands-on 「できる!Unity 2D」

用語: Unity

• いわゆる GameEngine

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

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

Page 32: 20150216 Unity Hands-on 「できる!Unity 2D」

用語: Unity Editor• ゲーム開発環境としての GUI

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

• Pro License だとスキンを黒くできる

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

Page 33: 20150216 Unity Hands-on 「できる!Unity 2D」

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

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

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

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

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

Page 34: 20150216 Unity Hands-on 「できる!Unity 2D」

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

• っていうか JavaScript

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

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

Page 35: 20150216 Unity Hands-on 「できる!Unity 2D」

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

• Microsoft が開発した言語

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

• MSDN

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

Page 36: 20150216 Unity Hands-on 「できる!Unity 2D」

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

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

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

Page 37: 20150216 Unity Hands-on 「できる!Unity 2D」

用語: AssetStore

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

Page 38: 20150216 Unity Hands-on 「できる!Unity 2D」

用語: GameObject

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

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

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

Page 39: 20150216 Unity Hands-on 「できる!Unity 2D」

用語: Component

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

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

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

Page 40: 20150216 Unity Hands-on 「できる!Unity 2D」

用語: 物理演算

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

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

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

• めっちゃ奥が深い

Page 41: 20150216 Unity Hands-on 「できる!Unity 2D」

用語: uGUI

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

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

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

Page 42: 20150216 Unity Hands-on 「できる!Unity 2D」

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

Page 43: 20150216 Unity Hands-on 「できる!Unity 2D」

Page 44: 20150216 Unity Hands-on 「できる!Unity 2D」

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

Page 45: 20150216 Unity Hands-on 「できる!Unity 2D」

画面構成

Page 46: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Scene

Page 47: 20150216 Unity Hands-on 「できる!Unity 2D」

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

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

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

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

Page 48: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Game

Page 49: 20150216 Unity Hands-on 「できる!Unity 2D」

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

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

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

Page 50: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Project

Page 51: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Project

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

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

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

Page 52: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Hierarchy

Page 53: 20150216 Unity Hands-on 「できる!Unity 2D」

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

• ココもよく触る

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

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

Page 54: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Inspector

Page 55: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Inspector

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

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

Page 56: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Console

Page 57: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Console

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

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

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

Page 58: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Header?

Page 59: 20150216 Unity Hands-on 「できる!Unity 2D」

画面: Header?

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

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

• 正確な呼称は知らんw

Page 60: 20150216 Unity Hands-on 「できる!Unity 2D」

DEMO

Page 61: 20150216 Unity Hands-on 「できる!Unity 2D」

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

Page 62: 20150216 Unity Hands-on 「できる!Unity 2D」

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

Page 63: 20150216 Unity Hands-on 「できる!Unity 2D」

実践

Page 64: 20150216 Unity Hands-on 「できる!Unity 2D」

Hands-on

Page 65: 20150216 Unity Hands-on 「できる!Unity 2D」

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

Page 66: 20150216 Unity Hands-on 「できる!Unity 2D」

最後に

Page 67: 20150216 Unity Hands-on 「できる!Unity 2D」

質疑応答