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
The Art of Creative Coding
Search
Atsushi Tadokoro
May 29, 2014
Technology
0
990
The Art of Creative Coding
Atsushi Tadokoro
May 29, 2014
Tweet
Share
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.7k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
420
Processing.jsによるデータの可視化と生成的表現
tado
1
1.7k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
340
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.5k
TumblrでWebサイトを作成
tado
0
690
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.1k
Other Decks in Technology
See All in Technology
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す!?~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
2
110
20241220_S3 tablesの使い方を検証してみた
handy
4
580
生成AIのガバナンスの全体像と現実解
fnifni
1
190
WACATE2024冬セッション資料(ユーザビリティ)
scarletplover
0
210
非機能品質を作り込むための実践アーキテクチャ
knih
5
1.4k
開発生産性向上! 育成を「改善」と捉えるエンジニア育成戦略
shoota
2
380
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
810
オプトインカメラ:UWB測位を応用したオプトイン型のカメラ計測
matthewlujp
0
180
2024年にチャレンジしたことを振り返るぞ
mitchan
0
140
Snykで始めるセキュリティ担当者とSREと開発者が楽になる脆弱性対応 / Getting started with Snyk Vulnerability Response
yamaguchitk333
2
190
フロントエンド設計にモブ設計を導入してみた / 20241212_cloudsign_TechFrontMeetup
bengo4com
0
1.9k
How to be an AWS Community Builder | 君もAWS Community Builderになろう!〜2024 冬 CB募集直前対策編?!〜
coosuke
PRO
2
2.8k
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.1k
GraphQLとの向き合い方2022年版
quramy
44
13k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Why Our Code Smells
bkeepers
PRO
335
57k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
810
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Visualization
eitanlees
146
15k
The Invisible Side of Design
smashingmag
298
50k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Mobile First: as difficult as doing things right
swwweet
222
9k
Become a Pro
speakerdeck
PRO
26
5k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Transcript
5IF"SUPG$SFBUJWF$PEJOH ݄ ాॴ३
ࣗݾհ
ࣗݾհ ‣ ాॴ३ ͨͲ͜Ζ͋ͭ͠ ‣ ΫϦΤΠςΟϒɾίʔμʔ ‣ େֶඇৗۈߨࢣ
ଟຎඒज़େֶɺ౦ژज़େֶ ͳͲ ‣ ࡢ͔ΒɺࡦɾϝσΟΞݚڀՊത࢜աఔࡏ੶
ࣗݾհ ‣ IUUQZPQQBPSH TDSFFOTIPU@
ࣗݾհ ‣ ʰ#FZPOE*OUFSBDUJPO<վగୈ൛>ΫϦΤΠςΟϒɾίʔσΟϯάͷͨΊͷ PQFO'SBNFXPSLT࣮ફΨΠυʱઈࢍൢചத TDSFFOTIPU@
ΠϯτϩμΫγϣϯ લʹλΠϜεϦοϓ
લʹλΠϜεϦοϓ ‣ લͷʮ˞ΤϛϡϨʔλʔʯΛҎԼ͔Βμϯϩʔυ ‣ IUUQWJDFFNVTPVSDFGPSHFOFU ! ! ! ! !
! ! ! ! ‣ ˞ΤϛϡϨʔλʔ͋ΔγεςϜ্Ͱଞͷ04$16ͷػೳΛ࠶ݱ͠ɺͦͷ04 $16 ͚ͷΞϓϦέʔγϣϯιϑτΛಈ࡞ͤ͞ΔιϑτΣΞ WJDF
લʹλΠϜεϦοϓ ‣ WJDF$PNNPEPSFͷΤϛϡʔϨʔλʔ ! ‣ $PNNPEPSF ‣ ୯Ұػछͱͯ͠࠷ൢചͷଟ͍ύʔιφϧίϯϐϡʔλ
‣ ສ͔Βສ
લʹλΠϜεϦοϓ ‣ ·ͣɺ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$(205.97+RND(1)); : GOTO 10
$PNNPEPSͰδΣωϥςΟϒͳදݱʹઓ ‣ 10 PRINT CHR$(198.5+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
(-4-൛13*/5 ‣ IUUQHMTMIFSPLVDPNFIUNM
1SPDFTTJOHܝࣔ൘Ͱͷٞ ‣ IUUQGPSVNQSPDFTTJOHPSHPOFUPQJDDIBMMFOHFQSPDFTTJOH WBSJBUJPOTPGQSJOUDISSOEHPUPIUNM
͜͜·Ͱͷ·ͱΊ
͜͜·Ͱͷ·ͱΊ ‣ ʮύιίϯʯΧϧνϟʔᴈ໌ظʙ ‣ ίϯϐϡʔλΛ͏ϓϩάϥϛϯά͕લఏ ‣ ϓϩάϥϛϯά͢Δָ͠͞ɺتͼ ‣ ίʔυʹΑΔࢥߟ !
‣ ʮ1$༷ʑͳ͜ͱ͕ՄೳʹͳΔເͷϚγϯʯͱ͍͏Πϝʔδ ‣ ύιίϯͰ༡ͼͳ͕ΒʮίʔυʹΑΔࢥߟʯ͕ҭ·Ε͍ͯͬͨ
͜͜·Ͱͷ·ͱΊ ‣ ࢀߟɿ4IBSQ;ͷϚχϡΞϧ ‣ ʮ.;4&3*&4#"4*$ղઆ QEG ʯ
ίʔυʹΑΔࢥߟͷ࠶ൃݟ $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
$SFBUJWF$PEJOH ‣ $SFBUJWF$PEJOHʹ͍ͭͯͷղઆө૾ ‣ 5IF"SUPG$SFBUJWF$PEJOHc0⒎#PPLc1#4 ‣ IUUQZPVUVCFF#7-5H