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.6k
shaderでDDRのパァーノゥを光らせてみた/lighting_ddr_by_shader_in_vrchat
cleantted
November 30, 2019
Tweet
Share
More Decks by cleantted
See All by cleantted
VRC_LT#18_目だけでURLが入った_QRコードを判定しよう!
cleantted
0
14
岩石の話
cleantted
0
97
"命名規則"を決めよう!/Let's Define a "Naming Conventions"
cleantted
0
1.2k
VRChatの中からTwitterとDiscordに メッセージを送れるようにした話 (IFTTT×VRC_Panorama)/Usecase of IFTTT for VRChat
cleantted
0
2.7k
競プロの楽しい始め方、 そして競プロをすることによるその効果。/Let's start programming contest
cleantted
2
1.8k
Other Decks in Programming
See All in Programming
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
3.4k
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
1から理解するWeb Push
dora1998
7
1.9k
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
120
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
2.1k
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
170
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
460
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
550
The Past, Present, and Future of Enterprise Java with ASF in the Middle
ivargrimstad
0
180
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
320
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
150
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Documentation Writing (for coders)
carmenintech
74
5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Typedesign – Prime Four
hannesfritz
42
2.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Navigating Team Friction
lara
189
15k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
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あたりのカメラのカバー範囲を広げるとかできたらいいなぁ… ◦ 強制的にバーなしで高難易度はきつい(楽しいけど) ◦ リアルの足踏みの振動がどうしようもない、つらい
最後に、