1. Feedback on Each Others’ Clocks

Using the Google form below, please provide helpful feedback on the Clock assignments made by your peers. All of your feedback will be anonymized, but may be posted publicly (after collation and anonymization) on this WordPress blog. Please note that the professor reserves the right to edit your feedback for clarity and/or tone.

Question 1A. Read the first 20 pages of “Generative Art Theory” by Philip Galanter (p.146-166). In your own words, and in just a few sentences, discuss an example of something you like which exhibits effective complexity. Where does your selection sit between total order (e.g. crystal lattice) and total randomness (e.g. gas molecules, white noise, static). Include an image which illustrates your selection.

Question 1B. Quickly skim the remaining 10 pages of the article, in which Galanter outlines nine different problems with generative art (The Problem of Authorship; The Problem of Intent; The Problem of Uniqueness; The Problem of Authenticity; The Problem of Dynamics; The Problem of Postmodernity; The Problem of Locality, Code, and Malleability; The Problem of Creativity; The Problem of Meaning). Select one of these problems for which you yourself feel some sort of internal conflict or personal stake. Discuss your internal conflict. Which side of the argument do you come down on?

Categorize your blog post, Reading03.

Title your blog post, nickname-Reading03.

3. Looking Outwards 03: Generative Art

This deliverable is to be your third Looking Outwards report. Our topic for this week is Generative Art: art whose forms (images, sculptures, etcetera) have been generated by algorithms — algorithms created by artists, designers, architects, musicians, and poets.

“Generative art refers to any art practice where the artist uses a system, such as a set of natural language rules, a computer program, a machine, or other procedural invention, which is set into motion with some degree of autonomy contributing to orresulting in a completed work of art.” — Philip Galanter, What is Generative Art? (2003)

Identify a project or work which you find inspirational. In a blog post of about 150 words,

Discuss the project. Respond to the questions:

What do you admire about the work, and why do you admire these aspects of it?

What do you know (or what do you suppose) about the algorithm that generated the work?

It what ways are the creator’s artistic sensibilities manifest in their algorithm?

What is the artwork’s effective complexity? Discuss the way that the artist has balanced order and disorder.

Link (if possible) to the work. To the best of your abilities, be sure to provide the creator’s name, title of the work, and year of creation.

Embed an image of the project.

Embed a YouTube/Vimeo video of the project (if available).

Label your blog post with the Category, LookingOutwards03.

Title your blog post, nickname-LookingOutwards03.

4. Re-code: Vera Molnar’s Interruptions (1968-69)

[From Gerald King]: Perhaps you are wondering why artists copy paintings in museums, as I am doing. The answer is to study, to learn, and to find inspiration from the great masters of the past. Copying directly from works of art gives the artists insight into the creative process — insights which cannot be learned from any other source.

Vera Molnar, born 1924, is a Hungarian-French artist who was one of the first ten people to make art with a computer. Her web site is worth studying. For this assignment, we will hone our skills, as artists have done for centuries, by copying a masterwork. You are asked to use code to recreate her generative work, Interruptions, created in 1968-69.

Here she is in the 1960s:

She wrote: “Thanks to its many possibilities of combination the computer helps to systematically research the visual realm, helps the painter to free himself from cultural ′readymades′ and find combinations in forms never seen before, neither in nature nor at a museum: It helps to create inconceivable images. The computer helps, but it does not ′do′, does not ′design′ or ′invent′ anything. To avoid another misunderstanding I wish to underline something else: The fact that something is new and has not been seen before is no guarantee in any manner for its aesthetic quality. Was the portrayal of a young man with curly hair − Dürer′s self-portrait from around 1500 − new?”

Now: carefully study the following five reproductions of her generative work, Interruptions, created in 1968-69. In p5.js, reproduce Interruptions to the best of your ability. Have your “re-coded” version of Interruptions generate a new version whenever the user clicks.

Now:

Begin by observing Molnar’s artwork very carefully. In a WordPress blog post, list all of the observations you made about Molnar’s artwork. By “observations”, I mean: facts you noticed. Some of these observations might seem painfully obvious, but please list them anyway. All of them. For example, your list might look something like the following:

The artwork is square.

The artwork consists of many short black lines, on a white background.

Write 100-150 words about your process, including an evaluation of your results. Were there any observations you made, that you found challenging or difficult to reproduce? What are some things you learned, or now appreciate?

Categorize your blog post with the category, Interruptions.

Title your blog post with the title, nickname-Interruptions.

5. A Looping, Animated, Computationally Generated GIF

In this assignment, you will create a looping, animated GIF from computationally generated graphics. First, some inspiration:

Study the work of DVDP (Davidope): http://dvdp.tumblr.com/. (Be sure to click on the links (–) at the bottom of the site to see previous pages.)

Syed Reza Ali has been using animated GIFs to document his lovely work. For Ali, they are a compact, lightweight and durable format. His software may not be easy to get running in ten years, but the GIFs will still work reliably.

SKETCH FIRST! Before doing anything, make some (real) sketches in your notebook.

Write code which creates a (seamlessly) looping animation. You may use the code templates below to get started. I’ve provided templates in Processing (Java), and p5.js. With permission of the instructor, you may use another environment (such as Python in Rhino, Python in Maya, Expressions (JavaScript) in After Effects, or Python in Blender (API), so long as your solution is scripted. (Please note that the professor and TA will only officially provide support for p5.js and Processing.)

Your design may be abstract, figurative, etc. according to your tastes. I recommend that your image be no larger than 600 pixels wide, and that you restrict yourself to just a few colors. Remember, GIFs must represent all of your frames with a single a palette of just 256 colors. You may find this resource helpful, tips for making animated GIFs.

Export a series of frames, and compile these into an animated GIF. You can do this with an online tool like http://gifmaker.me/. Alternatively, here is a helpful tutorial for creating animated GIFs from folders of images, using Photoshop. Remember to set its duration to “forever”. Your GIF can be any length, but keeping it under 2MB would be sensible, and there is a hard upload limit of 12MB per file for our WordPress site.

In a blog post, upload and embed your animated GIF. Be sure not to embed any version that has been automatically resized by WordPress; it will not be animated!

If you developed your project using p5.js, please embed a live (running) version of that as well.

Write a paragraph about the experience of creating the piece. Critique your work: where you feel you succeeded, where you feel you fell short of what you’d hoped to achieve.

Include a scan or photo of your pen-and-paper sketches.

Embed your code into the blog (use the WP-Syntax plugin if you wrote Java code). Instructions for doing so are here and here. Note that you may need to switch to the WordPress text (not Visual) editing mode at this point. (Otherwise, code with < and > characters can get messed up.)

Link to your code for this project on Github.

Label your blog post with the Category, AnimatedLoop.

Title your blog post, nickname-AnimatedLoop.

Here’s a p5.js template for exporting frames for an animated GIF loop. To export the frames, you’ll need to set bIAmRunningThisOnMyLaptop to true.