shaderでDDRのﾊﾟｧｰﾉｩを光らせてみた/lighting_ddr_by_shader_in_vrchat

Transcript

1. shaderでDDRのﾊﾟｧｰﾉｩを光らせてみた テッド (cleantted) VRCLT #6
2. 自己紹介 ・cleantted (テッド) ・メガネの色が最新のcommit hash値な 　紫色のニコアバターの人 ・趣味： 　VRC 　音楽ゲーム 　競技プログラミング ・twitter: @cleantted_s ・Discord: 妹尾/テッド#3519
3. 突然ですが、 最近運動してますか？？？ 運動といえば、最近話題のあのゲームですよね…？
4. そうですね、 ですね！
5. Dance Dance Revolution (DDR) とは • アーケードの音楽ゲームの1つ • 「矢印が判定ｴｧﾘｱに重なるﾀｧｰｲﾐﾝｸﾞで、 足元のﾊﾟｧｰﾉｩを踏むｯ!!」ゲーム • 「もはやスポーツ」と言われることも • DDRの世界大会＝「世界陸上」 現行機種、金ピカ→
6. あるとき…… みんなで集まるワールド作った。 流したい曲あったらyoutubeのURL投げて。
7. あるとき…… みんなで集まるワールド作った。 流したい曲あったらyoutubeのURL投げて。 やったぜ。
8. あるとき…… みんなで集まるワールド作った。 流したい曲あったらyoutubeのURL投げて。 やったぜ。
9. あるとき…… DDR曲ばっかり投げやがって…、 DDRできるようにしてやろうか
10. あるとき…… じゃあ俺DDRのモデル作るわ えっ DDR曲ばっかり投げやがって…、 DDRできるようにしてやろうか
11. あるとき…… じゃあ俺DDRのモデル作るわ えっ DDR曲ばっかり投げやがって…、 DDRできるようにしてやろうか
12. あるとき…… テッド、シェーダー書いて これってパネル光るようにできない？ シェーダーでできるじゃなかったっけ？
13. あるとき…… いや、私シェーダー書いたこと ないですけど？？ テッド、シェーダー書いて これってパネル光るようにできない？ シェーダーでできるじゃなかったっけ？
14. 書きました
15. 仕組み Camera RenderTexture (Depth) Shader Material ※各パネル毎に用意
16. Shader ・マテリアルのベース色 ・Render Texture (Camera) ・光らせる色
17. Shader • カメラの深度が0.3より 大きいのとき、 エミッションをかける。 • for文は重くなると聞いた（気 がする）ので、 カメラのサイズは 1px × 1pxにしてある。
18. 所感 • よかったこと ◦ 気になってたshader触れた！やった！！ 完全に理解してなくても、やりたいこと調べて 写経すればなんとかなる ◦ VRCでもDDRができるようになった！やったね！！
19. 所感 • つらいこと ◦ shaderの書き方むずい、なんもわからん ◦ パネルの反応超悪い、真ん中踏まないと反応しない ▪ カメラを1px × 1px にしても、範囲全体をカバーするわけではない ▪ ピクセル数増やしてfor文でまわさないとダメかも？ ▪ 1pxあたりのカメラのカバー範囲を広げるとかできたらいいなぁ… ◦ 強制的にバーなしで高難易度はきつい（楽しいけど） ◦ リアルの足踏みの振動がどうしようもない、つらい
20. 最後に、