READY FOR THE BATTLE? -Introduction to Live Coding-

A brief introduction to GLSL and livecoding, presented at TokyoDemoFest 2018.

Transcript

1. BNBHJUBLBZPTJ
   READY FOR THE BA TTLE READY FOR THE BA TTLE READY FOR THE BA TTLE
2. @amagitakayosi
4. VEDA (GLSLϥΠϒίʔσΟϯά؀ڥ) ͷ࡞ऀͰ͢
5. ϥΠϒίʔσΟϯάVJͯ͠·͢
6. ࠓ೔ͷϝχϡʔ w ϥΠϒίʔσΟϯά
   JT
   Կ
   w (-4-ͷجૅ
   w ͕Μ͹Ζ͏
7. 8IBU
   JT
   
   -JWF$PEJOH
9. ϥΠϒίʔσΟϯά w ϥΠϒͰίʔσΟϯά͢Δ͜ͱ
   w ٕज़ܥΧϯϑΝϨϯεͷσϞͱͯ͠
   w ઌਐతͳԻָө૾ύϑΥʔϚϯεͱͯ͠
10. ϥΠϒίʔσΟϯάจԽ w 501-"1
    DPNNVOJUZ
    ʙ
    w *$-$
    ʙ
    w "MHPSBWF
13. -JWF$PEJOH
    JO
    %FNPTDFOF
14. EFNPTDFOFʹ͓͚ΔϥΠϒίʔσΟϯά w 3FWJTJPOͳͲͷσϞύʔςΟͰ
 ότϧ͕ߦΘΕΔΑ͏ʹ
    w ٕज़ྗॏࢹ
    w ؀ڥΛଗ͑ͯɺ੍ݶ࣌ؒ಺ʹ
 ͲΕ͚ͩੌ͍ϏδϡΞϧΛ࡞ΕΔ͔ڝ͏
    w উഊ͸౤ථ
    PS
    ׻੠Ͱܾ·Δ
15. 3FWJTJPOͷΑ͏͢ IUUQTXXXZPVUVCFDPNXBUDI W0[&P%%X
16. සग़ωλ w ϨΠϚʔνϯά
    w ڑ཭ؔ਺ͰਤܗΛඳը
    w ϑϥΫλϧ
    w ਤܗΛ࠶ؼతʹมܗ͍ͯ͘͜͠ͱͰ
 ϝνϟϝνϟෳࡶͳਤܗΛඳ͚Δ
17. සग़ωλ w ϨΠϚʔνϯά
    w ڑ཭ؔ਺ͰਤܗΛඳը
    w ϑϥΫλϧ
    w ਤܗΛ࠶ؼతʹมܗ͍ͯ͘͜͠ͱͰ
 ϝνϟϝνϟෳࡶͳਤܗΛඳ͚Δ レイマーチングこわ…… 難しそう……
18. ϨΠϚʔνϯάແ͠Ͱ΋উͯΔͧʂ w ڈ೥(-4-
    (SBQIJDTҐͷ࡞඼͸
 ϨΠϚʔνϯάͰ͸ͳ͍
    w ΞΠσΞɺ͢͝͞ɺ͔ͬ͜Α͕͞େࣄ
19. (-4-
    JOUSPEVDUJPO
20. ͜ͷষͷ໨ඪ w ϑϥάϝϯτγΣʔμʔ͚ͩͰਤܗΛඳ͘
    w (-4-ͷجૅจ๏ΛֶͿ
21. (-4-
    JT
    Կ w γΣʔμʔݴޠͷҰͭ
    w %$(ͰɺӄӨ΍ςΫενϟͷॲཧΛ͢Δҝʹ
 ࡞ΒΕͨݴޠ
    w ʁʁʁʮ୯ମͰΞχϝʔγϣϯ࡞ΕΔ͡ΌΜʯ
 ˠσϞ΍Ξʔτք۾Ͱ࢖ΘΕΔΑ͏ʹ
22. γΣʔμʔͷछྨ w ௖఺γΣʔμʔ
    w ϑϥάϝϯτγΣʔμʔ
    w ίϯϐϡʔτγΣʔμʔ
    w δΦϝτϦʔγΣʔμʔ
 
 ৄ͘͠͸ʮϨϯμϦϯάύΠϓϥϯʯͰάάͬͯ͘Ε ˡࠓճ͸͜Ε͚ͩ
23. ϑϥάϝϯτγΣʔμʔͷྲྀΕ w γΣʔμʔ͸ϐΫηϧຖʹ࣮ߦ͞ΕΔ
    w HM@'SBH$PMPSʹɺͦͷϐΫηϧͷ৭Λ
 WFD S
    H
    C
    B
    ܗࣜͰೖΕͯ͋͛Δ
26. ԁΛඳ͍ͯΈΑ͏
27. ԁΛඳ͍ͯΈΑ͏ ݪ఺͔Βͷ
    ڑ཭͕Ұఆ ݪ఺͔Βͷ
    ڑ཭͕Ұఆ ݪ఺͔Βͷ
    ڑ཭͕Ұఆ
28. WFD MFOHUI Q 
29. WFD TUFQ 
    MFOHUI Q 
30. ஋ͷछྨ w JOU
    ੔਺
    w qPBU
    ුಈখ਺఺਺
    w WFD
    d
    WFD
    ϕΫτϧ
31. JOU
    ੔਺ w $ݴޠͳͲͰ͓ͳ͡Έ
    w AJOU
    B
    
    A
    ͱॻ͘
    w ͋Μ·࢖Θ΁Μ
    w GPSϧʔϓͷΠϯσοΫε͘Β͍
32. qPBU
    ුಈখ਺఺਺ w AqPBU
    B
    
    A
    ຢ͸ɹɹɹɹɹɹͱ
    ͱॻ͘
    w খ਺఺Λ๨ΕΔͱΤϥʔʹͳΔͷͰ஫ҙʂ
    w ϑΝΠϧઌ಄ͷɹɹɹɹɹ
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ͸
 qPBUͷਫ਼౓Λࢦఆ͍ͯ͠Δ
    w MPXQ
    NFEJVNQ
    IJHIQ
    ͷॱʹਫ਼౓͕ߴ͘ͳΔ
    w ͍͍ͩͨNFEJVNQͰे෼
33. WFD
    WFD
    WFD
    ϕΫλʔ w AqPBU
    B
    
    ɹɹɹɹ
    PS
    w
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ͱॻ͍ͯ΋0,
 ʢத਎͕JOUʹͳΔ༁Ͱ͸ͳ͍ʣ
    w ɹɹ
    
    
    
    
    
    
    
    
    ɹɹɹɹɹɹ
    ͱ͢Δͱ
 C͸
    WFD 
     ʹͳΔ
    TXJ[[MF
34. جຊςΫ w ܁Γฦ͠
    w ϊΠζ
    w CBDLCV⒎FSΛ༻͍ͨදݱ
    w ΦʔσΟΦϦΞΫςΟϒͳԿ͔
35. ܁Γฦ͠ w UJNF
    Λ࢖ͬͯɺಈ͖΍ΤϑΣΫτΛ܁Γฦ͠
    w TJO
    DPT
    ͳͲͷࡾ֯ؔ਺
    w GSBDU
    NPE
    Ͱ
    w ࠲ඪΛ܁Γฦ͢ͱɺਤܗΛίϐʔͰ͖Δͧʂ
36. ܁Γฦ͠
    ಈ͖ͷϧʔϓ
37. ܁Γฦ͠
    ਤܗͷίϐʔ
38. ϊΠζ w ཚ਺Λݩʹɺ༗ػతͳಈ͖ςΫενϟΛදݱ
    w ΤϑΣΫτ΍ಈ͖ͷ੍ޚʹ࢖͏ͱ
 ܁Γฦ͠ײΛݮΒͤͯΦεεϝʂ
39. ϊΠζ
    Ώ͕Έ
40. ϊΠζ
    ಈ͖
41. ϊΠζ
    ϒϩοΫϊΠζ
42. CBDLCVGGFSΛ༻͍ͨදݱ w CBDLCV⒎FSʹ͸ϑϨʔϜલͷ݁Ռ͕ೖͬͯΔ
    w ࢒૾͕࢒ΔΑ͏ʹͨ͠Γʜʜ
    w 3(#ΛͣΒͨ͠Γʜʜ
43. CBDLCVGGFS
    ࢒૾
44. CBDLCVGGFS
    3(#ͣΒ͠
45. ΦʔσΟΦϦΞΫςΟϒͳԿ͔ w 7&%"
    #PO[PNBUJD౳ͷ؀ڥͰ͸
 Ի੠ೖྗΛར༻Ͱ͖Δ
    w 7+ͬΆ͍ࣄ͢Δ࣌͸΄΅ඞਢ
46. %&.0ʜ
47. ҰาਐΜͩදݱςΫ w TFUDIJ͞ΜͷࢿྉΦεεϝͰ͢
    w IUUQTEPDTHPPHMFDPNQSFTFOUBUJPOE 3SRZ"L'BO,NG-;)WI%$P[& @S,'1M6:7XFK@CD
48. 7+
    
    -*7&$0%*/(
49. ϥΠϒίʔσΟϯάύʔςΟ w "MHPSBWF౳
    w ੝Γ্͛ॏࢹ
    w 7+ͬͯݴ͏ͱౖΒΕΔ͔΋
50. 7+γʔϯʹ͓͚Δ(-4- w δΣωϥςΟϒͳ7+؀ڥͰ͸େମରԠͯ͠Δ
 ʢ5PVDI%FTJHOFS
    WWWW
    FUDʣ
    w 7%.9
    $P(FͳͲͷ7+ιϑτ΋ରԠ
    w 7%.9͸*4'ͱ͍͏ಠࣗن֨·Ͱ࡞ͬͯΔ
51. 5PVDI%FTJHOFS w ࠷ۙྲྀߦͬͯΔɺϦΞϧλΠϜॲཧ޲͚
 ΦʔσΟΦϏδϡΞϧ؀ڥ
    w (-4-ͷόʔδϣϯΛࣗ༝ʹબΜͩΓɺ
 ඳըύεΛ؆୯ʹ௥ՃͰ͖Δ
    w ίϯϐϡʔτγΣʔμʔ΋ͬ͘͞ͱॻ͚Δ
52. ԻָϥΠϒίʔσΟϯά w 5JEBM$ZDMFT
    4POJD1JͳͲ
    w 4IBEFSUPZ
    7&%"Ͱ͸
 (-4-ͰԻָΛԋ૗Ͱ͖Δʢʁʁʁʁʣ
54. ࠷ޙʹ w (-4-ΊͬͪΌָ͍͠ͷͰ
 օνϟϨϯδͯ͘͠ΕΔͱ͍͍ͳʙ
    w ࣭໰΍ײ૝͸ɺ͜ͷ͋ͱͷۭ͖࣌ؒ΍
 5XJUUFS౳Ͱ͓ؾܰʹͲ͏ͧʂ
55. (-4-ͷࢀߟϦϯΫ w 5IF
    #PPL
    0G
    4IBEFST
 IUUQTUIFCPPLPGTIBEFSTDPN MBOKQ
    w XHMEPSH
    c
    (-4-
 IUUQTXHMEPSHEHMTM
    w 7&%"
 IUUQTWFEBHM
56. @amagitakayosi