【ゲーム制作進捗Part16】デフォルトイラストの製作やデバッグを行っています

こんばんは！
パワードコアラです。

中央パッドに表示するデフォルトのイラストを描きました

デフォルトちゃんA、B、Cの合計3パターンです。

↓デフォルトちゃんA　元気な女の子です。

↓デフォルトちゃんB、C　色白と褐色の双子です。

この3人をデフォルトとして最初に設定する予定です。

ひとまず裸差分を用意してみましたが、
余裕があるようでしたら表情差分等も用意しておまけフォルダ的なところに置けたらなと思っています。

↓裸差分です。　大きくても小さくても好きです。

中央パッドに表示する画像のサイズ等について

ゲーム中の画像を差し替えるにあたって、対応する拡張子や仕様について書いていきたいと思います。

対応する画像の形式はJPGかPNG形式で、
画像自体のサイズは少し縦長で一辺が1000px前後だと綺麗に表示できます。

以下、実際のゲーム画面でどんな感じに表示されるか見ていきたいと思います。

↓正常に表示されている状態です。　この画像サイズは高さ1200px　横1000pxです。

↓横のサイズはそのままに、縦のサイズを1700pxにして表示している様子です。高さ1700px 横1000px

↓縦のサイズはそのままに、横のサイズを3000pxにして表示している様子です。高さ1200px 横3000px

このように、極端に縦や横に長い画像を表示する場合、中央パッドに黒い余白ができてしまいますがこれは仕様とします。
この仕様について、作品公開後に専用のページをCi-en上で作る予定です。

また、画像解像度が低い画像を表示する場合はぼやけて表示されます。

↓高さ120px　横100pxの画像を表示している様子です。低解像度のためぼやけます。

デバッグを行っています

全体の機能を通してデバッグを行っています。

以下、問題が発覚してそれを修正する流れの一例です。
(表示のバグ)右側パッドのデータ欄入力時、表示がおかしくなる場合がある

エンターで改行を繰り返すと枠外へはみ出てしまう問題を発見しました。
↓実際に表示バグが起きている状態と、それを修正した様子です(!ゲーム内BGMを新たに追加したりしているので音が出ます!)

UnityのInputFieldという機能を使ってゲーム内に文字を入力できるようにしているのですが、どうもこの機能への複数行入力を許可した時の挙動が安定しない気がしてかなり苦戦しました。
結果的に、データ欄には5行まで入力を受け付けそれ以上入力しようとするとエラーとする仕様にしました。
また、入力を確定するのにエンターではなく枠外をクリックする必要があります。

↓枠外をクリックすることによって5行目の入力が確定する様子(エンターを押していくとエラーになる)

技術不足によってこの部分が少し難解な操作になってしまったので、この右側パッドのデータ欄についてもCi-en上で専用のページを作りたいと思います。

今後について

すべての機能をデバッグ作業した後、ストアページ用の素材(作品タイトル画像や説明文など)の準備を始めていく予定です。

なんとなく完成が見えてきた時期なので、また気を引き締め直して作品作りに臨みたいと思います。
また進捗があったら記事にしたいと思うので、チェックしていただけるととてもうれしいです！

【ゲーム制作進捗Part15】壁尻用の画像を変更・差し替えができるようになりました

こんばんは！
パワードコアラです。

画面右側のパッドに専用のボタン群を追加して、ゲーム中に画面中央パッドに表示されている画像を切替・差し替えることができるようにしました。

左右の矢印を押すことによって画像を切り替えます。この順番はImagesフォルダ内に格納されている画像順になっています。

真ん中の顔アイコンをクリックすると中央パッド用の画像を格納するフォルダが開きます。このフォルダの場所は ゲームフォルダ/Data/Imagesとなっていて、ゲーム中でなくてもこのフォルダ内の画像を差し替えれば変更することが可能です。
また、画像の枚数に制限をかけていないので現状では何枚でも画像を読み込むことができます。(これから枚数限界を定める可能性大)

右上の更新ボタン(丸の矢印)を押すことでフォルダ内の画像変更を読み込みます。

実際に画像を入れ替え・差し替えている様子です。(!音が出ます!)
↓

少し手順がややこしいかもしれないので、作品完成後にCi-enの方で画像差し替え手順の記事を作ろうと思っています。

機能としては一通り作ることができたので、後は完成度を高めていく工程に移っていきます。(今まで目をつむっていた部分がいっぱい・・・！)

より良いものになるよう、全力で作りこんでいきたいと思います。
また進捗があったら記事にしたいと思うので、チェックしていただけるととてもうれしいです！

【ゲーム制作記録】Unityで動的にLive2Dモデルのテクスチャを入れ替える

こんばんは!

この記事は制作過程で悩んだ記録を残しておこうという内容です。
ゲーム制作の進捗報告はひとつ前の記事で行っています。
そちらもよろしくお願いします！

(個人用メモに近いので少し砕けた書き方をしています。)
今回はゲーム中にLive2Dモデルのテクスチャを色違いのものに切り替えたいという問題について悩んだ記録。

お尻の色を変えたい。

結論

結論としてはアートメッシュがそれぞれ個別でMainTextureの設定を持っていたので、
切り替えたいパーツ(ArtMesh)単位でテクスチャの設定を切り替えていく方法で実現することができた。
(詳細は本記事最後の方に記載)

以下は実装までの記録

公式マニュアルを読んでみる

