Upgrade to Pro — share decks privately, control downloads, hide ads and more …

shaderでDDRのパァーノゥを光らせてみた/lighting_ddr_by_shader_in_vrchat

E208d217a4c69e05067f246bcffcb636?s=47 cleantted
November 30, 2019

 shaderでDDRのパァーノゥを光らせてみた/lighting_ddr_by_shader_in_vrchat

E208d217a4c69e05067f246bcffcb636?s=128

cleantted

November 30, 2019
Tweet

More Decks by cleantted

Other Decks in Programming

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. 最後に、