【週報】戦闘UI実装（ウディタ）【新作RPG進捗】#14
記事の末尾に今週作製したUIの作成手順を備忘録的に掲載しています。
超ゴリラ実装なので、もっとスマートなやり方あったら教えてくれると嬉しいです。
進捗
先週宣言してた今週の予定は下記のとおりです
①：モンスターとの戦闘内容について開発します
・ゴブリン
・オーク
・ワーウルフ
・オーガ
・触手生物
②：装備品およびアイテムの調整をします
モンスターとの戦闘内容に影響してきます
③：分岐エンディング用の文章およびスチルの作成をします
今回は複数エンディング実装する予定です
▼
▼
▼
で、今週は何をしたかと言いますと
▼
▼
▼
戦闘画面のUI調整をしました
予定とは違いますけど、満足したのでオッケーです
UIの改造は長年やりたかったことでした
来週の作業予定
上記の通りですので、来週の作業予定はそのまま前のものを引き続き使います。
すなわちこうです
①：モンスターとの戦闘内容について開発します
・ゴブリン
・オーク
・ワーウルフ
・オーガ
・触手生物
②：装備品およびアイテムの調整をします
モンスターとの戦闘内容に影響してきます
③：分岐エンディング用の文章およびスチルの作成をします
今回は複数エンディング実装する予定です
▼以下、実装内容の備忘録
（無改造の基本システムを想定）
HP・SPバー(HP・SPゲージ)の形を変える
▼ 以下のようにHP・SPバーの形状を極太に変えて
▼手書きの枠を用意する
▼そして、ゲージの上に被せてあげる
この段階だとまだ余分なゲージが見えているので……
▼別途、このような画像を用意する
これはマスク用の画像
▼そして、以下のようなコマンドでHP・SPゲージにマスクをかけてあげます
（マスク機能はイベントコマンドの[B エフェクト] の上段プルダウンにある 詳しくは公式サイト）
マスクをかけるときは以下の2手順を踏まないといけません
①：マスク範囲を指定するコマンド
②：指定したマスクをマスクしたい画像にかける
| |■ﾋﾟｸﾁｬ表示：10902 [左上]ﾌｧｲﾙ｢07_mask/ゲージ枠.png｣ X:0 Y:0 / 0(0)ﾌﾚｰﾑ / ﾊﾟﾀｰﾝ 1 / 透 255 / 通常 / 角 0 / 拡 100％ / ｶﾗｰ R[100] G[100] B[100]
| |■ﾋﾟｸﾁｬ表示：10903 [左上]ﾌｧｲﾙ｢07_mask/HP_SP_text.png｣ X:0 Y:0 / 0(0)ﾌﾚｰﾑ / ﾊﾟﾀｰﾝ 1 / 透 255 / 通常 / 角 0 / 拡 100％ / ｶﾗｰ R[100] G[100] B[100]
| |▼ ここでマスク！
| |■マスク機能：[ﾏｽｸに非表示範囲(白)を追加] =>[07_mask/マスク_HP_SP.png] X0 Y0 (左上)
| |■マスク機能：[このﾋﾟｸﾁｬIDをﾏｽｸ対象にする] => ID 10110 ～ 10113
| |■マスク機能：[このﾋﾟｸﾁｬIDをﾏｽｸ対象にする] => ID 10115 ～ 10118
| |■マスク機能：[このﾋﾟｸﾁｬIDのﾏｽｸ解除する] =>ID 10114
▼そうすると……こうなる
改造したコモンイベントは以下のような感じです
X[戦]敵キャラ_単体描画
X[戦]敵キャラ_座標算出
X[戦]味方欄_単体描画
X[戦]味方欄_座標算出
X┃┣◆味方コマンド選択
X[共]万能ｳｨﾝﾄﾞｳ描画処理
今回は省略した部分も多いですが、余裕のある時に他の部分についても記述します
今週も応援ありがとうございました
また来週も宜しくお願いします