学生がUnityで2 dゲームを作るとこうなる

Transcript

• 1. 学生がUnityで 2Dゲームを作るとこうなる 日本工学院専門学校 工業専門課程クリエイティブラボ科3年 高橋 良哉
• 2. 自己紹介 高橋良哉 @shimuraya ! 日本工学院専門学校蒲田校 にてゲームプログラミング を学びながら、独学でUnity を勉強する。 Unity歴は2年ぐらい。 尊敬する人は須田剛一さん と遠藤ミチロウさｎと 石野卓球さん。 ! Unityの勉強会は第5回目 から参加してます。
• 3. アジェンダ はじめに 2Dゲームを作るきっかけ 使用したプラグイン タスク管理について バージョン管理について まとめ
• 4. はじめに 今回の発表内容は、 去年制作した２Dゲームの制作事例です。 そのため、現在のUnityやAssetの仕様とは 大きく異なる場合があります。 ご了承ください。
• 5. どうしてUnityで2Dゲームを？
• 6. 去年の5月頃 プランナーが言いました。
• 7. Unityで2Dゲーム作らない？
• 8. Unityといえば３D。
• 9. Unityで作られた2Dゲーム について調べてみると…
• 10. どうやらLIMBOが Unity製らしい。
• 11. まぁできないことはないか…
• 12. じゃあUnityで ２Dやってみようか！
• 13. この安易な判断が
• 14. 地獄の始まりでした。
• 15. 6月、プランナーから 企画があがってくる。
• 16. せっかくLIMBOっていう元のゲームがあって、そっ から考えるんだったらやっぱり白黒のゲームのほ うがいいかなあと思って白黒のゲーム考えたんだ けど、白黒だとアニメーション重視しないと見た 目的にも悪くなるし、やっぱりアニメーションは スムーズに動かしたいよね。２Dでもパーティク ル入れられたりする？入れられたら入れたら綺麗 だよね。あと、UnityだったらGUIまわりきれいに できるんでしょ？それもやりたいよね。当然でき るよね。あとUnityできるのチームに君しかいな いよ。それでも大丈夫？ねえどんな気持ち？今ど んな気持ち？ねえ？話し聞いてる？
• 17. 要約すると ! 「大前提として２Dのゲーム。」 「GUIまわりきれいにしたいね！」 「アニメーションスムーズに動かしたいね！」 「みんなUnityやったことないけど大丈夫？」
• 18. 課題がいっぱい。 どうしよう。
• 19. そうだ、AssetStoreを使おう。
• 20. 地獄① Asset多すぎ地獄
• 21. みんな大好きAssetStore
• 22. 星の数ほどあるAssetから どれを選べばいいのか…
• 23. 今回は、今まで勉強会で 教えてもらったAssetを 使うことにしました。
• 24. ①２Dゲームを作るには？
• 25. Unityで2Dといえば、 2D ToolKitがベター
• 26. だがしかし！
• 27. 今回は個人的に 使ってみたいものがあったので 別のものを導入してみました。
• 28. Uni2D $45(当時)
• 29. 現在はUni2D v2の リリースに伴い、 値段が$90になっています。
• 30. 操作は至って簡単！
• 31. PhotoShopなどで 作ったリソースデータを
• 32. Uni2DのSpriteEditorで オブジェクト化すると
• 33. どーん！
• 34. Uni2Dさんが アルファ付きの2Dリソースに 勝手に当たり判定を つけてくれちゃう。
• 35. ステージの作成は これ１つあれば十分でした！
• 36. ②タイトルきれいにしたい。
• 37. GUIまわりといったら もうあれしかない！
• 38. NextGen UI(通称NGUI) $95
• 39. Youtubeにあがっている チュートリアル動画と、 NGUIの海外フォーラムを 見ながら作成。
• 40. プランナー曰く メインメニューには ステージ選択画面と オプション画面と ステージアンロック画面と ゲーム終了画面を表示させる。
• 41. ステージは、クリアしたら次を アンロックする形にする。
• 42. 適当な黒い画像をボタンの上に スプライト描画して、ステージ クリア後にDestroyで被せたやつ を消せばそれっぽく見えた。
• 43. オプションは 音量調節のスライダーのみ
• 44. UISoundVolumeで音量を調節して、 UISavedOptionを使って スライダーの値を保存する。 なにも難しいことはなかった。
• 45. ステージクリア後に表示されるパスワードを 入力するとそこから始められる仕様のあれ
• 46. 入力されたパスワードを UIInput.current.text で照らし合わせる。 合ってたらステージセレクトの ボタンに被せてるものをDestroyして ステージアンロック。
• 47. ゲーム終了は単純に Application.Quitで。
• 48. GUIとかその辺は これでOK！
• 49. ③アニメーションを スムーズに動かす
• 50. 学生といえばネイティブの開発。 ネイティブ開発でアニメーションと言えば マップチップでのアニメーション。
• 51. Unityなのにそんな めんどくさいこと しないといけないの！？
• 52. ふと、第5回渋谷Unity技術勉強会で 伊藤周さんが2Dリソースから ボーンアニメーションを作ってたこと を思い出す。
• 53. それがあった。
• 54. SmoothMoves ＄95
• 55. PhotoShopでアニメーションさせたい画像を ボーンごとにバラバラにして、SmoothMoves の機能でTextureAtlasを作る。
• 56. SmoothMovesのエディタ内でボーンのPivot と親子関係を決めて、動かしてみると…
• 57. こいつ・・・動くぞ！
• 58. Playerのアニメーション はこれで完璧！
• 59. ④Unity触ったこと無い
• 60. チームのメンバーは、 Unityでの開発をまったく したことがない。
• 61. 開発期間は半年… 一から勉強してる時間ない… さて、どうしよう…
• 62. またまた第5回渋谷Unity技術勉強会 で伊藤周さんがノンプログラミング でゲームっぽいもの作ってたことを 思い出す。
• 63. あれならUnityを やったことなくても できるかも！
• 64. PlayMaker $90
• 65. 最近なにかと話題な PlayMaker。
• 66. PlayMakerEditorを開いて、 そこに遷移を書いていくだけ！
• 67. ギミックで Trigger判定させて 起動させるときなどの 簡単な動きに使用。
• 68. 難しい挙動などには適してな いため、キャラクターの移動 はCharacterControllerで制御。
• 69. SmoothMovesとの連携ができたので、 ギミックのアニメーションは 全てSmoothMovesで作ってPlayMaker で制御しました。
• 70. 噂によると、 最近NGUIとも 連携できるように なったらしいです。
• 71. いろいろなAssetと 連携できるところも、 PlayMakerの 強いところですね。
• 72. ひとまずこれで2Dゲーム をつくる準備は整った…
• 73. チームも組めたし 早速作り始めよう！
• 74. 地獄② やること多すぎ地獄
• 75. これからチームメンバーに 仕事を振っていくわけだが…
• 76. ①リソースの作成 ②アニメーションの作成 ③ステージの作成 ④タイトルなどのGUIの作成 ⑤敵キャラクターの導入 ⑥ギミックの作成 ⑦BGMやSEの作成、導入
• 77. おおまかにまとめると だいたいこんな感じ
• 78. タスク管理どうしよう…
• 79. Excelでまとめてもいい けど、みんな見るの めんどくさいだろうし…
• 80. そこで使用したのが！
• 81. ポストイット！
• 82. まずはやること全てを ポストイットに書いて ホワイトボードに貼っていく。
• 83. そして書いたポストイットを 優先順に並べていく。
• 84. Sはとりあえず 後回しでも大丈夫なやつ
• 85. Mはそこそこ 優先的なやつ
• 86. Lは最優先。
• 87. その作業が完了したら ポストイットを レビューの欄に貼っていく
• 88. レビューは全て チームリーダー(自分)が 独断で行う！ 有無は言わせん！
• 89. レビューで通ったら右の Doneの欄へ貼っていく！
• 90. できた作業と できてない作業が 一目瞭然！
• 91. ちなみに… これもいつぞやの勉強会で 教えてもらったやり方です。 ありがとう渋谷Unity。
• 92. 地獄③ バージョン管理 めんどくさすぎ地獄
• 93. Unityといえば、 AssetServerでの バージョン管理が 一番メジャーですよね。
• 94. 実際にFGJでAssetServerを 使ってみて、めちゃくちゃ 便利だったのを覚えてます。
• 95. ただAssetServerを使うには、 チームライセンスが必要。
• 96. この制作のためだけに 全員チームライセンスを 買うのはもったいない…。
• 97. 調べてみるとUnityの3.5から Git等でもバージョン管理が できるようになったらしい。
• 98. ダメ元でトライ！
• 99. Gitの設定は 「サルでもわかるGit入門」様 を参考にしながら設定しました。
• 100. 参考サイトを見ながら設定したら、 とりあえず指定したフォルダに コミットができるようになった！
• 101. やった！ これでバージョン管理できる！
• 102. 一緒にGitのテストをしてた メンバーとコミットしてみる。
• 103. 繋がらない。
• 104. どうあがいても絶望。
• 105. どうやら学校のサーバーが外部のネット ワークを遮断しているみたいで、勝手に そんなことさせねーよ！？っていう状態 だったらしい。
• 106. Gitというか、もはやバージョン 管理ソフトが全て使えない。
• 107. どこかからサーバを借りればよかったの だが、そんなお金はなかったので、自分 たちで作ってしまおうという話になる。
• 108. が、散々苦戦したあげく断念。
• 109. 結果：USB is ジャスティス ※学生に限る(?)
• 110. まとめ
• 111. さすがUnity 2D相手でも超強い。 ! ありがとうUnity
• 112. パーティクルなどと 組み合わせると、 よりアーティスティックに 仕上げられるので、 学生でもそれなりに クオリティの高いゲームが 作れちゃう！
• 113. 作れないと思ったものは 買っちゃう。 ! NGUIがなかったら GUIまわりは絶対に 完成しなかった。
• 114. ご清聴ありがとうございました。
• 115. 質疑応答などあれば… ※懇親会にも参加します。