「【増員！130名】【#TechBuzz】第16回 Unity 勉強会 Unityでつくるデジタルサイネージ / 学生がUnityで2Dゲームを作るとこうなる / IGDA Japan 福島GameJam2013開催報告と3年目の福島」にて発表した資料です。

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. 質疑応答などあれば…
※懇親会にも参加します。