VRoidStudioで衣装を作る時に、半透明なテクスチャは使えない。*1
だからといってブレンドする以外に不透明度に使い道が無いわけではないというメモ。
この記事は↓のポストをまとめなおしたもの。
VRoidStudio×透過画像
— くろ(さき)² (@hokuhou_seiki) 2025年10月4日
1px～4px幅の透過度グラデを貼ってみたテスト。
・合計の不透明度が50%以下の部分は消える。
・100→50%の間でも減少に応じてエッジが削れていく。#VRoid pic.twitter.com/u8LOVVceHN
不透明度の閾値
不透明度による変化を見るために透明度グラデーションの画像を試してみる。
幅は１px、２px、３px、４px。
- 不透明度が50%未満になると非表示になる。
- 不透明度100～50%では、不透明度が低いほどエッジが削れる。*2
ぼかしをかけた場合のエッジの比較
ぼかしをかけた画像のエッジの取り扱いの比較をしてみる。
- ぼかしなしの部分も、多少ぼかしが入れられてしまう。
- ぼかしが入っているとエッジが滑らかになる。
ドットのガタガタ感を出したい場合はぼかさない方が良い。
普通の滑らかな形状にしたい場合は、エッジはなるべくぼかしたほうがよさそう。
穴あき画像とエッジ
穴の開いている画像の取り扱いを調べてみる。
まず、１×１～４×４pxの穴あき画像＋その穴を埋める画像の透過度変化。
穴埋め画像の不透明度を変えていく。
穴埋めレイヤー（B）について、
- 不透明度が50%以下になるまで穴はあかない。
- 不透明度が50%以下になると、不透明度に応じて穴が広がっていく。
- 穴埋めレイヤー非表示でも、穴のエッジは丸い。
ただ穴があいているだけだと、角は丸まってしまう。
ただし、丸いと言っても１px単位で見えるところまで近づいたときの話である。
次に、穴埋めレイヤーを非表示、サイズ違い穴レイヤーの不透明度を変えてみる。
- 不透明度に応じて穴が広がり、角がとがっていく。
- 不透明度51%でほぼ画像通りの穴形状になるが、穴サイズは大きくなっている。
全体を薄くしないでも、穴のエッジまわりの不透明度だけを下げれば良いかも？
エッジ処理と隣り合う透明部分の影響
白い四角の後ろに、一回り（片側１px）だけ大きい四角を置いた画像で確認する。
後ろの四角は同色（白）、黒、赤とした。
- 外周に色付きのエリア（不透明度1%以上）があると、その色が隣り合う不透明部分に反映される。
- これを利用して、幅1px以下のエッジカラーが付けられる。
- 強制的にぼかしが入るため、ぼかしの無い画像のエッジは意図しない色がつく。*3
外部のペイントソフトで、きっちりエッジを落とした衣装を作ると影響が出るあたり。
エッジに意図しない黒フチや白フチが発生する原因になる。
不透明度を利用した細い模様いろいろ
ここまでの内容をうまく利用すると、幅１px以下でエッジ形状などが制御できる。
細いジグザグとか
１pxのドットでも、配置と透明度次第でいろいろな細い模様が作れる。
隣り合う色の不透明度に応じて角の丸みや細さが複雑に変わることが分かる。
実はかなり細かく模様が作れるっぽい。
ボーダー柄のいろいろ
１pxだけずらした１pxストライプ模様の組み合わせのテスト。
隙間を埋める画像レイヤーの不透明度が50%以下になると細い透過部分が発生する。
これを使えば幅１px未満の細い透過部分を作ることができる。
次に、１pxのストライプ柄自体の不透明度を変化させてみる。
不透明度に応じて細さが変わっていき、50%以下では全く表示されなくなる。
これを用いて１px未満の細い表示領域を作ることもできる。
VRoid用のアイテムで使った例
この夏に作ったアイテムは、このへんを意識して作っている。
エッジ処理だけでなく、メッシュの形状を制御したりするのに用いた。
水着のパレオのメッシュ
８月に配布開始した水着のメッシュは、形状の異なる２種のメッシュを作ってみた。
水滴っぽい穴とひょうたんっぽい穴を作ってみた。
この穴はいずれも、元のテクスチャ上では幅１pxの穴である。
ただし、穴の周辺の透明度を色々変えている。
水滴模様の幅は１pxになっている。
穴部分は縦に並んだ3pxで構成されていて、
チョイ透明
まあまあ透明
完全に透明
の並びを作ることで水滴模様のような穴を実現している。
本アイテムは以下で配布している。
ジーンズの裾を切り落として糸が出ているところ
８月末に配布を開始したジーンズ衣装では、裾のほつれた糸の表現に使っている。
ほつれた糸の隙間に、1pxよりちょっと細い隙間があくようにしている。
細い透過部分は色も少し暗くすることでエッジカラーとしての役割も果たしている。
本アイテムは以下で配布している。
これを知らないころにやっていた失敗例
なんでエッジに変な色が出るんだろうな、と思っていた頃のアイテム。
逆に、これをうまく利用することでエッジに任意のカラーをつけられることになる。
変換するとどうなる？
自前のテストではVRChatへの変換、流れてきた画像としてはMMDに変換した場合。
VRChat
VRChatは、マテリアルを圧縮しない限りはそのまま持ち込めていた。
ＭＭＤ？モデル
他所でこのアイテムを使って変換した（らしい）ものの観察結果になる。
どうもうまく変換できないようで、まったく意図していないエッジ形状になっていた。*4
水着のパレオの場合、水滴メッシュ部分はただの不透明オブジェクトになっていた。
ジーンズについても、もけもけ部分は隙間なく連なっていて細い隙間は消失していた。
ということで、思ったよりいろいろできそうだよというメモ。
