You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blogs/2026/a-personal-history-of-the-creative-coding-zeitgeist/a-personal-history-of-the-creative-coding-zeitgeist.mdx
+24-4Lines changed: 24 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -43,12 +43,31 @@ Specifically, these are questions from artists <sup>1</sup> [CHiKa](https://imag
43
43
44
44
Before I moved to New York, I visited a handful of times. In 2017, the summer before my senior year of college, I visited a dear friend here, right around the time [Eyebeam](https://en.wikipedia.org/wiki/Eyebeam_(organization)) was moving to their new location. They were having a studio sale. I dug through bins and bins of nuts and bolts and microcontrollers, with an actual shovel.
45
45
46
-
![image]()
46
+
<div
47
+
style={{
48
+
display: "flex",
49
+
alignItems: "center",
50
+
justifyContent: "space-around",
51
+
}}
52
+
>
53
+
<img
54
+
src="https://i.imgur.com/Jfy6mWO.png"
55
+
width={250}
56
+
height="auto"
57
+
alt="eyebeam yard sale"
58
+
/>
59
+
<img
60
+
src="https://i.imgur.com/zszTJP0.png"
61
+
width={150}
62
+
height="auto"
63
+
alt="ancient cd box"
64
+
/>
65
+
</div>
47
66
<Captiontext="Ancient artifacts at the yard sale"/>
48
67
49
68
I found old CD-ROMS and even some floppies. And, most importantly, I found the [Eyebeam Book of Ideas (2016)](https://www.eyebeam.org/wp-content/uploads/2016/06/Eyebeam-Book-of-Ideas-1.pdf), a book of ideas, queries, and meditations by artists who had completed Eyebeam's residency program.
50
69
51
-
![image]()
70
+

52
71
<Captiontext="Another gem from the Book of Ideas"/>
53
72
54
73
I opened it, and was struck by a familiar brain-buzzing feeling. I felt such a sense of possibility, looking at the recent history of Making, thinking through my own potential future of Making.
@@ -68,20 +87,21 @@ So where did it all begin?
68
87
The MIT Media Lab, founded in 1985, has taken on a nearly mythological quality for engineers and designers alike. It's made up of specialized research groups that graduate students can apply to for hyper-focused studies. They all have super interesting names like Mediated Matter, Opera of the Future, Lifelong Kindergarten, Sculpting Evolution, and so many more.
69
88
[Muriel Cooper](https://en.wikipedia.org/wiki/Muriel_Cooper) was a pioneering designer who was the MIT Media Labs Co-Founder and its first Director, as well as the Design Director for the MIT Press. At her death in 1994, she was the first (and only!) female tenured professor at the lab.
70
89
71
-
![image]()
90
+

72
91
<Captiontext="Muriel Cooper, Poster to promote The Bauhaus, 1969"/>
73
92
74
93
### Processing & p5.js
75
94
My first exposure to creative coding was [Processing](https://en.wikipedia.org/wiki/Processing), the first widely used programming language for artists, invented by Casey Reas and Ben Frye in 2001 while they were graduate students at the Aesthetics and Computation Group at the lab. Processing was inspired by John Maeda's 1999 project, [Design By Numbers](https://en.wikipedia.org/wiki/Design_By_Numbers), developed in the same research group.
76
95
77
-
![image]()
96
+

78
97
<Captiontext="Some early Processing examples from 2003"/>
79
98
80
99
I stumbled across Processing in 2014 after a lifetime of avoiding coding (I'm an artist! I don't code…), and quickly found myself making my [very first game](https://www.codedex.io/projects/build-a-conversational-game-in-p5js) with the language.
81
100
82
101
Processing led to the development of [p5.js](https://p5js.org/people/) in 2013, a JavaScript framework created by Lauren Lee McCarthy that brought the functionality of Processing to the web. This took Processing from something that could only exist locally (with occasional ports to the web) to a fully fledged JavaScript library. It could now be seamlessly integrated into websites of all kinds.
83
102
84
103
Processing exists within an ecosystem of creative coding. Here is a diagram from Casey Reas's [2018 blog post](https://medium.com/processing-foundation/a-modern-prometheus-59aed94abe85), connecting Processing to some other languages you may have learned in school or here on [Codédex](https://www.codedex.io/p5js).
104
+

85
105
86
106
## Academia
87
107
[Talk about the way academic programs are structured to respond to what artists are making/what the industry is making/how that loop works]
0 commit comments