Recommended
More Related Content
What's hot
What's hot (20)
Similar to Global Lab Sendai主催 Unity初心者講座2018
Similar to Global Lab Sendai主催 Unity初心者講座2018 (20)
More from Jun Shimura
Recently uploaded
Recently uploaded (10)
Global Lab Sendai主催 Unity初心者講座2018
- 2. 本 日 の 目 標 Unityでのゲーム開発 1. なにをしたらいいか分る 2. 創り始めの疑問の解消 8/7/2018 2@junshimura
- 3. そ の た め に は 、 1. Unityを完全に理解し、 2. Unityを完璧に使いこなす 8/7/2018 3@junshimura
- 4. 自己紹介 志村 淳 • 小中学校の「職業理解」でよく駆り 出されます。 • Qiitaでアクセスの多いのは、 [超初心者向け]やっと納得、Unity を初めて触ると出てくる C#の何だあ れの答え • Facebookでは 「Unity助け合い所」「Unity雑談所」 • フォローお気軽に！ @junshimura 8/7/2018 4@junshimura
- 7. なぜUnityなのか？ 中 の 人 が 面 白 い 例えば、日本に広めた大前さん https://www.facebook.com/hiroki.omae.5 8/7/2018 7@junshimura
- 8. U n i t y を 理 解 し た 項 目 1. Unityの中の人は面白い 8/7/2018 8@junshimura
- 10. 使って理解する 1. 超簡単！5分でUnityの使い方を覚える 2. 出来たゲームを改造していく 3. 周りの人に遊んでもらおう！ 8/7/2018 10@junshimura
- 11. 下準備 i. サンプルデータをダウンロード ii. Unityを起動 iii. 展開していたデータを開く 8/7/2018 11@junshimura
- 12. 下準備：サンプルデータをダウンロード i. サンプルデータをダウンロード i. 用意できていない場合は”@junshimura”で検索 ii. 出てきたTwitterの固定Tweetからリンクをたどれます iii. フォルダは適宜、展開しておいてください 8/7/2018 12@junshimura
- 14. 下準備.UnityIDを起動.UnityIDを取得 i. 初めてUnityを使う場合は、こちらの画面が出ます。 ii. IDが無い場合は取得しSignIn 8/7/2018 14@junshimura
- 16. 下準備.サンプルデータを開く .シーンを開く i. 左下の「📁Roｌｌ-a-Ball-Base」をクリック ii. 右に出る「Stage01」をクリック 8/7/2018 16@junshimura
- 18. まずはプレイしてみる 画面の上中央にあるボタンを押します、キーボードで遊びましょう （持っていたらゲームパッドも使える！） 参考：https://docs.unity3d.com/jp/460/Manual/UnityBasics.html プレイ 一時停止 ステップ 8/7/2018 18@junshimura
- 19. これで安心、Sceneを複製して開く 1. Stage01をワンクリックで選ぶ 2. 上に在るメニューから[Edit]>[Duplicate]を選ぶ、すると複製される 3. Stage02が出来上がっているので、これをダブルクリックで開く 8/7/2018 19@junshimura
- 20. Sceneの中をのぞく • 中央上の「Scene」タブをクリック • 創ってる人はプレイヤーとちがい、シーンの中を覗き込めます • FPSぽい操作で動かしてみよう Ｙ Ｘ 操作 動作 マウスホイール Sceneビューの拡大・縮小 右クリックを押しながらドラッグ 視点を回転させる 真ん中クリックを押しながらド ラッグ Sceneビューの並行移動 オブジェクトをダブルクリック 指定のオブジェクトにフォーカ スを当てる 8/7/2018 20@junshimura
- 21. Sceneの中をいじる • いじりたいものをクリックして操作 • 失敗したらCtrl+Zで復活！ ど ん ど ん や っ ち ゃ っ て く だ さ い 操作 動作 クリック ゲームオブジェクトの選択 矢印をドラッグ 指定した軸の方向に移動 Deleteキーを押す 削除 Ctrl+Z やった操作の取り消し 8/7/2018 21@junshimura
- 23. 画面の説明：Scene（シーン） • 画面の中央あたり、タブで切り替えると出る • ゲームの「舞台」になっている、この中をカメラで映してプレイヤーに観さ せている • カメラに映らない陰に隠れていたり、姿を隠しているやつもいる！ 8/7/2018 23@junshimura
- 24. 画面の説明：hierarchy（ヒエラルキー） • 画面の左上のあたりにある • Sceneの中に在るものを名前で一覧で出している • 陰に隠れていたり忍者状態で姿を隠しているや つもここでは見える • とりあえず触らなくてもよい 8/7/2018 24@junshimura
- 25. 画面の説明：Asset（アセット） • 画面の中央下あたりにある • ここは「楽屋」。Sceneに登場する物やスキルがここに格納 されている • 現在、Sceneに登場していない隠れキャラもいるかも！ （そのままボツもよくある、ホント、よくある） 8/7/2018 25@junshimura
- 26. 画面の説明：Inspector（インスペクター） • 画面の右のあたりにある • 選んでるゲームオブジェクトの使っているAsset （これをコンポーネントと呼ぶ）がならび、変更も 出来る • キャラクターの属性やスキルも一発で変えられ る！チートも自在⁉ 8/7/2018 26@junshimura
- 27. ここまででふと思うこと 日 本 語 じ ゃ な い の が つ ら い ？ • 最近、日本語化が可能になりました！ （日本語のスクリーンショットで解説しているところはまだ少ないです） • 方法はググって出ますからやってみたいひとはどうぞ • 英単語がカタカナになってるだけの部分もあります • ネットで情報が多いのは英語圏なので、情報を探して出る画面が違って見 えたり、スクリーンショットをとって見せても通じないこともあるかも ということで、お好みですが、英語圏の人と仕事するのも考えたら英語で好い かと思っています a little 8/7/2018 27@junshimura
- 28. 改造していく i. 要らない物をどんどん消す！ ii. いじってみたらプレイして確認！ 8/7/2018 28@junshimura
- 29. 欲しいものは召喚！まずは楽屋を出す i. Assetの📁Prefabをクリック ii. すると、Sceneに居たGameObjectと同じものが現れる （これをプレハブと呼ぶ） 8/7/2018 29@junshimura
- 30. 欲しいものは召喚する！楽屋から登場 i. どんどん突っ込んでみよう ii. 矢印ドラッグで場所を調整 iii. 要らないものはDelete iv. おかしくなったらCtrl+Z v. どうなったか試しプレイも 8/7/2018 30@junshimura
- 31. 召喚したら場所とか調整 i. インスペクターのTransform内のPositionでも動かせる！ ここではTransform.Position.yを１にしてみました、他のもいじってみよう ii. おかしくなったらCtrl+Z、もういらないものはDelete 8/7/2018 31@junshimura
- 35. グループで評価しあいましょう 1. どの感想か自分宛か、お互いに当ててみましょう 2. 予想通りの感想で、お互いにマッチしたペアは成功！ 作者の 思い が伝 わ った 証で す 8/7/2018 35@junshimura
- 36. Stage01の構造を紹介.最初の位置 8/7/2018 36 • 最初にボール以外の物体が見え ている • ピンク色は動く、など分かるように なっている @junshimura
- 37. Stage01の構造を紹介.最初の位置 8/7/2018 37 • →か↓に行くと落ちてリスポーンさ れる、落ちたらダメなのに気付く • 落ちても最初なので、さほど痛くな い • 結果的に↑か←に行くしかない @junshimura
- 38. Stage01の構造を紹介.←へいく 8/7/2018 38 • 左に行くと赤い箱がある、触るとリ スポーンされる。 • 一度、さわると危険なので近づき たくなくなる。←方向へ移動すると きに、壁に接触して動けるので、 少し楽になる。 • そのドキドキを通過すると達成感 があり、その先にカプセルが連続 で取れるエリア。 ちょっとドキドキ @junshimura
- 39. Stage01の構造を紹介.連続で取れる 8/7/2018 39 • 連続でとると楽しい！ • 達成感がある • 奥のピンクの回転が見えてくる、 奥に進むにつれてドキドキ ちょっと楽しい→ドキドキ @junshimura
- 40. Stage01の構造を紹介.回転を避ける 8/7/2018 40 • 回転をかわす困難 • 乗り越えてアイテムゲットの達成感 • ？？もう一つ、アイテムがある筈 • 留まっているとリスポーンに • 繰り返しで慣れてスピードが上がる • ジャンプすると逃げやすい • ジャンプするとアイテムが見える • リスポーンして作戦を考える、 リスポーンが苦にならない！ 厳しい中で取れた達成感 とドキドキ @junshimura
- 41. Stage01の構造を紹介.ジャンプして最 後へ 8/7/2018 41 • ジャンプして取りに行くので一発勝 負になる、最高潮のドキドキ • うまく取れれば達成感が湧く、★に よる評価をみて、再度、トライしたく なる • 失敗しても「ここで失敗しただけだか ら、次は行けそう」、「別ルートを考え てみるか」となる空中移動するドキドキ →うまくいった達成感 →すべてやり直しの敗北感 @junshimura
- 42. Stage01の構造を紹介.想定ルート 8/7/2018 42 -6 -4 -2 0 2 4 6 道程と感情の起伏 最初の← 連続ゲット 回転体接近 回転体そばでゲット ジャンプ 全部クリア 揺さぶる「ふり幅」を徐々に拡げるのが 効果的に @junshimura
- 43. Stage01の構造を紹介.中毒性の構造 8/7/2018 43 -5 -4 -3 -2 -1 0 1 2 3 4 5 1回目 2回目 3回目 4回目 5回目 6回目 7回目 道程と感情の起伏 失敗 成功 到達点が徐々に大きくなるので、それに従い達成感・興奮も拡張されていく →刺激が次でおおきくなることが、リプレイ欲求になる @junshimura
- 46. U n i t y を 理 解 し た 項 目 1. Unityの中の人は面白い 2. Unityをつかうのは面白い 3. 失敗したらCtrl+Z 完 全 に 理 解 し ま し た 8/7/2018 46@junshimura
- 47. そ し て も う ひ と つ の 目 標 Unityを完璧に使いこなす 8/7/2018 47@junshimura
- 48. そ し て も う ひ と つ の 目 標 Unityを完璧に使いこなす 無 理 で す 8/7/2018 48@junshimura
- 49. 何 故 に 無 理 か 1. Unityは常に進化を続け、変化 していきます 2. そのさなかで「完璧」て？ 8/7/2018 49@junshimura
- 50. 目指すのは 欲しいものを「完璧に」手に入れること 1. 創りたいゲームを完璧に作ること 2. そのために欲しいものが「完璧に」手 に入ること それをかなえるのが 8/7/2018 50@junshimura
- 54. 同じGameObjectを調べてみる 8/7/2018 54 アイテムだけ、次々に クリックしてみる 同 じ G a m e O b j e c t は 、 同 じ C o m p o n e n t を 持 っ て い る @junshimura Inspector ごちゃごちゃ出てるのが ほぼ同じ、Transformの 座標だけ違う！
- 55. 似ているGameObjectをクリックしてみる 8/7/2018 55 Inspector どれにもDangwerWallの Componentが入っている！ 同 じ 機 能 を 持 っ た G a m e O b j e c t は 、 同 じ C o m p o n e n t を 持 っ て い る 触ると死ん じゃうのだけ 次々クリック @junshimura
- 56. GameObjectのComponentを較べる 8/7/2018 56 欲 し い 機 能 の C o m p o n e n t を 組 み 合 わ せ て い る RoundDangerWall =BoxCollider+DangerWall+Round TurnDangerWall =BoxCollider+DangerWall+Turn DangerWall =BoxCollider+DangerWall @junshimura
- 58. Componentに使うAssetを用意する方法 8/7/2018 58 標準で在る • メニューから出す • StandardAssetを 入れる 標準に無いが誰か が作ったのがある • AssetSoreから入 手 • 誰かのフリー素材 をネットから探す どこにもない • じぶんで作り、 Assetに入れる。 • プログラミングな らC#で書く。 @junshimura
- 59. 自分でAssetを制作する方法 8/7/2018 59 2D画像 • Photoshopなどで作 る • TextMeshProを使う とかっこいい文字を Unity内で使える • フリー素材のサイト を利用 ３Dモデル・モーショ ン • Maya/Blenderで作 る • 誰かのフリー素材 をネットから探す • MMDなども使える 場合も Script • ネットに結構、出 回っている • Githubなども参考 に • 理解できないのを 入れると事故の元 なのでC#はやって おく サウンド • ほぼフリー素材や AssetStoreが楽 • 作曲してもらうのは コストがかかる 現 存 す る フ ァ イ ル 形 式 の 多 く は U n i t y で 読 み 込 み 可 能 @junshimura
- 60. Componentをいじってみる 8/7/2018 60 1. Assetに在るTurnを Scene内に在るItemの 一つにドラッグ 2. そのままプレイすると、 動くアイテムに変わ る！ 3. 突っ込めばどれも往復 運動する @junshimura
- 61. Componentの中をのぞいてみる 8/7/2018 61 1. Assetに在るTurnをダブルクリック 2. コードエディタが開いて中身が見える @junshimura
- 62. Componentの中をのぞいてみる 8/7/2018 62 // Update is called once per frame void Update () { pastTime += Time.deltaTime; Vector3 newPosition = Vector3.Lerp(homePosition, targetPosition, Mathf.PingPong(pastTime, duration)/duration); transform.localPosition = newPosition; } • 良く判らない時は、ネットで検索してみる • この中で色が変わってるところは何か意味があって誰かが用意したもの • よければこちらをどうぞ [超初心者向け]やっと納得、Unityを初めて触ると出てくるC#の何だあれの答え @junshimura
- 63. Scriptはどうやって勉強したらよいか 8/7/2018 63 • プログラム担当は深く理解をしておいた方が良い • C#を理解した前提で書いてあるネットの記事が多い、C#の基礎文法を知っ ていると楽 • Unityは「ゲームエンジン」なので、ゲームの構造を理解する必要がある • GameObjectクラスがなぜ在るか • UpdateとFixedUpdateの違いなどは知らないと辛くなる • 当方のQiitaでもまずは読んで下さい • [超初心者向け]やっと納得、Unityを初めて触ると出てくるC#の何だあれの答え @junshimura
- 64. Unityでどうチーム編成するか：行程例 8/7/2018 64 コンセプト GDD • 画面構成 • ゲームメカニクス タスクリスト・スケ ジュール • SceneとAssetに分解 • 各担当を決める プロトタイプ • 仮のScene作成 • タスク消化の基準 を作る Β（イテレーション） • 全体を構築していく • 見直しながら作る マスター @junshimura
- 65. Scene・Prefabをどう編成するか 8/7/2018 65 スプラッシュ スタート画面 セレクト マップ移動 ゲーム本体 Lv0 メイン スコア Clear 文字 ボタン GameOver ステータス Lv1 Lv2 LvX 1. ゲーム全体を俯瞰して パーツにばらしていこう 2. UnityではSceneをレベル、 部品をPrefabにしてAsset に置くのが良くあるやり 方 3. Scene,Prefabごとに担当 をよう @junshimura
- 66. 担当の割り振り例 8/7/2018 66 担当 タスク Asset担当箇所 ディレクター • 全体のスケジュールを把握 • GDDに合ってるかを監督 • 全体のチェック ゲームデザイン （企画） • レベルデザイン • メカニクスデザイン • ゲーム本体Sceneの構築 • キャラクタPrefab テクニカル担当 （プログラマ） • Assetの分割方法 • テスト環境の構築 • 必要に応じてディレクターに技術的 な助言 • ScriptのAsset • キャラクタPrefab アーティスト （グラフィックデザイン） • 画面のコンセプトアート • UIレイアウトのデザイン • グラフィックリソース • 本体以外のScene構築 • 画像のAsset • UIのPrefab @junshimura
- 69. まとめ 面 白 く し て こ そ の ゲ ー ム 面 白 い か を 決 め る の は プ レ イ ヤ ー 面 白 く な い と や る 気 が 続 か な い https://twitter.com/otsuka_game/status/ 1022390641907519490 8/7/2018 69@junshimura
- 70. あとがき よ ろ し け れ ば F a c e b o o k や T w i t t e r を フ ォ ロ ー よ ろ ー ◦https://www.facebook.com/jun.shimura ◦ Unity助け合い所、雑談所によく、出没します ◦https://qiita.com/JunShimura ◦ 初心者むけ小ネタを公開中 ◦https://twitter.com/JunShimura ◦ FF外からのリプも歓迎、RTも勝手にどうぞ、嫌な人は外してください、 こちらも外します 8/7/2018 70@junshimura