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
VEDA GLSL Livecoding workshop
Search
Amagi
April 28, 2018
Technology
2
5.2k
VEDA GLSL Livecoding workshop
Presented at TOPLAP Japan Vol.2 workshop at Kyoto
Amagi
April 28, 2018
Tweet
Share
More Decks by Amagi
See All by Amagi
Enchant your website with VFX-JS
fand
0
110
How to hack VS Code: evil ways (Japanese)
fand
5
3.6k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
530
GLSL PostEffect in TouchDesigner
fand
2
2k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.8k
Real World GLSL
fand
0
270
APIs for VJ-ing
fand
1
6.9k
Style your Components with styled-component!
fand
1
790
Other Decks in Technology
See All in Technology
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.8k
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
340
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
10
130k
Lakebaseを使ったAIエージェントを実装してみる
kameitomohiro
0
130
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
170
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
17k
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
280
SmartNewsにおける 1000+ノード規模 K8s基盤 でのコスト最適化 – Spot・Gravitonの大規模導入への挑戦
vsanna2
0
140
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
170
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
AWS認定を取る中で感じたこと
siromi
1
190
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
The Invisible Side of Design
smashingmag
301
51k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Navigating Team Friction
lara
187
15k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Optimizing for Happiness
mojombo
379
70k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Fireside Chat
paigeccino
37
3.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Facilitating Awesome Meetings
lara
54
6.4k
Transcript
amagitakayosi GLSL Livecoding Workshop
͡Ί·ͯ͠ʂ ʜʜͷલʹ
ߨٛͷ४උΛ͓ئ͍͠·͢ w ͜ͷεϥΠυͷ63-IUUQTCJUMZS"MEF w αϯϓϧϑΝΠϧΛμϯϩʔυͯ͠Լ͍͞ IUUQTCJUMZ)[H#S w ࣍ʹɺ7&%"ͷΞοϓσʔτΛ͓ئ͍͠·͢
7&%"ͷΞοϓσʔτ w $NE Ͱઃఆը໘Λ։͘
7&%"ͷΞοϓσʔτ w $NE Ͱઃఆը໘Λ։͘
7&%"ͷΞοϓσʔτ w 6QEBUFϘλϯΛԡ͢
7&%"ͷΞοϓσʔτ w "UPNΛ࠶ىಈ
7&%"Λىಈͯ͠ΈΑ͏ w $NE 4IJGU 1ˠlWFEBUPHHMFzΛ࣮ߦ
w $NE 4IJGU 1ˠlWFEBUPHHMFzΛ࣮ߦ
Α͋͘ΔΤϥʔ w lHMTMBOH7BMJEBUPSOPUGPVOEzΈ͍ͨͳౕ w HMTMBOH7BMJEBUPSͷΠϯετʔϧΛ͓ئ͍͠·͢ w IUUQTWFEBHMJOTUBMM MBOHKBHMTMBOHWBMJEBUPS w ӈԼʹϚʔΫ͕ͰͯΔ࣌
w ϚʔΫΛΫϦοΫͯ͠ɺ3FCVJME࠶ىಈ͢ΔͱΔ ͣ
@amagitakayosi
GLSLͰVJͯ͠·͢ https://twitter.com/mactkg/status/944246499818422272
(-4-ྺ w (-4-ʹΑΔ7+ΛݟͯিܸΛड͚Δ w 7&%"࡞։࢝ w ϥΠϒίʔσΟϯά7+σϏϡʔ w ౦ژ/PEFֶԂࡇ w
"MHPSBWF5PLZP
(-4-ྺ w (-4-ʹΑΔ7+ΛݟͯিܸΛड͚Δ w 7&%"࡞։࢝ w ϥΠϒίʔσΟϯά7+σϏϡʔ w ౦ژ/PEFֶԂࡇ w
"MHPSBWF5PLZP ͬͯΈΕ ҙ֎ͱ͙͢ ग़དྷΔΑ͏ʹͳΓ·͢ʂ
ࠓͷϝχϡʔ w (-4-֓આ w ϑϥάϝϯτγΣʔμʔجૅ w ಈըʹΤϑΣΫτΛ͔͚Δ w γΣʔμʔͱͷ߹ͤ w
͕࣌ؒ͋Ε Իೖྗ
εϩʔΨϯΘ͔Βͳͯ͘ؾʹ͠ͳ͍ w ࡉ͔͍ܭࢉͱ͔ޙͰࢿྉݟΕ͍͍Ͱ͢ w ʮϥΠϒίʔσΟϯάͰ͜Μͳ͜ͱ͕ग़དྷΔ ΜͩͳʙʯΈ͍ͨͳࣄΛײ͡Δͷ͕େࣄ
GLSL
(-4-ͱ w 0QFO(-8FC(-ͷγΣʔμʔݴޠ w ϒϥβ্Ͱը૾ॲཧͨ͠Γ w 7+ιϑτͷΤϑΣΫτͱͯ͠ར༻͞ΕͨΓ w ϥΠϒίʔσΟϯά7+ͰΑ͘ΘΕΔ
γΣʔμʔͱ w %άϥϑΟοΫʹ͓͍ͯɺମͷҐஔ ϥΠςΟϯάɺ৭ͳͲΛܭࢉ͢ΔϓϩάϥϜ w γΣʔμʔݴޠଞʹ)-4- %JSFDU9 .FUBM J04
w ߦྻͳͲɺը૾ॲཧʹศརͳ͕ؔଟ͍ w (16ʹΑΔߴͳॲཧ͕Մೳ
γΣʔμʔΞʔτ w (-4-(16ͷύϫʔΛϑϧ׆༻Ͱ͖Δ w ʮ(-4-͚ͩͰෳࡶͳάϥϑΟοΫදݱΛ ɹඳըͰ͖ΔͷͰʁʯ w ͳ͔ͥ୯ମͰΞχϝʔγϣϯΛ࡞ͬͨΓ ϥΠϒίʔσΟϯά7+͢Δਓ͕ݱΕΔ
ࢀߟLJOUSPl&MFWBUFEz IUUQTXXXZPVUVCFDPNXBUDI WK#W#NJ5SP
γΣʔμʔͷछྨ w γΣʔμʔ w ςοηϨʔγϣϯγΣʔμʔʢࠓΒͳ͍ʣ w δΦϝτϦγΣʔμʔʢࠓΒͳ͍ʣ w ϑϥάϝϯτγΣʔμʔ
γΣʔμʔ w ϞσϧͷͷҐஔΛܭࢉ͢ΔγΣʔμʔ w ΧϝϥͷҐஔɺΩϟϥΫλʔͷҐஔ͔Β ͕ը໘ͷͲ͜ʹདྷΔ͔Λܭࢉ͢Δ w ҰͭҰͭʹର࣮͠ߦ͞ΕΔ
ϑϥάϝϯτγΣʔμʔ w ໘ͷ৭Λܭࢉ͢ΔγΣʔμʔ w ޫݯͷҐஔใ͔ΒӨΛܭࢉͨ͠Γ w ςΫενϟΛషͬͨΓ w ϐΫηϧҰͭҰͭʹର࣮͠ߦ͞ΕΔ w
'VMM)% GQTͩͱճඵ
ɹɹ7&%" w "UPNΤσΟλʔ্Ͱಈ࡞͢Δ (-4-ϥΠϒίʔσΟϯάڥ w ฤूதͷ(-4-ίʔυΛධՁͯ͠ ΤσΟλʔͷഎܠʹඳը͢Δ w γΣʔμʔϑϥάϝϯτγΣʔμʔʹରԠ
ୈҰষ ϑϥάϝϯτγΣʔμʔ جૅ
͜ͷষͷඪ w ϑϥάϝϯτγΣʔμʔ͚ͩͰਤܗΛඳ͘ w (-4-ͷجૅจ๏ΛֶͿ
௨ৗͷ%$( w ઍʙສݸͷͰཱମΛදݱ͠ɺ ϑϥάϝϯτγΣʔμʔͰ৭Λ͋ͯΔ
ϑϥάϝϯτγΣʔμʔΞʔτ w ࡾ֯ܗݸ γΣʔμʔͰશͯͷମΛදݱ ʢ൘ϙϦʣ
αϯϓϧϑΝΠϧΛ։͜͏
7&%"Λىಈͯ͠ΈΑ͏ w $NE 4IJGU 1ˠlWFEBUPHHMFzΛ࣮ߦ
w $NE 4IJGU 1ˠlWFEBUPHHMFzΛ࣮ߦ
TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏ w $USM &OUFSͰ࣮ߦ
ίϝϯτΛ֎࣮ͯ͠ߦ w $USM ͰɺͦͷߦͷίϝϯτPOP⒎Ͱ͖·͢
͜ͷลΛͻͱͭͣͭ ίϝϯτ֎࣮ͯ͠ߦ NBD$NE XJO$USM
ͷछྨ w JOU w qPBUුಈখ w WFDdWFDϕΫτϧ
JOU w $ݴޠͳͲͰ͓ͳ͡Έ w AJOUBAͱॻ͘ w ͋Μ·ΘΜ w GPSϧʔϓͷΠϯσοΫε͘Β͍
qPBUුಈখ w AqPBUBAຢɹɹɹɹɹɹͱͱॻ͘ w ϑΝΠϧઌ಄ͷɹɹɹɹɹ qPBUͷਫ਼Λࢦఆ͍ͯ͠Δ w MPXQ NFEJVNQ IJHIQͷॱʹਫ਼͕ߴ͘ͳΔ
w ͍͍ͩͨNFEJVNQͰे
WFD WFD WFDϕΫλʔ w AqPBUBɹɹɹɹPS w ͱॻ͍ͯ0, ʢத͕JOUʹͳΔ༁Ͱͳ͍ʣ w ɹɹɹɹɹɹɹɹͱ͢Δͱ
CWFD ʹͳΔ TXJ[[MF
ϑϥάϝϯτγΣʔμʔͷྲྀΕ w γΣʔμʔϐΫηϧຖʹ࣮ߦ͞ΕΔ w HM@'SBH$PMPSʹɺͦͷϐΫηϧͷ৭Λ WFD S H C B
ܗࣜͰೖΕͯ͋͛Δ
7&%"Ͱ͑Δม w WFDHM@'SBH$PPSEϐΫηϧͷҐஔ w VOJGPSNม w qPBUUJNF7&%"ىಈ͔Βͷܦա࣌ؒ ඵ w
WFDSFTPMVUJPOΟϯυͷαΠζ
TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
ୈೋষ ಈըʹΤϑΣΫτΛ͔͚Δ
͜ͷষͷඪ w ಈըΛ࠶ੜ͠ΤϑΣΫτΛ͔͚Δํ๏Λ֮͑Δ w (-4-ͰԿΛͲ͏ͨ͠ΒͲ͏ͳΔͷ͔ɺ ͳΜͱͳ͘ײ֮Λ͔ͭΉ
WJEFPGSBHΛ࣮ߦͯ͠ΈΑ͏ w ͭͷಈըΛςΫενϟʹಡΈࠐΜͰ͍Δ
TBNQMFS%ςΫενϟ w ɹɹɹɹɹɹɹɹɹJOUBAͱॻ͘ͱ ςΫενϟͷ࠲ඪVWͷΛऔಘͰ͖Δ w VW ʙ
ͷൣғ
ಈըͷΓସ͑ํखಈ w *.1035&%ΛίϝϯτΞτͰΓସ͑ w ۂͷ͍͍ײ͡ͷͱ͜Ͱ$USM &OUFS w Ұ൪͍͍ͧ͢ʂʂʂ
ಈըͷΓସ͑ํࣗಈ w UJNFΛͬͯྑ͍ײ͡ʹΓସ͑Δ w lJG NPE UJNF zͨ͠Γ
w lHM@'SBH$PMPS TJO UJNF zͨ͠Γ w WJEFPGSBH͜ͷύλʔϯͰ͢Ͷ
ಈըͷΓସ͑ํ֎෦ೖྗ w Իʹ߹ΘͤͨΓɺ .*%*04$ೖྗΛͬͨΓ w ্ख͘Ͱ͖Δͱ͔͍͍ͬͧ͜ʂʂʂ
GYGSBHΛ࣮ߦͯ͠ΈΑ͏
7+ͰΑ͋͘ΔΤϑΣΫτ w ճస w Ώ͕Έ w ສ՚ڸͬΆ͍ͭ w 3(#ͣΒ͠ w
࠲ඪͣΒ͠
σΟεϓϨΠεϝϯτϚοϓ w WJEFPͷͰɺWJEFPͷදࣔҐஔΛ·ͤΔ
ୈࡾষ γΣʔμʔ
͜ͷষͷඪ w γΣʔμʔͷॻ͖ํΛ֮͑Δ w ઢʹΑΔॳาతͳදݱΛֶͿ
γΣʔμʔʹΑΔγΣʔμʔΞʔτ w IUUQTWFSUFYTIBEFSBSUDPN͕ൃʁ w %σʔλΛ༻͍ͣɺγΣʔμʔ͚ͩͰ ͷҐஔΛܭࢉ͢Δ w WBSZJOHWFDDPMPSͰͷ৭Λઃఆ w WBSZJOHมγΣʔμʔ͔Βϑϥάϝ
ϯτγΣʔμʔͤΔม
WFSUWFSUΛ࣮ߦͯ͠ΈΑ͏
γΣʔμʔͷྲྀΕ w HM@1PTJUJPOʹɺͦͷͷ࠲ඪΛ WFD Y Z [ X ܗࣜͰೖΕͯ͋͛Δ w
Xؾʹ͠ͳͯ͘ྑ͍Ͱ͢ʢৗʹͰʣ w HM@1PJOU4J[Fʹɺͷେ͖͞ΛೖΕΔ
γΣʔμʔͰԁΛඳ͘ w WFSUFY*Eͷ൪߸ w WFSUFY$PVOUͷ૯ w WFSUFY*E͔Β֯Λܭࢉͯ͠ɺTJODPTͰ ࠲ඪΛܭࢉ͢Εྑ͍ w WFSUFY*EWFSUFY$PVOU
ʙͱͳΔ
WFSUWFSU͕ԁΛඳ͘
ϓϦϛςΟϒλΠϓ w ίϝϯτͰWFSUFY.PEFΛมߋͰ͖Δ w 10*/54 -*/&4 53*"/(-&4ͳͲ w งғؾ͕ΨοͱมΘͬͯΓ্͕Δͧʂʂ
WFSUWFSU࠷ऴܗଶ
QBSUJDMFGSBHղઆ w γΣʔμͰਤܗΛඳ͍ͯ ϑϥάϝϯτγΣʔμͰΤϑΣΫτ͔͚ͯΔ w WFSUFY.PEFͰඳըϞʔυΓସ͑ w 53*"/(-&4Ҏ֎ͷͱ͖WFSUFY$PVOUΛ ૿͠·͠ΐ͏ʢຯͳͷͰʣ
None
ୈ࢛ষ ԻೖྗΛར༻͢Δ
͜ͷষͷඪ w ԻʹԠ͢ΔΞχϝʔγϣϯΛֶͿ w ֎෦ೖྗΛ༗ޮ׆༻͢Δํ๏Λߟ͑Δ
7&%"Ͱ֎෦ೖྗΛ͏ w ϑΝΠϧͷઌ಄ʹ ͳͲΛՃ w NJEJͷ࣌ w Χϝϥͷ࣌
Իೖྗ w ҎԼͷVOJGPSN͕͑·͢ w qPBUWPMVNFϘϦϡʔϜ w TBNQMFS%TBNQMFTܗ w TBNQMFS%TQFDUSVNपଳຖͷڧ͞
BVEJPGSBHΛ࣮ߦ
BVEJPGSBHΛ࣮ߦ Volume Spectrum Samples: ܗ
PCKNUMGSBHશ෦Γ
ͦͷଞͷೖྗ w ϚεɺΩʔϘʔυɺ.*%* 04$ 8FCΧϝϥɺήʔϜύουʹରԠ
ԋशλΠϜ
࠷ޙʹ w (-4-ͷָ͠͞ɺϥΠϒίʔσΟϯάͷָ͠͞ ͕ΘΕ͍͍ͳͱࢥͬͯ·͢⚡ w ͥͻ7+ʹઓͯ͠Έ͍ͯͩ͘͞ʂ w 7&%"ͷ࣭ײɺ৽ػೳͷϦΫΤετ 5XJUUFSPS(JU)VCͰ͓ؾܰʹͲ͏ͧʂ
ࢀߟϦϯΫ w 7&%" IUUQTWFEBHM w 5IF#PPL0G4IBEFST IUUQTUIFCPPLPGTIBEFSTDPN MBOKQ w XHMEPSHc(-4-
IUUQTXHMEPSHEHMTM