デザイン言語総合講座 - クリエイティブ・コーディング

σβΠϯݴޠ૯߹ߨ࠲ ΫϦΤΠςΟϒɾίʔσΟϯά ܚጯେֶ؀ڥ৘ใֶ෦ ೥݄೔ ాॴ३

Լهͷ63-͔ΒϑΝΠϧΛμ΢ϯϩʔυ͓͍͍ͯͯͩ͘͠͞ ˞େจࣈখจࣈ΋ͦͷ··Ͱ http://goo.gl/gxhX55

ࣗݾ঺հ

ࣗݾ঺հ ‣ ాॴ३ ͨͲ͜Ζ͋ͭ͠ ‣ ΫϦΤΠςΟϒɾίʔμʔ ‣ େֶඇৗۈߨࢣ
ଟຎඒज़େֶɺ౦ژ᥁ज़େֶ ͳͲ ‣ ࡢ೥౓͔Βɺ੓ࡦɾϝσΟΞݚڀՊത࢜՝ఔࡏ੶

ࣗݾ঺հ ‣ IUUQZPQQBPSH TDSFFOTIPU@

ࣗݾ঺հ ‣ ʰ#FZPOE*OUFSBDUJPO<վగୈ൛>ΫϦΤΠςΟϒɾίʔσΟϯάͷͨΊͷ PQFO'SBNFXPSLT࣮ફΨΠυʱઈࢍൢചத TDSFFOTIPU@

ΠϯτϩμΫγϣϯ ೥લʹλΠϜεϦοϓ

೥લʹλΠϜεϦοϓ ‣ ೥લͷʮ˞ΤϛϡϨʔλʔʯΛҎԼ͔Βμ΢ϯϩʔυ ‣ IUUQWJDFFNVTPVSDFGPSHFOFU ‣ ˞ΤϛϡϨʔλʔ͋ΔγεςϜ্Ͱଞͷ04΍$16ͷػೳΛ࠶ݱ͠ɺͦͷ04 $16 ޲͚ͷΞϓϦέʔγϣϯιϑτΛಈ࡞ͤ͞Διϑτ΢ΣΞ WJDF

೥લʹλΠϜεϦοϓ ‣ WJDF$PNNPEPSFͷΤϛϡʔϨʔλʔ ‣ $PNNPEPSF ‣ ୯Ұػछͱͯ͠͸࠷΋ൢച୆਺ͷଟ͍ύʔιφϧίϯϐϡʔλ ‣
ສ͔Βສ୆ ‣ ೥౰࣌ͷ57$.IUUQZPVUVCF%@GV*[&*YP

೥લʹλΠϜεϦοϓ ‣ ·ͣ͸ɺWJDFͷதʹ͋Δ9Λ࣮ߦͯ͠ΈΔ ‣ ҎԼͷΑ͏ͳىಈը໘͕දࣔ͞ΕΔ

೥લʹλΠϜεϦοϓ ‣ ೥୅౰࣌ͷύʔιφϧίϯϐϡʔλ ‣ γεςϜΛىಈ͢Δͱɺ#"4*$ΤσΟλʔ͕දࣔ͞ΕΔ ‣ ॳظը໘͕ɺϓϩάϥϛϯά؀ڥͩͬͨ ‣
౰࣌ͷύιίϯͷ30.ʹ͸ɺ#"4*$ΠϯλϓϦλʔ ίϯϐϡʔλͷϓϩάϥϜΛ࣮ ߦ͢Διϑτ΢ΣΞ ͕಺ଂ͞Ε͍ͯͨ ‣ #"4*$ϚΠίϯʹ͓͚Δඪ४ݴޠ ‣ ϚΠΫϩιϑτ༂ਐͷ࢝·Γ

೥લʹλΠϜεϦοϓ ‣ ϓϩάϥϜΛ࣮ߦͯ͠ΈΔ ‣ ·ͣ͸ఆ൪ͷɺ)&--0803-% 10 PRINT “HELLO WORLD” RUN

೥લʹλΠϜεϦοϓ ‣ ࢛ଇԋࢉ΋Մೳ ‣ ྫ 10 PRINT 123+456 RUN

