はじめようShader Graph

じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka Material OverrideにしてQuadをくっつける pic.twitter.com/gKAq7bTy62

拡大

じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka デフォルトだと裏から見ると透けちゃう 裏面レンダリングの設定をすると裏側からもロボ見えるようになる pic.twitter.com/cBFi6gJayQ

拡大

とり子 @siroitori0413

ダンスグループ チームクロマキーを結成したのですが、PCが貧弱なため足並み揃わなくておかしい🤣 #AR_Fukuoka pic.twitter.com/402D1KH0NP

とり子 @siroitori0413

@Taka_Yoshinaga 増やしたく、なりますよね〜🤣 すごくわかりやすかったです。 ありがとうございました✨

みゃおん @blackcatyuma

Shader Graph チョットワカッタ('ω') はじめようShader Graph xr-fukuoka.connpass.com/event/240668/ #AR_Fukuoka pic.twitter.com/RTikd4Egpy

拡大

拡大

Suede@モノガタリの語部 @suede_roze

#AR_Fukuoka 今日の成果！ pic.twitter.com/thh2G3agLY

じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 完成の図　Shader graphを触ったの初めてだったから新鮮でしたぞ ビジュアルプログラミングは2018年のTouch Designer講座で触ったあとしばらく冬眠してたけど近頃あらゆるところで身近に迫ってきている感じがする pic.twitter.com/fjXUwAFELL

拡大

じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 余談 お手軽に動画ファイルを作りたい時 ブラウザ上で編集できるClipchamp clipchamp.com/ja/video-maker/ ほうほう('ω')

じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka お疲れさまでした('ω') pic.twitter.com/VSA7mBHO8W

拡大

拡大

とり子 @siroitori0413

今日もとてもためになるハンズオンでした。クロマキー処理の知識がふかまった！（すぐに忘れないように復習しなければ。。） #AR_Fukuoka

Suede@モノガタリの語部 @suede_roze

ふぅ、疲れたぜ。これからunityと仲良くしていかにゃならんので、シェーダーの勉強は大事！（あと本職でもよく使います たのしかった！ #AR_Fukuoka

みゃおん @blackcatyuma

Webカメラから映像取得して既存シェーダでクロマキー処理。こういうのを見比べながら少し勉強してこー loumo.jp/archives/10328 tips.hecomi.com/entry/2018/10/… pic.twitter.com/C4feLVSABJ

拡大

じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka アフタートークでは取り組んだことのアウトプットがいかに大事かという話になったよ('ω') #アウトプットファースト

TakashiYoshinaga Ph.D. @Taka_Yoshinaga

@siroitori0413 重い理由、VideoPlayerをロボの数だけ作っているかもです。今回はインスタントに動画を再生する方法を紹介しましたが、下記の方法を使うと複数でも軽く動くかもです。 (1) テクスチャ画像を作る(in Assets) (2) ビデオの適用先をメッシュでなくテクスチャ (3)上記のテクスチャをShaderに適用 pic.twitter.com/Y4IoUV1lI6

拡大

拡大

拡大

とり子 @siroitori0413

@Taka_Yoshinaga VideoPlayerをロボの数だけ作って…います！ なるほどやり方があるのですね。 試してみます。 ありがとうございます✨

TakashiYoshinaga Ph.D. @Taka_Yoshinaga

@siroitori0413 VideoPlayerを1個だけにしてテクスチャーに表示。このテクスチャを複数のQuadオブジェクトで共有してしまえば、ビデオ再生にかかるコストが下がります :) このネタで再開催する場合は、こっちの方法で紹介しようと思います。ありがとうございました。

とり子 @siroitori0413

@Taka_Yoshinaga 手順に沿って自分でもやってみたらRenderTextureに画像（動画）が反映されないと思って少し悩みましたが、一度実行しないと反映されないのですね。 あとVideoPlayer、Quad、ShaderGraph等々の関係が慣れないとどこにどれを設定すればよいか混乱してしまいますね。 精進します～

とり子 @siroitori0413

@Taka_Yoshinaga 確認しました。動きスムーズですね！（PC上で録画させてるので若干かくつきましたが録画状態でなければ全く問題なしでした） そして6人グループになってましたw ありがとうございました！ pic.twitter.com/2NeeJhYlfR

TakashiYoshinaga Ph.D. @Taka_Yoshinaga

ちょっと書き換えると増やしてもスムーズに動く。 サンプルはこちら。 github.com/TakashiYoshina… pic.twitter.com/eI9scem9pu

TakashiYoshinaga Ph.D. @Taka_Yoshinaga

今日の資料です！ はじめようShader Graph: クロマキー処理 | Takashi Yoshinaga #docswell #AR_Fukuoka #madewithunity docswell.com/s/Tks_Yoshinag…