Skip to content

Commit 596a667

Browse files
committed
Update a-personal-history-of-the-creative-coding-zeitgeist.mdx
1 parent 1013248 commit 596a667

1 file changed

Lines changed: 24 additions & 4 deletions

File tree

blogs/2026/a-personal-history-of-the-creative-coding-zeitgeist/a-personal-history-of-the-creative-coding-zeitgeist.mdx

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -43,12 +43,31 @@ Specifically, these are questions from artists <sup>1</sup> [CHiKa](https://imag
4343

4444
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.
4545

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>
4766
<Caption text="Ancient artifacts at the yard sale"/>
4867

4968
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.
5069

51-
![image]()
70+
![image](https://i.imgur.com/yxW00uu.jpeg)
5271
<Caption text="Another gem from the Book of Ideas"/>
5372

5473
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?
6887
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.
6988
[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.
7089

71-
![image]()
90+
![image](https://i.imgur.com/Yp8tpyQ.png)
7291
<Caption text="Muriel Cooper, Poster to promote The Bauhaus, 1969"/>
7392

7493
### Processing & p5.js
7594
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.
7695

77-
![image]()
96+
![image](https://i.imgur.com/YmcM9jA.png)
7897
<Caption text="Some early Processing examples from 2003"/>
7998

8099
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.
81100

82101
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.
83102

84103
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+
![image](https://i.imgur.com/h5gxUsS.png)
85105

86106
## Academia
87107
[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

Comments
 (0)