はじめようShader Graph

2022/3/25に開催したShaderGraphハンズオンの様子。 https://xr-fukuoka.connpass.com/event/240668/
10
TakashiYoshinaga Ph.D. @Taka_Yoshinaga

来週の資料がここまでできた。現時点で120ページ超。 はじめようShader Graph xr-fukuoka.connpass.com/event/240668/ #AR_Fukuoka pic.twitter.com/MOyPMQLVHj

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

#AR_Fukuoka 今夜のShader Graphハンズオンの準備をしますぞ('ω') 今回は目的のバージョンのUnityいれるまでだね('ω') Unity Hubは知らないうちに3.1.1になってた twitter.com/ar_fukuoka/sta… pic.twitter.com/TlwcODpJO8

2022-03-25 02:12:37
AR Fukuoka @ar_fukuoka

クロマキー処理を題材に初心者が解説するShader Graphハンズオンを開催します! はじめようShader Graph xr-fukuoka.connpass.com/event/240668/ #AR_Fukuoka

2022-02-24 18:43:49
拡大
拡大
拡大
じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

着きました  よろしくお願いします('ω') 33分から本編開始予定とのこと #AR_Fukuoka pic.twitter.com/jtgjJiSN1r

2022-03-25 19:31:25
拡大
じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 吉永さんの自己紹介タイム ARコンテンツ作成勉強会 手を動かしながらみんなでものをつくる会 ゴール重視なので少人数で開催 オフ会場は全国いろんなところで実施 今回が200回目のイベント おめでとうございます('ω') 勉強会ハッシュタグは #AR_Fukuoka 進捗に添えてつぶやくと嬉しい pic.twitter.com/a44Tlst1vq

2022-03-25 19:36:30
拡大
拡大
拡大
拡大
じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 本日のゴールはクロマキー処理 途中わからなかったら並走してるYoutube配信で戻ってみたりできる pic.twitter.com/4g0RXt19On

2022-03-25 19:39:47
拡大
拡大
拡大

プロジェクトの作成とUnityの基本操作

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

#AR_Fukuoka Unityのエディタを2021.2.xでプロジェクト作成 無印の3D(core) しばしまつ エディタが立ち上がったらOK pic.twitter.com/bG1aax3V8J

2022-03-25 19:48:52
拡大
拡大
拡大
拡大
じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka オブジェクトの追加とSceneの視点変更(白い板を正面に据える) 動作確認は▷ボタン pic.twitter.com/RsB9gFxDnT

2022-03-25 19:58:58
拡大
拡大
拡大
拡大
じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka Inspectorでカメラオブジェクトを移動して見え方を調整 pic.twitter.com/22pyCuJEJJ

2022-03-25 20:05:31
拡大
拡大
拡大
拡大
じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka 色の変更 Assetsフォルダ内の右クリック→Materialを選択 NewMaterialが出来る これをQuad側に関連付けする pic.twitter.com/BJi5k7oYpj

2022-03-25 20:12:31
拡大
拡大
拡大
拡大
じゅん@3/26-29@東京見物 4/17XRMTG北海道エリアのお世話 9/28💉7 @jun_mh4g

#AR_Fukuoka NewMaterialを貼り付け 編集のタブを開いて色パレットで好きな色に変更 まとめ 表示に関する設定をしたら反映されるけど、これを処理しているのがシェーダー pic.twitter.com/jIZhwFv2YA

2022-03-25 20:17:28
拡大
拡大
拡大
拡大

シェーダーって何?

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

#AR_Fukuoka 3次元の座標を2次元に配置されて塗りつぶし範囲が来まる 塗りつぶし範囲に色を割り当てて部分が着色される 頂点シェーダー、ピクセルシェーダーが担当 もしVertexシェーダがいじれるとしたら、 2D変換前に頂点を変形・アニメーションさせる ピクセルシェーダーは色 アニメ調にできたり pic.twitter.com/DSvM0GrBUf

2022-03-25 20:25:32
拡大
拡大
拡大
拡大
とり子 @siroitori0413

#AR_Fukuoka 難しいけど丁寧な説明でとてもわかりやすい!

2022-03-25 20:33:30

ShaderGraphを使う準備