Slide 1

Slide 1 text

<MIXI 23卒ゲーム研修> Game Develop 実践課題 多人数アスレチックゲーム

Slide 2

Slide 2 text

【題材】 多人数アスレチック ゲーム開発 1) day 1 a) まずはプレイ会     〜シングル・マルチ〜 b) ハンズオン(1) 2) day 2 a) ハンズオン(2) b) 自由選択開発 c) 発表

Slide 3

Slide 3 text

day 1

Slide 4

Slide 4 text

課題ゲーム みんなでプレイ会 オリジナルAthleticアプリ Download …MacOS・Windows ● 「Single」をためそう ● チーム対抗で「Multi」プレ イしよう

Slide 5

Slide 5 text

ハンズオン(1) アイテムに関する機能を 実装 1) アイテムを拾う 2) 回復アイテム 3) 手錠アイテム

Slide 6

Slide 6 text

day 2

Slide 7

Slide 7 text

ハンズオン(2) バトルロワイヤル系ゲーム の機能を実装 1. 体力ゲージ 2. パンチ攻撃 3. ミニマップ

Slide 8

Slide 8 text

自由選択開発 選択課題解説を参照して 取り組んでください 1. EXTRA課題続き 2. フィールド作成 3. キャラクター作成 4. UI編集

Slide 9

Slide 9 text

目標設定 相談して目標設定xlsxを シートコピーして書き込 んでください 目標設定要点 1. コンセプト 2. 選択予定課題 3. 役割

Slide 10

Slide 10 text

各チームの発表 <1チーム 8分>を使った プレゼンテーション 1. チーム紹介 2. 何を目指したか 3. 成果は何か 4. それぞれが何をしたか 5. どんな工夫発見があっ たか

Slide 11

Slide 11 text

<MIXI 23卒ゲーム研修> Game Develop 実践課題 自由選択課題解説 作業3 h 30 min + 1 Team 8min発表

Slide 12

Slide 12 text

目標設定 要点 1. コンセプトの設定 2. 選択予定課題の設定 3. 役割の設定 <設定シート>のテンプレート をシートコピーして記入

Slide 13

Slide 13 text

自由選択課題用Packge 追加素材のPackageをインポートしてください。 Unity Package : Download 課題ごとの指示に応じて使用します。

Slide 14

Slide 14 text

SELECTABLE EXTRA MISSION 1. EXTRA課題続き a. 仲間の方を向く b. 他キャラへのガイド矢印 c. ピン表示 d. 監視ツール作成 2. オリジナル3Dフィールド作成ステージ追加 a. PackageManager.ProBuilder import b. チェックポイント通過型の綱渡アスレチックマップ c. 物理障害物避けアスレチックマップ d. 空間がすてきなマップ 3. キャラクター編集/作成/テクスチャ変更 a. 顔テクスチャを変えてカオス空間 b. キャラモデルを変更追加してオリジナルテーマに 4. UI a. 既存テロップをリメイクしてオリジナルテーマに b. オリジナルテロップ演出追加で表現やルールをユニークに

Slide 15

Slide 15 text

課題の目的 1. 3D空間の計算、スプライトやmodelの表示に関する知見と技術 2. 監視ツールにおいてEditor拡張ツール開発の知見 3. 監視のためのHack行為および情報の信憑性 1. EXTRA課題続き a. 仲間の方を向く b. 他キャラへのガイド矢印 c. ピン表示 d. 監視ツール作成 2. オリジナル3Dフィールド作成ステージ追加 a. PackageManager.ProBuilder import b. チェックポイント通過型の綱渡アスレチ... c. 物理障害物避けアスレチックマップ d. 空間がすてきなマップ 3. キャラクター編集/作成/テクスチャ変更 a. 顔テクスチャを変えてカオス空間 b. キャラモデルを変更追加してオリジナル... 4. UI a. 既存テロップをリメイクしてオリジナル... b. オリジナルテロップ演出追加で表現やル... 1. レベルデザイン、model制作や利用に関する知見と技術 2. 新たなゲームルール、イメージ・モチーフの創造表現 1. テクスチャ、model制作や利用に関する知見と技術 2. 新たなイメージ・モチーフの創造表現 1. UI制作や利用に関する知見と技術 2. Animator/Mecanim、ステートマシンによる遷移の知見 3. 新たなイメージ・モチーフの創造表現

Slide 16

Slide 16 text

取り組み方に関する 解説

Slide 17

Slide 17 text

ゴール:メンバーリストのボタンを押すと、キャラがその方向を向く 実装箇所 1. CharacterController.LookAtTargetPlayer() 2. MemberListScene.OnClickMemberButton() 実装方法ガイド 1. Quaternion.LookRotation で他キャラクターへの向きを取得 ○ transform.rotationに設定 2. OnClickMemberButton()からUpdateLookAtArrow()を呼び出す ○ ゲーム画面右側のメンバー一覧ボタンに対応 1.仲間の方 を向く 1. EDXTRA MISSION 続き

