初めまして。UIデザイナーの小田原です。
アプリボットで実施された『ユニデザ強化合宿』について紹介したいと思います。

『ユニデザ強化合宿』とは

デザイナーのUnityスキルを短期集中で実務レベルに引き上げることを目的とした施策です。デザイナーが実務レベルでUnityを使用できると、細かい作業であればエンジニアの工数を取らずゲーム開発を進めることができ、開発スピードが上がります。そこで、この先Unityを使った開発が多くなることを見据え、『ユニデザ強化合宿』の実施が、アプリボットの経営戦略などを議論する重要な会議『みらい会議』で決議されました。

合宿内容

この施策は、3回の事前講義と、2泊3日の合宿で実施されました。

◆事前講義

まずはUnityスキルの基礎知識を学ぶため、合宿前に社内にいるエンジニアが講師となり、3回の事前講義が実施されました。
img_01
講義では以下の基本的な操作や、発展的な操作を学びます。
——————————————————————————–
【1回目】
◇Unityの基本操作
・Canvasの配置と設定
・Imageの配置と設定
・ImageUIコンポーネントの作成と設定
・アンカーとピボット
・TextとButton
・新しいシーンの作成
・シーンの遷移
・Prefabについて
・AutoLayout
etc…

【2回目】
◇アニメーション
・AnimationとTween
・Tweenいろいろ
・簡単なAnimationをつけてみる
・Animatorについて
・同じ動きをDoTweenで再現してみる
etc…

【3回目】
◇発展的なUI
・9スライス
・UVスクロール
・アトラス/SpriteAtlas
・テクスチャサイズ
・フォント
・スクリプト(TextMeshPro等)
・Slider
・スクロールビュー
etc…
——————————————————————————–
講義の後は、わからないところを講師エンジニアに聞く時間をとり、疑問点を解消。
そして、各自で与えられた課題図書を読み込んで合宿に備えました。

【課題図書】
uGUIではじめるUnity UIデザインの教科書-Unity5対応
UnityゲームUI実践ガイド 開発者が知っておきたいGUI構築の新スタンダード

◆合宿当日

合宿は会社から離れた多摩の研修施設で実施されました。デスクトップPCも持ち込み、短期集中で学ぶには最高の作業環境です!
img_02
課題は
実際にリリースされているアプリボットのゲームのUIやアニメーションを完全に再現する
という講師エンジニアが練りに練ったもの。

(あえて)突然の仕様変更もあったりと、Unity経験の浅いデザイナーにとってはかなり難易度が高い内容でしたが、全員真剣に課題と向き合っていました。

最終結果

最終日には、採点項目に応じて得点がつき順位が発表されました。事前の講義でも習っていない内容が採点項目に含まれていましたが、受講者の学習意欲が高かったため、高得点を獲得する人が多い結果となりました。

実際に制作した画面と採点項目(一部)はこちら。
※現在リリースされているものをベースに変更している画面もあります。

 


【採点項目の一部】
・画面を構成する全てのUI要素が配置されている。
・マルチ解像度が対応されている。
・背景アニメーションが再現されている。
・TAP TO STARTが点滅する。
・画面上タップでメニュー画面へ遷移する。
・ポップアップが開く/閉じる。
・スクロールが再現されている。
・スライダーが再現されている。
・タップエフェクトが再生される。
・ヒエラルキーの階層構造が整理されている。
etc..

まとめ

『ユニデザ強化合宿』はサイバーエージェントのゲーム事業部の中でも前例の無い試みでしたが、講師エンジニアやバックオフィスの方々の協力があり、当初の狙い通り業務に直結する取り組みとなりました。

特に、『基礎力』と『調べる癖』がついたことで、エンジニアとデザイナーの間にある細かい業務(位置調整や画像の差し替え等 )や、変更する際の影響範囲の予測等が以前よりも出来るようになり、開発時のコミュニケーションが取りやすくなりました。

この施策は近々ゲーム事業部全体でも実施される予定なので、横軸でも更にいいものづくりができるよう切磋琢磨していきます!

課題に使用されたアプリ情報

タイトル : 「グリメロ〜グリモワールメロディプロジェクト〜」
ジャンル : リズムゲーム
利用料金 : 基本無料プレイ
【iOS版】https://itunes.apple.com/jp/app/id1327285628?l=ja&mt=8
【Android版】https://play.google.com/store/apps/details?id=jp.co.applibot.grimelo&hl=ja
「グリモア〜私立グリモワール魔法学園〜」公式サイト : http://grimoire.applibot.co.jp/
「グリモア〜私立グリモワール魔法学園〜」公式ツイッター : https://twitter.com/Grimoire_Staff

「グリメロ〜グリモワールメロディプロジェクト〜」とは
「グリメロ〜グリモワールメロディプロジェクト〜」は、スマートフォン向け学園ライフアドベンチャーゲーム「グリモア〜私立グリモワール魔法学園〜」(以下、グリモア)のスピンオフアプリで、グリモアから発表したキャラクターソング全 13 曲で遊ぶことができるオリジナルリズムゲームです。