2020 ソフトウェア設計及び演習用の班Wiki

19::gr07::システムUIチーム活動記録

中間発表よりチーム分け。

チームメンバー

  • 平井
  • 只野
  • 賀(画面間のデータ渡し)

活動記録・タスク割り振り

6月14日

チームに別れる

6月15日

 班wiki伝言板に現れた謎の人物様により、画像表示モジュールのラグが生じるバグが修正できた
 謎の人物様本当にありがとうございました

6月21日

 画像表示モジュールが一つのjsファイルに集中していたため合計で5つのjsファイルに分割した
 作業量に大幅な偏りがあるため、各自で自主学習等をするなど均等など対策を行って欲しい

6月23日

 5つに分けたjsファイルのテスト用html"test_disp.html"を用意した。キー入力も仕様通りに↑キーと↓キー、Enterキーに対応し、適切な画面遷移ができるようにした。また、中間発表では実現できなかった軽量化と、キー入力の範囲も指定した。

6月28日

 画面に表示される画像が重なる不具合を発見したため修正した。

7月5日

  • オプション画面に必要な画像を作成した
  • ホーム画面にBGMを追加した
  • Optionで設定した値を保存するCookieを使えるようにした

7月12日

  • システムUIを実行するhtmlを"systemUI.html"に変更
  • ボタンを押した時のSEを追加
  • ccokieの読み取り
  • オプション画面の追加
    • オプション画面から各種cookieの保存をできるようにした
  • アニメーションの追加
    • 曲選択画面のスクロール
    • 画面遷移時に左からの徐々に現れる
  • 各言語に対応したボタンの作成
  • 保存された言語設定に応じて適切なボタンを表示できるようにした

7月19日

  • 背景を動かすための動画作成(未完成)
  • 押されたボタンに応じて適切なSEが流れるようにした

7月29日 高谷

  • BGM再生を調整し、曲選択ごとに違うのを流すようにしました

7月30日 平井

  • 背景をgifに変更
  • 背景変更に伴い、必要な画像の追加
  • 各種ジャケットの画像の作成と配置
  • ボタンの位置の微調整
  • オプション画面にタイトルロゴの追加
  • アフツァーモードの追加
    • オプション画面からアフツァーの値を変更できるようにした
    • Cookieにアフツァーの値を保存するようにした
    • 値を変更し、画面遷移を行うとゲームモジュールへ移動するようにした

7月31日 平井

  • ゲームモジュールとの統合
  • 曲情報の記載と、各言語への対応
  • 画像の微調整
  • デバッグ

バグ

現在発生しているバグについて

  • 稀に背景が真っ白になる(再現方法不明)
  • ページをリロードした際にオプション画面のAdjustのカーソルの座標が0になる
    • Chromeで実行したところバグは発生しなかった

各ファイルの役割

systemUI.html

  • 以下に示す5つのjsファイルを読み込む
  • scriptにキー入力を感知して、変数を増減させるプログラムを記述してある
  • gemeモジュールで使用する各値をcookieに保存する
  • SEの再生
  • bodyにBGMを無限ループさせるプログラムを記述した(ゲーム画面に移行する際にフェードアウトさせたい)

preloadAssets.js

  • 画像やSE等のゲームに必要なものを事前に読み込む
    • html読み込み完了後に一回だけ実行する。

title_disp.js

  • タイトル画面に必要なボタンと背景を表示する

music_select_disp.js

  • 曲選択画面に必要なボタンと背景を表示する

difficult_select_disp.js

  • 難易度選択画面に必要なボタンと背景を表示する

option_disp.js

  • オプション画面に必要なボタンと背景を表示する

SE.js

  • SEを鳴らす

staff_disp.js

  • 制作者の名前を表示する

プロトタイピング後の実装予定物アイディア一覧

(7/31)上記のバグをのぞいて以下のすべてのアイディアを実装することができました。お疲れさまでした。

全画面共通

  • SEの追加
  • 言語選択の反映

スタート画面

  • タイトルとボタンのみでは画面が寂しく見えるため、
    • 背景の変更
    • オブジェクトの追加
  • タイトル画面のUIの大幅な変更
    を行いたい

曲選択画面

  • 画面遷移を行う際に切り替えが唐突過ぎるため、アニメーションによる自然な画面遷移が必要
    • タイトル画面のボタンを左にスライドさせながら徐々に消していく
    • 曲選択画面のボタンは動かさず徐々に現れるように?
    • 背景の変更も透過率を変えることで徐々に変更させる

難易度選択画面

  • 画面遷移を行う際に切り替えが唐突過ぎるため、アニメーションによる自然な画面遷移が必要
    • 曲選択画面のボタンを徐々に左にスライドさせる
    • 難易度選択画面のボタンは動かさず徐々に現れるように?

オプション画面

  • オプション画面の画像表示の実装
  • 値の保持等の関数は作成済み

    班wikiトップ


最終更新日:2019/08/02 11:44:28