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
1.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
The Art of Creative Coding
Atsushi Tadokoro
May 29, 2014
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.8k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
470
Processing.jsによるデータの可視化と生成的表現
tado
1
1.9k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
380
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.4k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.6k
TumblrでWebサイトを作成
tado
0
730
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.2k
Other Decks in Technology
See All in Technology
タスクの複雑さでモデルを選ぶ ── Thompson Samplingで動かす“トークン/コスト最適化
satohy0323
0
570
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
0
230
AIレビューはどこまで任せられるのか?自動化と人が背負うレビューの境界
sansantech
PRO
3
1.1k
「早く出す」より「事業に効く」 ── 顧客の業務サイクルから逆算するAI時代の二重ループ開発と「変化の設計者」 / devsumi2026
rakus_dev
1
420
AICoEでAIネイティブ組織への進化
yukiogawa
0
200
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
AIが実装を自走する時代の認知負債との戦い
lycorptech_jp
PRO
1
500
Data + AI Summit 2026 イベントレポート: 「AIがビジネスで意思決定するデータ基盤」へ
nek0128
0
280
非定型なドキュメントを効率よくリファクタする 〜えぇ!?仕様書27本の移行が1日で終わったって!?〜
subroh0508
2
570
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
ynisqa1988
1
650
AI Coding Agent時代のcdk-nagガードレール 〜組織ルールを強制CIで守り抜く設計の挑戦〜
mhrtech
3
440
実践!既存 Project への AI-Driven Development 適用〜 一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
lycorptech_jp
PRO
0
240
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
340
A Tale of Four Properties
chriscoyier
163
24k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
A Modern Web Designer's Workflow
chriscoyier
698
190k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Become a Pro
speakerdeck
PRO
31
6k
Making Projects Easy
brettharned
120
6.7k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Tell your own story through comics
letsgokoyo
1
1k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
Faster Mobile Websites
deanohume
310
32k
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