Live2Dが用意してくれているマニュアルに、「ランタイムにモデルを読み込む」という内容のページがあった。
［Live2D公式マニュアル］(https://docs.live2d.com/cubism-sdk-tutorials/initializemodel/)

動的にモデルを読み込むことができればテクスチャの設定を切り替えることも同時に実現できそうだが、マニュアルの方法だとその都度シーンにモデルを新しく生成するようだ。
これだとコンポーネントなどの設定がされていない素の(?)状態なので再度スクリプト上で必要な設定をモデルに対して組み込んでいく必要があるように感じた。(深く確かめていないので確かではない)

また、
既存の方法：Live2DモデルをUnityにインポートすると自動で生成してくれるプレハブをシーンに置いて使う
(フォルダ構成は割と自由)

ランタイムモデル読み込み：「StreamingAssets」というフォルダにLive2Dモデルを格納し、特定のタイミングでそのパスを渡してモデルを新たに生成する

と結構流れが違ってくる。
ある程度全体像が出来上がっている今から変更するとなると少し怖いなと思ったので、別の方法を探すことにした。

.setTexture

マニュアルによれば、以前のバージョンでは.setTextureというメソッドがあり、それでモデルのテクスチャ設定を行っていたようだ。
最近のバージョンだとこの機能が前述のランタイムモデル読み込み方式に変更されている。

ピンポイントでテクスチャの設定ができそうだったので.setTexture使いたかった・・・。

アートメッシュそれぞれがテクスチャの設定を持っていた

半ば放心状態でインスペクターを眺めていると、Drawable(アートメッシュ)にMainTextureという項目を見つけた。

あるアートメッシュのインスペクター
↓

model3.json(モデル設定ファイル)にテクスチャの項目があったのもあり、今までモデル全体を通して共通のテクスチャ設定を使っていると思い込んでいたので衝撃を受けた。
個別で設定持ってるならなんだかいけそう。

実際に行った実装方法

アートメッシュ単位でテクスチャ設定を切り替える方法をとることにした。

流れはこんな感じ
↓

using UnityEngine;
using Live2D.Cubism.Rendering;

public CubismRenderer artMesh;
public Texture2D mainTexture;

//どこかから呼ぶ
private void SetTexture()
{
	artMesh.MainTexture = mainTexture;
}

CubismRenderer型でアートメッシュ、Texture2D型でメインテクスチャを宣言する。
アートメッシュのMainTextureにメインテクスチャを代入すればテクスチャを切り替えることができた。

この方法だと、こんな感じで一部分のみ切り替えたりできる。 すごく気持ち悪い。
↓

欠点としては、色を変えたいアートメッシュの数だけ変数宣言・代入を行うので
大幅な色切替の場合はすごい数の変数操作が必要になること。

別の実装方法案

• 案1：そもそもmodel3.jsonのテクスチャ参照先をスクリプトで書き換えれば解決なのでは・・・？(未確認)
  - なぜ思いつかなかったのか

• 案2：同じメッシュの形で同じデフォーマに格納されていれば同じ動きになるはずなので、Live2Dモデルの時点で色違いアートメッシュを作っておき、それらの表示を適宜切り替える(だいぶ力技)
  - Activeを切り替える　or　Opacity(透明度)を変更する

【ゲーム制作進捗Part14】肌色変更ができるようになりました

こんばんは！
パワードコアラです。

(サムネイル用GIF画像)

肌色変更ができるようになりました

ゲーム中、いつでも変更することが可能です。
現状は色白、デフォルト、褐色の3パターンを選択することができます。
精子付着状況やその時使っているアイテムなど、全く同じ状態で肌色のみ変わります。

実際に色変更している様子です。(!音が出ます!)
↓

変更可能な色を増やそうか検討中です。

今後の予定

中央のパッドに表示されている画像をスムーズに切り替えることができる仕組みを作ろうと思っています。
現状はroot/Data/Imageフォルダ内にある画像ファイルを差し替えればパッドの画像も切り替わるようになっていますが、少し分かりづらいのといちいちゲームを終了しないと切り替えることができないのでもう少し良い画像の切り替え方法を探してみたいと思います。

また進捗があったら記事にしたいと思うので、チェックしていただけるととてもうれしいです！

【ゲーム制作進捗Part13】ボタン等のUIを作成してオートモードを追加しました

こんばんは！
パワードコアラです。

(サムネイル用GIF画像)

ボタンなどのデザインを変更しました

ボタンなどがUnityのデフォルトのままだったので、全体的な画面のUIデザインを行いました。
全体的に緑色で作ってみました。
アイテム欄は状況によって大きさが切り替わります。

実際に変更したUIで操作している様子です。(!音が出ます!)
↓

何が変わったのかわかりづらいと思うので、一応デザイン変更前の状態を貼っておきます。
こんな感じでシンプルなデザインでした。
↓

オートモードを追加しました

男根かバイブの注挿操作に対してオートモードを追加しました。
速さは低速・中間・高速の三段階選択可能になっています。

実際にオートモードが動作している様子です。(!!音が出ます!!)
↓

オートモード中は男根とバイブの注挿操作はできませんが、ほかのアイテム操作は変わりなく行うことができます。(射精やバイブの振動関係の操作はオート中でも可能です。)

今後の予定

残る工程で大きなものとして認識しているのが、中央のパッドに表示する画像をスムーズに変更できる仕組みを作ることと、肌色を変更できるようにする工程です。

どちらから着手しようか決めかねていますが、進め方のイメージが付いた方から取り掛かっていきたいと思います！

また進捗があったら記事にしたいと思うので、チェックしていただけるととてもうれしいです！