೥લʹλΠϜεϦοϓ ‣ ͘Γ͔͑͠ɺϝοηʔδΛදࣔ͢Δ ‣ ྫ 10 PRINT “HELLO! ”; 20
GOTO 10 RUN

೥લʹλΠϜεϦοϓ ‣ ը໘͕ϝοηʔδͰຒΊͭ͘͞ΕΔ

೥લʹλΠϜεϦοϓ ‣ ϝοηʔδͷจࣈྻΛॻ͖׵͑ͯɺύλʔϯΛੜ੒ͯ͠ΈΔ

$PNNPEPSͰδΣωϥςΟϒͳදݱʹ௅ઓ

$PNNPEPSͰδΣωϥςΟϒͳදݱʹ௅ઓ ‣ ͜͜·Ͱͷ஌ࣝΛ࢖༻ͯ͠ɺ$PNNPEPSͰδΣωϥςΟϒ (FOFSBUJWFੜ੒ త ͳදݱʹ௅ઓ ‣ ҎԼͷϓϩάϥϜΛೖྗ ‣ ্ͷϓϩάϥϜ͸ɺҎԼͷߦʹ୹ॖͯ͠΋ಉ͡ҙຯ
10 PRINT CHR$(205.5+RND(1)); 20 GOTO 10 RUN 10 PRINT CHR$(205.5+RND(1)); : GOTO 10 RUN

$PNNPEPSͰδΣωϥςΟϒͳදݱʹ௅ઓ ‣ ϥϯμϜͳ໎࿏ͷΑ͏ͳύλʔϯ͕ੜ੒͞ΕΔ

$PNNPEPSͰδΣωϥςΟϒͳදݱʹ௅ઓ ‣ ͳͥɺ͜ͷ໛༷͕ੜ੒͞ΕΔͷ͔ ‣ 3/% ˠʙͷϥϯμϜͳ਺Λੜ੒ ‣
$)3 ʜ Ͱ͸ɺׅހ಺ͷ਺͸࢛ࣺޒೖ͞ΕΔ ‣ 㱡Oˠ ‣ 㱡Oˠ ‣ ͭ·Γɺͱ͕ͷ֬཰Ͱੜ੒͞ΕΔ ‣ ͷจࣈ͸ʮaʯ ‣ ͷจࣈ͸ʮʯ ‣ ͜ͷͭͷจࣈͷ૊Έ߹ΘͤͰɺύλʔϯ͕ੜ੒͞Ε͍ͯΔ ‣ ͷ਺஋ΛมԽͤͯ͞ΈΔ

$PNNPEPSͰδΣωϥςΟϒͳදݱʹ௅ઓ ‣ 10 PRINT CHR$(205.1+RND(1)); : GOTO 10

$PNNPEPSͰδΣωϥςΟϒͳදݱʹ௅ઓ ‣ ͞ΒʹෳࡶͳύλʔϯΛɺ͍Ζ͍Ζ঺հ͠·͢ 10 PRINT CHR$(204+(INT(RND(1)+.5)*3)); : GOTO 10 10
PRINT CHR$(204+(RND(1)+.5)*3); : GOTO 10 10 print CHR$(105+(RND(1)+.5)*7); : goto 10 10 print CHR$(200+(RND(1)+.5)*3); : goto 10 10 print CHR$(199+(RND(1)+.5)*3); : goto 10 10 PRINT CHR$(181+(INT(RND(1)+.5)*3)+(INT(RND(1)+.5))); : GOTO 10 10 PRINT CHR$(181+(INT(RND(1)+.5)*3)); : GOTO 10 10 POKE 1024+RND(1)*1000,77.5+RND(1) : GOTO 10

ΫΠζ

ΫΠζ ‣ 13*/5ͷύλʔϯΛɺ1SPDFTTJOHͰඳ͚ͳ͍͔ ‣ Ͱ͖Δ͚ͩɺγϯϓϧʹ

ղ౴ྫ ‣ 13*/5GPS1SPDFTTJOH size(800, 600); int step = 20; for
(int y = 0; y < height; y += step) { for (int x = 0; x < width; x += step) { if (random(1) > 0.5) { line(x, y, x+step, y+step); } else { line(x, y+step, x+step, y); } } }

