Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
shaderでDDRのパァーノゥを光らせてみた/lighting_ddr_by_shader...
Search
cleantted
November 30, 2019
Programming
0
1.4k
shaderでDDRのパァーノゥを光らせてみた/lighting_ddr_by_shader_in_vrchat
cleantted
November 30, 2019
Tweet
Share
More Decks by cleantted
See All by cleantted
岩石の話
cleantted
0
91
"命名規則"を決めよう!/Let's Define a "Naming Conventions"
cleantted
0
1.1k
VRChatの中からTwitterとDiscordに メッセージを送れるようにした話 (IFTTT×VRC_Panorama)/Usecase of IFTTT for VRChat
cleantted
0
2.4k
競プロの楽しい始め方、 そして競プロをすることによるその効果。/Let's start programming contest
cleantted
2
1.7k
Other Decks in Programming
See All in Programming
JavaScriptツール群「UnJS」を5分で一気に駆け巡る!
k1tikurisu
10
1.8k
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
チームリードになって変わったこと
isaka1022
0
190
テストをしないQAエンジニアは何をしているか?
nealle
0
130
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
Honoをフロントエンドで使う 3つのやり方
yusukebe
4
2.1k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
How GitHub (no longer) Works
holman
313
140k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Optimizing for Happiness
mojombo
376
70k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Unsuck your backbone
ammeep
669
57k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Code Review Best Practice
trishagee
66
17k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
GitHub's CSS Performance
jonrohan
1030
460k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Transcript
shaderでDDRのパァーノゥを光らせてみた テッド (cleantted) VRCLT #6
自己紹介 ・cleantted (テッド) ・メガネの色が最新のcommit hash値な 紫色のニコアバターの人 ・趣味: VRC 音楽ゲーム 競技プログラミング
・twitter: @cleantted_s ・Discord: 妹尾/テッド#3519
突然ですが、 最近運動してますか??? 運動といえば、最近話題のあのゲームですよね…?
そうですね、 ですね!
Dance Dance Revolution (DDR) とは • アーケードの音楽ゲームの1つ • 「矢印が判定エァリアに重なるタァーイミングで、 足元のパァーノゥを踏むッ!!」ゲーム
• 「もはやスポーツ」と言われることも • DDRの世界大会=「世界陸上」 現行機種、金ピカ→
あるとき…… みんなで集まるワールド作った。 流したい曲あったらyoutubeのURL投げて。
あるとき…… みんなで集まるワールド作った。 流したい曲あったらyoutubeのURL投げて。 やったぜ。
あるとき…… みんなで集まるワールド作った。 流したい曲あったらyoutubeのURL投げて。 やったぜ。
あるとき…… DDR曲ばっかり投げやがって…、 DDRできるようにしてやろうか
あるとき…… じゃあ俺DDRのモデル作るわ えっ DDR曲ばっかり投げやがって…、 DDRできるようにしてやろうか
あるとき…… じゃあ俺DDRのモデル作るわ えっ DDR曲ばっかり投げやがって…、 DDRできるようにしてやろうか
あるとき…… テッド、シェーダー書いて これってパネル光るようにできない? シェーダーでできるじゃなかったっけ?
あるとき…… いや、私シェーダー書いたこと ないですけど?? テッド、シェーダー書いて これってパネル光るようにできない? シェーダーでできるじゃなかったっけ?
書きました
仕組み Camera RenderTexture (Depth) Shader Material ※各パネル毎に用意
Shader ・マテリアルのベース色 ・Render Texture (Camera) ・光らせる色
Shader • カメラの深度が0.3より 大きいのとき、 エミッションをかける。 • for文は重くなると聞いた(気 がする)ので、 カメラのサイズは 1px
× 1pxにしてある。
所感 • よかったこと ◦ 気になってたshader触れた!やった!! 完全に理解してなくても、やりたいこと調べて 写経すればなんとかなる ◦ VRCでもDDRができるようになった!やったね!!
所感 • つらいこと ◦ shaderの書き方むずい、なんもわからん ◦ パネルの反応超悪い、真ん中踏まないと反応しない ▪ カメラを1px ×
1px にしても、範囲全体をカバーするわけではない ▪ ピクセル数増やしてfor文でまわさないとダメかも? ▪ 1pxあたりのカメラのカバー範囲を広げるとかできたらいいなぁ… ◦ 強制的にバーなしで高難易度はきつい(楽しいけど) ◦ リアルの足踏みの振動がどうしようもない、つらい
最後に、