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
77
How to hack VS Code: evil ways (Japanese)
fand
5
3.5k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
500
GLSL PostEffect in TouchDesigner
fand
2
2k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.7k
Real World GLSL
fand
0
260
APIs for VJ-ing
fand
1
6.8k
Style your Components with styled-component!
fand
1
740
Other Decks in Technology
See All in Technology
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
18k
MIMEと文字コードの闇
hirachan
2
1.4k
手を動かしてレベルアップしよう!
maruto
0
200
Raycast Favorites × Script Command で実現するお手軽情報チェック
smasato
1
140
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
190
偏光画像処理ライブラリを作った話
elerac
1
170
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
550
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.5k
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
82k
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
540
コンピュータビジョンの社会実装について考えていたらゲームを作っていた話
takmin
1
600
Amazon Aurora のバージョンアップ手法について
smt7174
2
140
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
44
14k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How STYLIGHT went responsive
nonsquared
98
5.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
BBQ
matthewcrist
87
9.5k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
A designer walks into a library…
pauljervisheath
205
24k
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