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
1k
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
450
Processing.jsによるデータの可視化と生成的表現
tado
1
1.8k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
370
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.6k
TumblrでWebサイトを作成
tado
0
720
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.2k
Other Decks in Technology
See All in Technology
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
110
Azure SynapseからAzure Databricksへ 移行してわかった新時代のコスト問題!?
databricksjapan
0
110
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
3.8k
北海道の人に知ってもらいたいGISスポット / gis-spot-in-hokkaido-2025
sakaik
0
190
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
240
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
750
Streamlit は社内ツールだけじゃない!PoC の速さで実現する'商用品質'の分析 SaaS アーキテクチャ
kdash
3
1.1k
Windows で省エネ
murachiakira
0
150
pprof vs runtime/trace (FlightRecorder)
task4233
0
140
CData MCP ナイト!「CData × Oracleで実現する新しいデータ活用 ― 国産SaaS 連携から MCP Server for Oracle Database まで」
shisyu_gaku
0
190
API提供者のためのMCPサーバー設計ガイド / MCP Server Design Guide for API Providers
yokawasa
0
240
タスクって今どうなってるの?3.14の新機能 asyncio ps と pstree でasyncioのデバッグを (PyCon JP 2025)
jrfk
1
140
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
431
66k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Fireside Chat
paigeccino
40
3.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Building an army of robots
kneath
306
46k
Visualization
eitanlees
148
16k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Agile that works and the tools we love
rasmusluckow
330
21k
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