3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

この記事誰得? 私しか得しないニッチな技術で記事投稿!

VRChatのアバターに"好きな画像を映す懐中電灯"を入れてみた

Posted at

VRChatのアバターにFPS系ゲームによくあるスプレー的(壁に画像を映す)機能付けたいな~
そんな安直な感じで始まったやつです。

こんな感じのものができます
image.png

画像の準備

表示したい画像を正方形で用意します。
ここで言う「正方形」は画像サイズの話で、
余白となってしまう部分は黒塗りでOKです。
(こんな感じで丸く囲ってもいいかも)

上に重ねてる画像です。よかったらどうぞ

次に用意した画像をRGB分離させ、グレースケールにします。

ブラウザ上でやってくれるやつあるのでそれ使うといいかもですってか自分で作りました↓
RGBGrayScaleGenerator

ここまでで、3枚の画像が新たにできているはずです。
image.png

Unityで導入

赤、緑、青の3色のスポットライトを用意します。
各色のライトのCookieにそれぞれの色に対応する生成した画像を入れます。
image.png
これでちゃんとした色で画像が出ているはずです。
image.png
が、ライトをCubeに近づけるなどして小さくすると下のように繰り返して表示される事があります。
image.png
この場合は画像のインポート設定を変える事で解消できます。
Warp ModeRepeatからClampに変えましょう。
image.png
あとは懐中電灯とかにいれるなどして遊びましょう。

蛇足

これ既に販売しているプロジェクターでやってることなのよね…

あ、当たり前ですけどAvatar Detailsに表示されるLightのカウンタが
画像一つにつき+3されるので、『偏った知識をお持ちの方』に誤解されるかもです。
まぁそれだけで判断するのもどうかとは思いますがネ。

使用アセット

ポンデロニウム研究所 - オリジナル3Dモデル「桔梗」

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?