Overview
This is the in-class workshop page for the NPC Artist: Programming for the Generative Web workshop, led by John Provencher, for Fruitful School, with guests Maya Man & Travess Smalley.
In this workshop, we will be programming generative works — exploring the ways contemporary artists and programmers use generative software in their practice.
Tools
- your laptop
- a modern browser downloaded (Chrome, Firefox, Arc, Safari)
- a text editor downloaded (VS Code, Sublime Text, etc)
- adobe photoshop
Structure
For each of these weekly sessions, the general format is: lecture, demonstration, workshop, and sharing all within the course of four hours together. Each self-contained session will follow with a list of resources and ways to push work forward. each session, simply come as present as possible, ready to work and dialogue.
Each week, you'll receive an email before and after we meet. Also, this very website that you're on is the main class "hub." All updates and resources will be here.
Tools
- your laptop
- a modern browser downloaded (Chrome, Firefox, Arc, Safari)
- a text editor downloaded (VS Code, Sublime Text, etc)
- adobe photoshop
Structure
For each of these weekly sessions, the general format is: lecture, demonstration, workshop, and sharing all within the course of four hours together. Each self-contained session will follow with a list of resources and ways to push work forward. each session, simply come as present as possible, ready to work and dialogue.
Each week, you'll receive an email before and after we meet. Also, this very website that you're on is the main class "hub." All updates and resources will be here.
Schedule
Week 1.
02.04, 1-5pm
with John Provencher, Maya Man
"Read It And Weep"
- introductions
- workshop intro
- lecture: Read It And Weep by maya man
( break )
- generative text intro
- variables, strings, arrays, DOM, functions, randomness
- generative grammers
- working session
weekly demo
weekly quest
Week 2.
02.11, 1-5pm
"in matrix"
- work share
- some work
- matrix lecture
- demo: p5js basics
( break )
- demo: grid
- demo: perlin
- demo: img
- working session
weekly demo
weekly quest
BUY harold cohen tickets 10:30AM 02/18 (optional)
Week 3.
02.18, 1-5pm
with Travess Smalley
"Generative Systems & Emergent Play"
- 10:30 (optional) Whitney Museum, Harold Cohen: AARON.
- @ index space, work share
- On Screensavers, Expanded Cinema, Computational Art, Procedural Generation in Games, Scripting, Sources of Randomness, and Generative Systems, an artist talk and lecture by Travess Smalley
- AppleScript for Artists
- Actions and Image Processor in Adobe Photoshop
- JavaScript and Scripting Listener in Photoshop
- working session
weekly demo
final quest
02.04, 1-5pm
with John Provencher, Maya Man
"Read It And Weep"
- introductions
- workshop intro
- lecture: Read It And Weep by maya man
( break )
- generative text intro
- variables, strings, arrays, DOM, functions, randomness
- generative grammers
- working session
weekly demo
weekly quest
02.11, 1-5pm
"in matrix"
- work share
- some work
- matrix lecture
- demo: p5js basics
( break )
- demo: grid
- demo: perlin
- demo: img
- working session
weekly demo
weekly quest
BUY harold cohen tickets 10:30AM 02/18 (optional)
02.18, 1-5pm
with Travess Smalley
"Generative Systems & Emergent Play"
- 10:30 (optional) Whitney Museum, Harold Cohen: AARON.
- @ index space, work share
- On Screensavers, Expanded Cinema, Computational Art, Procedural Generation in Games, Scripting, Sources of Randomness, and Generative Systems, an artist talk and lecture by Travess Smalley
- AppleScript for Artists
- Actions and Image Processor in Adobe Photoshop
- JavaScript and Scripting Listener in Photoshop
- working session
weekly demo
final quest
Resources
technology
- eloquent javascript (reader)
- free code camp (course)
- mozilla javascript (documentation)
- HTML Basics (fruitful guide)
- CSS Basics (fruitful guide)
- JS (fruitful guide)
02/18 links
... workshop links
- day 3 doc
- google drive assets
- Automator
- Shortcuts
- Actions
- Image processing
- scripting listener pluggin
- mac rosetta
- applescript keycodes
- photoshop scripting reference
- krita scripting
- blender scripting
Workshop Research & Courses,
- programming images [arena]
- programming images readings [arena]
- generative systems and chance [arena]
Online Documentation & Reference
- AppleScript Language Guide
- Adobe Photoshop JavaScript Scripting Reference
- 10 print
- Introduction to JavaScript for Photoshop Scripting
Workshop Texts & Books,
- Chance Imagery, George Brecht, 1966. PDF
- Drawing A Tree, Bruno Munari, 1978. PDF.
- Anthology of Text Scores, Pauline Oliveros, 2013. Book.
- Drawing Comics By Programming, John Pound, 2003. PDF.
- Conditional Design Workbook, Studio Moniker, 2013. Web.
- The Art of Computer Designing, Osamu Sato, 1993. PDF.
- Systems Reader, Edward A. Shanken, 2015. PDF.
- JavaScript: The Definitive Guide, David Flannigan, 4th Edition, 2001. Book.
- AppleScript: The Definitive Guide, Matt Neuburg, 2nd Edition, 2006. Book.
Current Exhibitions to See,
- Auriea Harvey: My Veins Are the Wires, My Body Is Your Keyboard at Museum of the Moving Image, Queens
- Multi-User Dungeon (MUD), curated by Simon Denny, Petzel Gallery, 35 E 67th Street
- Karl Gerstner: Color Sound, Meredith Rosen Gallery, 11 East 78th Street
02/11 links
... from lecture/demos
- mark wilson (.pdf)
- mark wilson (lecture)
- harm van dorpel swallow
- every icon
- weaving
- city fonts
- dithering
- perlin noise
- noise maker
- Conway's Game of Life
- play Conway's Game of Life
- cell demo
- Lissajous Curve
- Lissajous generator
- weaving
- hektor
- in-defense-of-the-poor-image
... JS libraries
- p5js [2d graphics]
- three js [3d graphics]
- tone js [sound]
... p5JS
- http-server
- p5 web editor
- p5 js docs
- nature of code
- coding train
- perlin tutorial
- image raster tutorial
- dither tutorial
- game of life tutorial
- lissajous tutorial
02/04 links
... from lecture
- a-generative-web
- shift-ctrl
- history of net art
- Jan Robert Leegte
- joan heemskerk cables
- andreas gysin
- maya man
- traves ssmalley
- harm van dorpell
- cohens
... from demo
- grapefruit
- emmett-williams
- house of dust
- vuk cosic
- jodi
- form art
- allison parrish
- EDUARDO KAC
- cyborg
- grammatron
- mark amerika
- the_house_of_dust
- damon zucconi
- programmed poetry
- toseethewaveasaslidingdoor.com
- shouldnt-9000
- generative grammar
... maya's links
- fakeittillyoumakeit.lol
- read it and weep
- everythingidoiswrongeverythingidoisreal
- DRESS CODE
- eloquent javascript (reader)
- free code camp (course)
- mozilla javascript (documentation)
- HTML Basics (fruitful guide)
- CSS Basics (fruitful guide)
- JS (fruitful guide)
- day 3 doc
- google drive assets
- Automator
- Shortcuts
- Actions
- Image processing
- scripting listener pluggin
- mac rosetta
- applescript keycodes
- photoshop scripting reference
- krita scripting
- blender scripting
- programming images [arena]
- programming images readings [arena]
- generative systems and chance [arena]
- AppleScript Language Guide
- Adobe Photoshop JavaScript Scripting Reference
- 10 print
- Introduction to JavaScript for Photoshop Scripting
- Chance Imagery, George Brecht, 1966. PDF
- Drawing A Tree, Bruno Munari, 1978. PDF.
- Anthology of Text Scores, Pauline Oliveros, 2013. Book.
- Drawing Comics By Programming, John Pound, 2003. PDF.
- Conditional Design Workbook, Studio Moniker, 2013. Web.
- The Art of Computer Designing, Osamu Sato, 1993. PDF.
- Systems Reader, Edward A. Shanken, 2015. PDF.
- JavaScript: The Definitive Guide, David Flannigan, 4th Edition, 2001. Book.
- AppleScript: The Definitive Guide, Matt Neuburg, 2nd Edition, 2006. Book.
- Auriea Harvey: My Veins Are the Wires, My Body Is Your Keyboard at Museum of the Moving Image, Queens
- Multi-User Dungeon (MUD), curated by Simon Denny, Petzel Gallery, 35 E 67th Street
- Karl Gerstner: Color Sound, Meredith Rosen Gallery, 11 East 78th Street
... workshop links
Workshop Research & Courses,
Online Documentation & Reference
Workshop Texts & Books,
Current Exhibitions to See,
- mark wilson (.pdf)
- mark wilson (lecture)
- harm van dorpel swallow
- every icon
- weaving
- city fonts
- dithering
- perlin noise
- noise maker
- Conway's Game of Life
- play Conway's Game of Life
- cell demo
- Lissajous Curve
- Lissajous generator
- weaving
- hektor
- in-defense-of-the-poor-image
- p5js [2d graphics]
- three js [3d graphics]
- tone js [sound]
- http-server
- p5 web editor
- p5 js docs
- nature of code
- coding train
- perlin tutorial
- image raster tutorial
- dither tutorial
- game of life tutorial
- lissajous tutorial
... from lecture/demos
... JS libraries
... p5JS
- a-generative-web
- shift-ctrl
- history of net art
- Jan Robert Leegte
- joan heemskerk cables
- andreas gysin
- maya man
- traves ssmalley
- harm van dorpell
- cohens
- grapefruit
- emmett-williams
- house of dust
- vuk cosic
- jodi
- form art
- allison parrish
- EDUARDO KAC
- cyborg
- grammatron
- mark amerika
- the_house_of_dust
- damon zucconi
- programmed poetry
- toseethewaveasaslidingdoor.com
- shouldnt-9000
- generative grammar
- fakeittillyoumakeit.lol
- read it and weep
- everythingidoiswrongeverythingidoisreal
- DRESS CODE
... from lecture
... from demo
... maya's links