ղ౴ྫ ‣ 13*/5GPS1SPDFTTJOH

ղ౴ྫ ‣ ͞Βʹɺ͍Ζ͍Ζ޻෉ͯ͠ΈΔ void setup() { size(800, 600, P3D); background(0,
0, 127); stroke(255); tenPrint(10, 2); } void draw() { } void tenPrint(float step, float rnd) { for (int y = 0; y < height; y += step) { for (int x = 0; x < width; x += step) { if (random(1) > rnd) { line(x, y, x+step, y+step); } else { line(x, y+step, x+step, y); } } } } void mouseDragged() { background(0, 0, 127); float rnd = map(mouseX, 0, width, 0, 1); float div = map(mouseY, 0, height, 2, 80); tenPrint(div, rnd); }

ղ౴ྫ ‣ Ϛ΢εͷҐஔͰɺ໛༷ͷࡉ͔͞ͱࠨӈͷઢͷ֬཰Λมߋ

(-4-൛13*/5 ‣ IUUQHMTMIFSPLVDPNFIUNM

͜͜·Ͱͷ·ͱΊ

͜͜·Ͱͷ·ͱΊ ‣ ʮύιίϯʯΧϧνϟʔᴈ໌ظʙ೥୅ ‣ ίϯϐϡʔλΛ࢖͏ϓϩάϥϛϯά͕લఏ ‣ ϓϩάϥϛϯά͢Δָ͠͞ɺتͼ ‣ ίʔυʹΑΔࢥߟ ‣
ʮ1$༷ʑͳ͜ͱ͕ՄೳʹͳΔເͷϚγϯʯͱ͍͏Πϝʔδ ‣ ύιίϯͰ༡ͼͳ͕ΒʮίʔυʹΑΔࢥߟʯ͕ҭ·Ε͍ͯͬͨ

͜͜·Ͱͷ·ͱΊ ‣ ࢀߟɿ4IBSQ.;ͷϚχϡΞϧ ‣ ʮ.;4&3*&4#"4*$ղઆʯ

ίʔυʹΑΔࢥߟͷ࠶ൃݟ $SFBUJWF$PEJOH

$SFBUJWF$PEJOH ‣ ͜ͷ࡞඼ͷύλʔϯʹݟ͕֮͑

$SFBUJWF$PEJOH ‣ $BTFZ3FBT :FT/P ˡ͍ͭ࠷ۙͷ࡞඼

$SFBUJWF$PEJOH ‣ &OP)FO[F 3"45&3'")/%6/(

$SFBUJWF$PEJOH ‣ (PMBO-FWJO 4FMG"EIFSFODF GPS8SJUUFO*NBHFT

$SFBUJWF$PEJOH ‣ %BWJE8JDLT +BDPC`T$BWF

$SFBUJWF$PEJOH ‣ ೥୅ ‣ ʙ೥୅ͷίϯϐϡʔλɾΞʔτΛ૝ىͤ͞Δ࡞඼͕ଟ਺ग़ݱ ‣ ʮίʔυʹΑΔࢥߟʯͷϦόΠόϧ ‣ ͳͥɺ͜ͷΑ͏ͳݱ৅͕ىͬͨ͜ͷ͔
‣ ΞʔςΟετͷͨΊͷϓϩάϥϛϯά؀ڥͷֵ໋ ‣ ˠΫϦΤΠςΟϒɾίʔσΠϯά $SFBUJWF$PEJOH

%FTJHOCZ/VNCFST %C/ ‣ +PIO.BFEB ʣ

1SPDFTTJOH ‣ $BTFZ3FBT #FO'SZ

PQFO'SBNFXPSLT ‣ ;BDIBSZ-JFCFSNBO 5IFP8BUTPO "SUVSP$BTUSP

ίʔσΟϯά؀ڥͷൺᄻͷมભ ‣ %FTJHOCZ/VNCFSTˠ਺

ίʔσΟϯά؀ڥͷൺᄻͷมભ ‣ 1SPDFTTJOHˠεέον

ίʔσΟϯά؀ڥͷൺᄻͷมભ ‣ PQFO'SBNFXPSLTˠކ (MVF

࣍ͷΫϦΤΠςΟϒɾίʔσΟϯάͷτϨϯυ͸ʁ

࣍ͷΫϦΤΠςΟϒɾίʔσΟϯάͷτϨϯυ͸ʁ ˠ-*7&

4XJGU ‣ $ISJT-BUUOFS "QQMF ‣ 88%$Ͱಥ೗ൃද ‣
"QQMF७ਖ਼ɺϓϩάϥϛϯάݴޠ ‣ 0CKFDUJWF$ͷ୅ସΛ໨ࢦ͢

4XJGU ‣ 4XJGUγϯϓϧͰɺߴੑೳ // Objective-C NSString *str = @"Hello ";
str = [str stringByAppendingString:@" world"]; // Swift var str = "Hello " str += " world"

4XJGU ‣ 1MBZHSPVOE ‣ ϥΠϒίʔσΟϯάػೳ

"Playgrounds were heavily inﬂuenced by Bret Victor's ideas, by Light
Table and by many other interactive systems."  - Chris Lattner (Apple)

#SFU7JDUPS*OWFOUJOHPO1SJODJQMF ‣ $64&$ͰͷσϞ ‣ ίʔσΟϯάաఔΛϥΠϒͰϓϨϏϡʔ͠ͳ͕Β։ൃ͢Δπʔϧ ‣ ·͞ʹɺϥΠϒίʔσΟϯάʂ ‣ IUUQTWJNFPDPN

-JHIU5BCMF ‣ ϥΠϒίʔσΟϯάʹಛԽͨ͠ΤσΟλ ‣ IUUQXXXMJHIUUBCMFDPN

ίʔυཧղͷͨΊͷϥΠϒίʔσΟϯά

ίʔυཧղͷͨΊͷϥΠϒίʔσΟϯά ‣ 5IFFOWJSPONFOUTIPVMEBMMPXUIFMFBSOFSUP ‣ SFBEUIFWPDBCVMBSZXIBUEPUIFTFXPSETNFBO ‣ GPMMPXUIFqPXXIBUIBQQFOTXIFO ‣
TFFUIFTUBUFXIBUJTUIFDPNQVUFSUIJOLJOH ‣ DSFBUFCZSFBDUJOHTUBSUTPNFXIFSF UIFOTDVMQU ‣ DSFBUFCZBCTUSBDUJOHTUBSUDPODSFUF UIFOHFOFSBMJ[F ‣ #SFU7JDUPS -FBOBCMF1SPHSBNNJOH

ίʔυཧղͷͨΊͷϥΠϒίʔσΟϯά ‣ ։ൃ؀ڥ͸ɺҎԼͷػೳΛఏڙ͢Δ΂͖ ‣ ޠኮ͕Θ͔Δͦͷݴ༿͸ԿΛҙຯ͍ͯ͠Δͷ͔ʁ ‣ ྲྀΕΛ௥͏Կ͕͍ͭى͍ͬͯ͜Δͷ͔ ‣ ঢ়ଶΛݟΔࠓίϯϐϡʔλ͸ԿΛߟ͍͑ͯΔ
‣ ૬ޓ࡞༻Λੜ੒͋ΔҰ఺͔Β࢝Ίͯɺܗ੒͍ͯ͘͠ ‣ ந৅ੑΛੜ੒۩ମతʹ࢝ΊͯɺҰൠԽ͍ͯ͘͠

4LFUDIˠ-JWF

4LFUDIˠ-JWF ‣ ύϑΥʔϚϯεͷखஈͱ͚ͯͩ͠Ͱͳ͘ɺ৽ͨͳ։ൃख๏ͷύϥμΠϜͱͯ͠ ‣ εέονʢ1SPDFTTJOH ͔ΒɺϥΠϒʢ-JWF$PEJOHʣϔ ‣ ϥΠϒύϑΥʔϚϯε͢ΔΑ͏ʹ։ൃ͍ͯ͘͠

デザイン言語総合講座 - クリエイティブ・コーディング

デザイン言語総合講座 - クリエイティブ・コーディング

More Decks by Atsushi Tadokoro

Other Decks in Technology

Featured

Transcript