Upgrade to Pro — share decks privately, control downloads, hide ads and more …

VEDA GLSL Livecoding workshop

VEDA GLSL Livecoding workshop

Presented at TOPLAP Japan Vol.2 workshop at Kyoto

fand/amagitakayosi

April 28, 2018
Tweet

More Decks by fand/amagitakayosi

Other Decks in Technology

Transcript

  1. amagitakayosi
    GLSL Livecoding
    Workshop

    View Slide

  2. ͸͡Ί·ͯ͠ʂ
    ʜʜͷલʹ

    View Slide

  3. ߨٛͷ४උΛ͓ئ͍͠·͢
    w ͜ͷεϥΠυͷ63-IUUQTCJUMZS"MEF
    w αϯϓϧϑΝΠϧΛμ΢ϯϩʔυͯ͠Լ͍͞
    IUUQTCJUMZ)[H#S
    w ࣍ʹɺ7&%"ͷΞοϓσʔτΛ͓ئ͍͠·͢

    View Slide

  4. 7&%"ͷΞοϓσʔτ

    w $NE Ͱઃఆը໘Λ։͘

    View Slide

  5. 7&%"ͷΞοϓσʔτ

    w $NE Ͱઃఆը໘Λ։͘

    View Slide

  6. 7&%"ͷΞοϓσʔτ

    w 6QEBUFϘλϯΛԡ͢

    View Slide

  7. 7&%"ͷΞοϓσʔτ

    w "UPNΛ࠶ىಈ

    View Slide

  8. 7&%"Λىಈͯ͠ΈΑ͏
    w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ

    View Slide

  9. w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ

    View Slide

  10. Α͋͘ΔΤϥʔ
    w lHMTMBOH7BMJEBUPSOPUGPVOEzΈ͍ͨͳౕ
    w HMTMBOH7BMJEBUPSͷΠϯετʔϧΛ͓ئ͍͠·͢
    w IUUQTWFEBHMJOTUBMM MBOHKBHMTMBOHWBMJEBUPS
    w ӈԼʹϚʔΫ͕ͰͯΔ࣌
    w ϚʔΫΛΫϦοΫͯ͠ɺ3FCVJME࠶ىಈ͢Δͱ௚Δ
    ͸ͣ

    View Slide

  11. @amagitakayosi

    View Slide

  12. GLSLͰVJͯ͠·͢
    https://twitter.com/mactkg/status/944246499818422272

    View Slide

  13. (-4-ྺ
    w (-4-ʹΑΔ7+ΛݟͯিܸΛड͚Δ
    w 7&%"੡࡞։࢝
    w ϥΠϒίʔσΟϯά7+σϏϡʔ
    w ౦ژ/PEFֶԂࡇ
    w "MHPSBWF5PLZP

    View Slide

  14. (-4-ྺ
    w (-4-ʹΑΔ7+ΛݟͯিܸΛड͚Δ
    w 7&%"੡࡞։࢝
    w ϥΠϒίʔσΟϯά7+σϏϡʔ
    w ౦ژ/PEFֶԂࡇ
    w "MHPSBWF5PLZP
    ΍ͬͯΈΕ͹
    ҙ֎ͱ͙͢
    ग़དྷΔΑ͏ʹͳΓ·͢ʂ

    View Slide

  15. ࠓ೔ͷϝχϡʔ
    w (-4-֓આ
    w ϑϥάϝϯτγΣʔμʔجૅ
    w ಈըʹΤϑΣΫτΛ͔͚Δ
    w ௖఺γΣʔμʔͱͷ૊߹ͤ
    w ͕࣌ؒ͋Ε͹
    Ի੠ೖྗ

    View Slide

  16. εϩʔΨϯΘ͔Βͳͯ͘΋ؾʹ͠ͳ͍
    w ࡉ͔͍ܭࢉͱ͔͸ޙͰࢿྉݟΕ͹͍͍Ͱ͢
    w ʮϥΠϒίʔσΟϯάͰ͜Μͳ͜ͱ͕ग़དྷΔ
    ΜͩͳʙʯΈ͍ͨͳࣄΛײ͡Δͷ͕େࣄ

    View Slide

  17. GLSL

    View Slide

  18. (-4-ͱ͸
    w 0QFO(-΍8FC(-ͷγΣʔμʔݴޠ
    w ϒϥ΢β্Ͱը૾ॲཧͨ͠Γ
    w 7+ιϑτͷΤϑΣΫτͱͯ͠ར༻͞ΕͨΓ
    w ϥΠϒίʔσΟϯά7+ͰΑ͘࢖ΘΕΔ

    View Slide

  19. γΣʔμʔͱ͸
    w %άϥϑΟοΫʹ͓͍ͯɺ෺ମͷҐஔ΍

    ϥΠςΟϯάɺ৭ͳͲΛܭࢉ͢ΔϓϩάϥϜ
    w γΣʔμʔݴޠଞʹ΋)-4- %JSFDU9

    .FUBM J04

    w ߦྻͳͲɺը૾ॲཧʹศརͳؔ਺͕ଟ͍
    w (16ʹΑΔߴ଎ͳॲཧ͕Մೳ

    View Slide

  20. γΣʔμʔΞʔτ
    w (-4-͸(16ͷύϫʔΛϑϧ׆༻Ͱ͖Δ
    w ʮ(-4-͚ͩͰෳࡶͳάϥϑΟοΫදݱΛ

    ɹඳըͰ͖ΔͷͰ͸ʁʯ
    w ͳ͔ͥ୯ମͰΞχϝʔγϣϯΛ࡞ͬͨΓ

    ϥΠϒίʔσΟϯά7+͢Δਓ͕ݱΕΔ

    View Slide

  21. ࢀߟLJOUSPl&MFWBUFEz
    IUUQTXXXZPVUVCFDPNXBUDI WK#W#NJ5SP

    View Slide

  22. γΣʔμʔͷछྨ
    w ௖఺γΣʔμʔ
    w ςοηϨʔγϣϯγΣʔμʔʢࠓ೔͸΍Βͳ͍ʣ
    w δΦϝτϦγΣʔμʔʢࠓ೔͸΍Βͳ͍ʣ
    w ϑϥάϝϯτγΣʔμʔ

    View Slide

  23. ௖఺γΣʔμʔ
    w Ϟσϧͷ௖఺ͷҐஔΛܭࢉ͢ΔγΣʔμʔ
    w ΧϝϥͷҐஔɺΩϟϥΫλʔͷҐஔ͔Β

    ௖఺͕ը໘ͷͲ͜ʹདྷΔ͔Λܭࢉ͢Δ
    w ௖఺ҰͭҰͭʹର࣮͠ߦ͞ΕΔ

    View Slide

  24. ϑϥάϝϯτγΣʔμʔ
    w ໘ͷ৭Λܭࢉ͢ΔγΣʔμʔ
    w ޫݯͷҐஔ৘ใ͔ΒӨΛܭࢉͨ͠Γ
    w ςΫενϟΛషͬͨΓ
    w ϐΫηϧҰͭҰͭʹର࣮͠ߦ͞ΕΔ
    w 'VMM)% GQTͩͱճඵ

    View Slide

  25. ɹɹ7&%"
    w "UPNΤσΟλʔ্Ͱಈ࡞͢Δ

    (-4-ϥΠϒίʔσΟϯά؀ڥ
    w ฤूதͷ(-4-ίʔυΛධՁͯ͠

    ΤσΟλʔͷഎܠʹඳը͢Δ
    w ௖఺γΣʔμʔϑϥάϝϯτγΣʔμʔʹରԠ

    View Slide

  26. ୈҰষ
    ϑϥάϝϯτγΣʔμʔ
    جૅ

    View Slide

  27. ͜ͷষͷ໨ඪ
    w ϑϥάϝϯτγΣʔμʔ͚ͩͰਤܗΛඳ͘
    w (-4-ͷجૅจ๏ΛֶͿ

    View Slide

  28. ௨ৗͷ%$(
    w ਺ઍʙ਺ສݸͷ௖఺ͰཱମΛදݱ͠ɺ

    ϑϥάϝϯτγΣʔμʔͰ৭Λ͋ͯΔ

    View Slide

  29. ϑϥάϝϯτγΣʔμʔΞʔτ
    w ࡾ֯ܗݸγΣʔμʔͰશͯͷ෺ମΛදݱ

    ʢ൘ϙϦʣ

    View Slide

  30. αϯϓϧϑΝΠϧΛ։͜͏

    View Slide

  31. 7&%"Λىಈͯ͠ΈΑ͏
    w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ

    View Slide

  32. w $NE4IJGU1ˠlWFEBUPHHMFzΛ࣮ߦ

    View Slide

  33. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏
    w $USM&OUFSͰ࣮ߦ

    View Slide

  34. ίϝϯτΛ֎࣮ͯ͠ߦ
    w $USMͰɺͦͷߦͷίϝϯτPOP⒎Ͱ͖·͢

    View Slide

  35. ͜ͷลΛͻͱͭͣͭ
    ίϝϯτ֎࣮ͯ͠ߦ
    NBD$NE

    XJO$USM

    View Slide

  36. ஋ͷछྨ
    w JOU੔਺
    w qPBUුಈখ਺఺਺
    w WFDdWFDϕΫτϧ

    View Slide

  37. JOU੔਺
    w $ݴޠͳͲͰ͓ͳ͡Έ
    w AJOUBAͱॻ͘
    w ͋Μ·࢖Θ΁Μ
    w GPSϧʔϓͷΠϯσοΫε͘Β͍

    View Slide

  38. qPBUුಈখ਺఺਺
    w AqPBUBAຢ͸ɹɹɹɹɹɹͱͱॻ͘
    w ϑΝΠϧઌ಄ͷɹɹɹɹɹ͸

    qPBUͷਫ਼౓Λࢦఆ͍ͯ͠Δ
    w MPXQ NFEJVNQ IJHIQͷॱʹਫ਼౓͕ߴ͘ͳΔ
    w ͍͍ͩͨNFEJVNQͰे෼

    View Slide

  39. WFD WFD WFDϕΫλʔ
    w AqPBUBɹɹɹɹPS
    w ͱॻ͍ͯ΋0,

    ʢத਎͕JOUʹͳΔ༁Ͱ͸ͳ͍ʣ
    w ɹɹɹɹɹɹɹɹͱ͢Δͱ

    C͸WFD
    ʹͳΔ TXJ[[MF

    View Slide

  40. ϑϥάϝϯτγΣʔμʔͷྲྀΕ
    w γΣʔμʔ͸ϐΫηϧຖʹ࣮ߦ͞ΕΔ
    w [email protected]'SBH$PMPSʹɺͦͷϐΫηϧͷ৭Λ

    WFD S H C B
    ܗࣜͰೖΕͯ͋͛Δ

    View Slide

  41. 7&%"Ͱ࢖͑Δม਺
    w [email protected]'SBH$PPSEϐΫηϧͷҐஔ
    w VOJGPSNม਺
    w qPBUUJNF7&%"ىಈ͔Βͷܦա࣌ؒ ඵ

    w WFDSFTPMVUJPO΢Οϯυ΢ͷαΠζ

    View Slide

  42. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏

    View Slide

  43. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏

    View Slide

  44. TUFQGSBHΛ࣮ߦͯ͠ΈΑ͏

    View Slide

  45. ୈೋষ
    ಈըʹΤϑΣΫτΛ͔͚Δ

    View Slide

  46. ͜ͷষͷ໨ඪ
    w ಈըΛ࠶ੜ͠ΤϑΣΫτΛ͔͚Δํ๏Λ֮͑Δ
    w (-4-ͰԿΛͲ͏ͨ͠ΒͲ͏ͳΔͷ͔ɺ

    ͳΜͱͳ͘ײ֮Λ͔ͭΉ

    View Slide

  47. WJEFPGSBHΛ࣮ߦͯ͠ΈΑ͏
    w ͭͷಈըΛςΫενϟʹಡΈࠐΜͰ͍Δ

    View Slide

  48. TBNQMFS%ςΫενϟ
    w ɹɹɹɹɹɹɹɹɹJOUBAͱॻ͘ͱ

    ςΫενϟͷ࠲ඪVWͷ஋ΛऔಘͰ͖Δ
    w VW͸
    ʙ
    ͷൣғ

    View Slide

  49. ಈըͷ੾Γସ͑ํखಈ
    w *.1035&%ΛίϝϯτΞ΢τͰ੾Γସ͑
    w ۂͷ͍͍ײ͡ͷͱ͜Ͱ$USM&OUFS
    w Ұ൪࢖͍΍͍ͧ͢ʂʂʂ

    View Slide

  50. ಈըͷ੾Γସ͑ํࣗಈ
    w UJNF౳Λ࢖ͬͯྑ͍ײ͡ʹ੾Γସ͑Δ
    w lJG NPE UJNF

    zͨ͠Γ
    w [email protected]'SBH$PMPSTJO UJNF
    zͨ͠Γ
    w WJEFPGSBH͸͜ͷύλʔϯͰ͢Ͷ

    View Slide

  51. ಈըͷ੾Γସ͑ํ֎෦ೖྗ
    w Ի੠ʹ߹ΘͤͨΓɺ

    .*%*΍04$ೖྗΛ࢖ͬͨΓ
    w ্ख͘Ͱ͖Δͱ͔͍͍ͬͧ͜ʂʂʂ

    View Slide

  52. GYGSBHΛ࣮ߦͯ͠ΈΑ͏

    View Slide

  53. 7+ͰΑ͋͘ΔΤϑΣΫτ
    w ճస
    w Ώ͕Έ
    w ສ՚ڸͬΆ͍΍ͭ
    w 3(#ͣΒ͠
    w ࠲ඪͣΒ͠

    View Slide

  54. σΟεϓϨΠεϝϯτϚοϓ
    w WJEFPͷ஋ͰɺWJEFPͷදࣔҐஔΛ࿪·ͤΔ

    View Slide

  55. ୈࡾষ
    ௖఺γΣʔμʔ

    View Slide

  56. ͜ͷষͷ໨ඪ
    w ௖఺γΣʔμʔͷॻ͖ํΛ֮͑Δ
    w ఺΍ઢʹΑΔॳาతͳදݱΛֶͿ

    View Slide

  57. ௖఺γΣʔμʔʹΑΔγΣʔμʔΞʔτ
    w IUUQTWFSUFYTIBEFSBSUDPN͕ൃ঵ʁ
    w %σʔλΛ༻͍ͣɺγΣʔμʔ͚ͩͰ

    ௖఺ͷҐஔΛܭࢉ͢Δ
    w WBSZJOHWFDDPMPSͰ௖఺ͷ৭Λઃఆ
    w WBSZJOHม਺௖఺γΣʔμʔ͔Βϑϥάϝ
    ϯτγΣʔμʔ΁౉ͤΔม਺

    View Slide

  58. WFSUWFSUΛ࣮ߦͯ͠ΈΑ͏

    View Slide

  59. ௖఺γΣʔμʔͷྲྀΕ
    w [email protected]ʹɺͦͷ௖఺ͷ࠲ඪΛ

    WFD Y Z [ X
    ܗࣜͰೖΕͯ͋͛Δ
    w X͸ؾʹ͠ͳͯ͘ྑ͍Ͱ͢ʢৗʹͰʣ
    w [email protected][Fʹ͸ɺ௖఺ͷେ͖͞ΛೖΕΔ

    View Slide

  60. ௖఺γΣʔμʔͰԁΛඳ͘
    w WFSUFY*E௖఺ͷ൪߸
    w WFSUFY$PVOU௖఺ͷ૯਺
    w WFSUFY*E͔Β֯౓Λܭࢉͯ͠ɺTJO΍DPTͰ

    ࠲ඪΛܭࢉ͢Ε͹ྑ͍
    w WFSUFY*EWFSUFY$PVOU
    ͸ʙͱͳΔ

    View Slide

  61. WFSUWFSU͕ԁΛඳ͘

    View Slide

  62. ϓϦϛςΟϒλΠϓ
    w ίϝϯτͰWFSUFY.PEFΛมߋͰ͖Δ
    w 10*/54 -*/&4 53*"/(-&4ͳͲ
    w งғؾ͕ΨοͱมΘͬͯ੝Γ্͕Δͧʂʂ

    View Slide

  63. WFSUWFSU࠷ऴܗଶ

    View Slide

  64. QBSUJDMFGSBHղઆ
    w ௖఺γΣʔμͰਤܗΛඳ͍ͯ

    ϑϥάϝϯτγΣʔμͰΤϑΣΫτ͔͚ͯΔ
    w WFSUFY.PEFͰඳըϞʔυ੾Γସ͑
    w 53*"/(-&4Ҏ֎ͷͱ͖͸WFSUFY$PVOUΛ

    ૿΍͠·͠ΐ͏ʢ஍ຯͳͷͰʣ

    View Slide

  65. View Slide

  66. ୈ࢛ষ
    Ի੠ೖྗΛར༻͢Δ

    View Slide

  67. ͜ͷষͷ໨ඪ
    w Իʹ൓Ԡ͢ΔΞχϝʔγϣϯΛֶͿ
    w ֎෦ೖྗΛ༗ޮ׆༻͢Δํ๏Λߟ͑Δ

    View Slide

  68. 7&%"Ͱ֎෦ೖྗΛ࢖͏
    w ϑΝΠϧͷઌ಄ʹ

    ͳͲΛ௥Ճ
    w NJEJͷ࣌͸
    w Χϝϥͷ࣌͸

    View Slide

  69. Ի੠ೖྗ
    w ҎԼͷVOJGPSN͕࢖͑·͢
    w qPBUWPMVNFϘϦϡʔϜ
    w TBNQMFS%TBNQMFT೾ܗ
    w TBNQMFS%TQFDUSVNप೾਺ଳຖͷڧ͞

    View Slide

  70. BVEJPGSBHΛ࣮ߦ

    View Slide

  71. BVEJPGSBHΛ࣮ߦ
    Volume
    Spectrum
    Samples: ೾ܗ

    View Slide

  72. PCKNUMGSBHશ෦੝Γ

    View Slide

  73. ͦͷଞͷೖྗ
    w Ϛ΢εɺΩʔϘʔυɺ.*%* 04$ 

    8FCΧϝϥɺήʔϜύουʹରԠ

    View Slide

  74. ԋशλΠϜ

    View Slide

  75. ࠷ޙʹ
    w (-4-ͷָ͠͞ɺϥΠϒίʔσΟϯάͷָ͠͞
    ͕఻ΘΕ͹͍͍ͳͱࢥͬͯ·͢⚡
    w ͥͻ7+ʹ௅ઓͯ͠Έ͍ͯͩ͘͞ʂ
    w 7&%"ͷ࣭໰΍ײ૝ɺ৽ػೳͷϦΫΤετ͸
    5XJUUFSPS(JU)VCͰ͓ؾܰʹͲ͏ͧʂ

    View Slide

  76. ࢀߟϦϯΫ
    w 7&%"

    IUUQTWFEBHM
    w 5IF#PPL0G4IBEFST

    IUUQTUIFCPPLPGTIBEFSTDPN MBOKQ
    w XHMEPSHc(-4-

    IUUQTXHMEPSHEHMTM

    View Slide