ポートフォリオゲーム:第1章のシナリオと仕様、開発タスク洗い出し/Unityプロジェクトセットアップ:UIとカメラを複数解像度対応/デバッグ機能タスク整理【191日目】(2019/02/20)
https://gyazo.com/a39b71b419c3fc39c028f30f53365164
Porin.icon今日はプライベートの作業記録だよん!
◆作業記録の目次
1. ポートフォリオゲーム:第1章のシナリオと仕様、開発タスク洗い出し
2. Unityプロジェクトセットアップ:UIとカメラを複数解像度対応
3. デバッグ機能タスク整理
◆作業時間のタイムトラッキング結果
https://gyazo.com/6371c8cb8b08c7cf1008436904df59b7
https://gyazo.com/1aade9fca5bea70c0fe3db198305626c
https://gyazo.com/ea38e8d40023a4d62a667463b859b1d4
1. ポートフォリオゲーム:第1章のシナリオと仕様、開発タスク洗い出し
code:md
# 経歴解放まで
## Chapter1_1
### 目覚めの場所
- 暗闇→視界が晴れてくる
- 「目覚めた場所」からスタート
- 「矢印キーで進む」誘導
- 上に向かうと「だれかの部屋」へ
### だれかの部屋
- ゲーム機だけが置いてある
- ゲーム機から出るコードをたどると「PORINがいる場所」へ
### PORINがいる場所
- 最初の時点では「?????がいる場所」
- コンセントの先をたどると部屋の角にヘッドホンをしながらゲームをしている人物の後ろ姿が見える
- 人物にタップ誘導
- タップすると「ぶつぶつ...(ここで...回避して...よしっ!ここだ!)」などのセリフしか出なくて話しかけられない
- 壁の絵はタップ可能(真っ黒な状態)
## Chapter1_2
### だれかの部屋
- ゲーム機をタップすると電源をオフにできる→「電源をオフにしてみた」ダイアログ
- 画面が揺れる→「どこかから悲痛な叫びが聞こえた」ダイアログ
## Chapter1_3
### PORINのいる場所
- この世の終わりのような雰囲気を醸し出してる人物がいる
- 床に置かれたコントローラをタップ誘導→「PORINという名前シールが貼ってある。ここにいるこの世の終わりのような雰囲気を醸し出してる人物はPORINというらしい」ダイアログ
- タイトルが「?????がいる場所」から「PORINがいる場所」に変わる(演出ありにしたい)
- 解放演出「フィールドの名前を発見した!」
- PORINをタップ可能に→タップ誘導
- PORINをタップする
- タップごとにセリフが変わる→「セーブデータが...。」→「1000時間かけたセーブデータが...」→「...ん?....っっ!?な、なんで!!ここに私以外の...っ!」→「(またいつもの幻想が現れたか...。いつもみたいに一回目を閉じて深呼吸すれば消えるはず...。)」→「(...消えない。)」→「今回の幻想はしつこいな...まあなんでもいいか。私、犬好きだし。」
- セリフを出し切ったらあとはタップすると「よしよし(なでなで)」
- 絵が光ってタップ誘導
- 絵をタップ→絵を拡大すると真っ黒だった絵が変わって一つ書き足されてる
- 書き足された絵をタップするとポートフォリオ"経歴"が表示される
- 絵を閉じる→解放ダイアログ「ポートフォリオ "経歴"を解放した」
- 解放ダイアログ表示後、「だれかの部屋」の中身が変わる(Chapter2へ)
code:md
# ステージ
## 種別
- スタート画面
- PORINの場所
- 目覚めた場所
- だれかの部屋
- 屋根裏(最初は隠れている)
## 位置関係
屋根裏
↑
だれかの部屋→PORINの場所
↑
目覚めた場所
## 共通(スタート画面以外)
### UI
- わんこ主人公だし犬モチーフがたくさん使われているUIがいいな〜
- ヘッダー
- 場所名
- ダイアログ
- 対象をタップすると表示
- セリフや説明文を表示
- メニューボタン
- 操作説明
- クレジット
## スタート画面
- 続きから
- データはそのままで「目覚めた場所」から再開
- 最初から
## 探索(目覚めた場所、だれかの部屋、屋根裏)
### 仕様
- 方向キーでWANKOを移動
- クリックできるオブジェクトはWANKOが接触した状態でのみタップ可能
- クリックできるオブジェクトにWANKOが接触したら吹き出しが出る
- 基本スプライトで画像を描画する
- 画面外にはみ出したら、場面を切り替える(切り替える画面は方向によって違う。位置関係参照)
## PORINの場所
### 仕様
- WANKOの移動操作はできない。UIタップ操作のみ
### UI
- PORIN
- 「だれかの部屋」へ戻るボタン(わんこ)
- 解放演出ダイアログ(ゼルダの伝説アイテムダイアログみたいなの)
- 壁の絵(タップでポートフォリオダイアログ)
- ポートフォリオダイアログ
- 解放前は真っ黒に塗りつぶされてる
- 解放されると絵が足される
- 絵を押すとダイアログ表示
- 4つまで解放可能完成形はデザインの時に考える
開発タスク
ひとまずここまで
https://gyazo.com/93918b5db44bb06fe82649ecc02e1807
https://gyazo.com/ea38e8d40023a4d62a667463b859b1d4
2. Unityプロジェクトセットアップ:UIとカメラを複数解像度対応
Unity最新版の2018.3.6f1を使用
過去のものは削除
◆ UIを複数解像度対応させる
https://gyazo.com/3f96d434030336fe831b2d1f41d3dda1
◆ カメラを複数解像度対応させる
スプライト向け
MainCameraに以下のスクリプトをアタッチ
code:CameraController.cs
public class CameraController : MonoBehaviour
{
private void Awake(){
// 開発時の縦横比
float developAspect = 1024f / 750.0f;
// 実機のサイズを取得して、縦横比取得
float deviceAspect = (float)Screen.width / (float)Screen.height;
// 実機と開発画面との対比
float scale = deviceAspect / developAspect;
Camera mainCamera = Camera.main;
// カメラに設定していたorthographicSizeを実機との対比でスケール
float deviceSize = mainCamera.orthographicSize;
// scaleの逆数
float deviceScale = 1.0f / scale;
// orthographicSizeを計算し直す
mainCamera.orthographicSize = deviceSize * deviceScale;
}
}
https://gyazo.com/ea38e8d40023a4d62a667463b859b1d4
3. デバッグ機能タスク整理
こんな感じ
https://gyazo.com/682f24ec2ca658d63e1402680b3ff11b