Slide 18

Slide 18 text

2.他キャラへ のガイド矢印 ゴール:メンバーリストのボタンを押すと、キャラがその方向を向く 実装箇所 1. CharacterController.LookAtTargetPlayer() 2. MemberListScene.OnClickMemberButton() 3. GameSettings.ResourceDefine 4. GameSystemManager.Start() 実装方法ガイド ★ 「1.仲間の方を向く」の続きから取り組んでください。 1. 3D矢印を自キャラ→ターゲットキャラの方向に向かせる 2. ボタンのコールバックで1の関数を呼び出す 3. 3D矢印Prefabをロードできるように設定 4. 3D矢印Prefabをロード & Instantiate()する 1. EDXTRA MISSION 続き

Slide 19

Slide 19 text

ゴール:「P」キーを押したらマウスの位置にピンを表示する 実装箇所 1. HUDPingController.cs 2. GameSettings.cs 3. GameScene.cs 4. GameSystemManager.Action() 実装方法ガイド 4. クリック位置を取得するには、Camera.ScreenPointToRay()で3D空間にレイを飛ば す a. キーを押したかチェックするには「Input.GetKeyDown()」でチェック b. Pキーは「KeyCode.P」に対応 3. ピン表示 1. EDXTRA MISSION 続き

Slide 20

Slide 20 text

ゴール:プレイヤーが瞬間移動したことを検知して、 Editorウィンドウに表示 実装箇所 1. GameMonitoringWindow.cs 実装方法ガイド ★ プレイ中に「shift+i+4」「shift+i+5」で瞬間移動する機能があります ○ この機能を使ったことを検知し、エディター上のウィンドウに表示 1. Editor拡張コードを以下のパスに作成する。※必ずEditorフォルダ配下に置く edugames-athletic/Assets/AthreticPrj/Editor/GameMonitoringWindow.cs ● 別紙「Unity 実装テクニック集」xii. エディタ拡張 を参考にウィンドウを作成 ○ custom > GameMonitoringWindowで開く ● 前フレームからの移動距離をUpdateで監視し、しきい値を超えたらラベルに表示 4.監視ツー ル作成 1. EDXTRA MISSION 続き

Slide 21

Slide 21 text

2. オリジナル3Dフィールド作成ステージ追加 1. Menu>Window>Package ManagerからPackageManagerを開き、 写真のように Unity Registryモードにする 2. Package Managerの検索窓に「probuilder」を入力して表示されたものを Installする ProBuilder import手順

Slide 22

Slide 22 text

Export+ボタン 保存 2. オリジナル3Dフィールド作成ステージ追加 1. Menu>Tools>ProBuilder Windowでメニューを表示 3.ProBuilderメニュー>New Shape 「+」から、 Shape Toolウィンドウで作成する形状を選択して「Build」 4. 形状編集を終えたら ProBuilderメニュー>Export「+」から「Prefab」 形式で「Export」実行してファイル化 選択ツール 頂点/辺/面 New Shape+ ボタン Build 2. ProBuilderメニューの「...」からText Mode ProBuilder asset作成 保存手順 ※下記基本操作以外は検索して試しましょう

Slide 23

Slide 23 text

2. オリジナル3Dフィールド作成ステージ追加 Athletic プロジェクト 設定 1. 既存シーンを参考にしながら新規シーンにObjectとComponentを配置しScenesフォルダに任意のStagefield+id で名前をつけて保存。...AthreticCheckpoint / AthreticDeadarea / AthreticGoalarea / ItemPlaceTarget をつけること 2. StreamingAssets/stagelist001.json に既存ステージ設定を1行コピーしてidを変更する

Slide 24

Slide 24 text

● マルチモード対応にするには通信相手にも同じ変更 (ブランチ共有がよい)を適応すること プレイヤーキャラの確認方法 3. キャラクター編集 ● [prefabの編集]シングルプレイ用Character  >> micobot ● [prefabの編集]オブジェクトの編集 ● [prefabの編集]マルチプレイ用Character  >> micobot_Photon ● Assets/MixiSampleAsset/CharacterRobot/Ass et/robot/RobotHeadMat 2.mat ● [Materialの編集]顔テクスチャー編集 既存の編集 新規作成 ● ProBuilderPackage(※前項参照) での 作成&出力とComponent移植。

Slide 25

Slide 25 text

4. UI ● [prefabの編集]インゲームUIのprefab ● ui_ingameノードを選択しAnimation Controllerをダブルクリック ● Animatorウィンドウ>Parameterタブからトグルスイッチを操作 (再生中) インゲームUIとテロップアニメーションを確認する方法 ● ctrl + N (command + N)にて新規シーン作成 ● テンプレート選択をEmptyに指定する ● テンプレート選択をEmptyに指定する ● ui_ingameをDrag&Drop ● 「再生」 ● bg をEnable(可視)にする