ARTS 298GA: Intermediate New Media Art: resources

Here are two examples of Processing sketches ported to the browser with processing.js.

Here is the processing.js reference.

Use firefox to display web pages with processing.js content in them.

3/17/14

Representations of Time: Examples

Alternative representations of time:

Robert Smithson: Spiral Jetty
Olafur Eliasson: Your Waste of Time
Jeremy Tubbs: Timesample
Christian Marclay: The Clock
Golan Levin: Banded Clock

3/10/14

Here is an example of hosting a video on a web page using the video tag.

Here is the video tag reference on the w3schools site.

For Firefox you will need to convert your video file to wither a WebM or Ogg format. You can do so with Firefogg.

2/26/14

Recombinant Video - Sources

Invaluable resources of source video:

...and of course vimeo and youtube

2/25/14

Recombinant Video - Examples

Examples of "recombinant" moving image works:

René Viénet - Can Dialectics Break Bricks? (1973)
Rick Prelinger - Panorama Ephemera (2004)
Martin Arnold - Alone. Life Wastes Andy Hardy (exerpt) (1998)
Soda_Jerk and Sam Smith - Hollywood Burn (2011)
Jon Rafman - Codes of Honor (2011)
Fensler Films - G.I. Joe PSA's (2003)
Andrew Filippone Jr. - "Charlie Rose" by Samuel Beckett (2008)
Bad Lip Reading - Rick Perry (2011)
Slackcircus - Fabulous Secret Powers (2005)

2/19/14

Another canvas drawing resource

https://developer.mozilla.org/en-US/docs/HTML/Canvas/Drawing_graphics_with_canvas

2/18/14

Rotation and Irregular Shapes

Example of CSS rotation.

Example of irregular shapes written in javascript.

2/16/14

CSS3 Reference Website

I stumbled on it and figured it might be useful. Here's the site...

http://www.justinaguilar.com/animations/index.html

...and here's the direct link to the css file:

http://www.justinaguilar.com/animations/css/animations.css

2/12/14

Inline CSS

<!DOCTYPE html>
<html>

<head>
<title>GIF Placement Tutorial</title>
</head>

<body>
<img src="chillClinton.gif" style="position: absolute; left: 20px; top: 20px; width: 300px;"/>
<img src="psychTaft.gif" style="position: absolute; left: 340px; top: 20px; width: 300px;"/>
<img src="recursionWrestler.gif" style="position: absolute; left: 660px; top: 20px; width: 300px;"/>
</body>

</html>

2/11/14

Custom Fonts

Tools for using a custom font in your HTML/CSS based project:

First, find a font:

http://www.dafont.com/

Second, generate a font-face kit:

http://www.fontsquirrel.com/fontface/generator

Store the new font files in your project folder. Declare your font-face in your CSS document. Here is an example.

Also, here is a reference of HTML codes for special characters (letters with accents, tildes, etc.):
http://www.w3schools.com/charsets/ref_html_utf8.asp
Simply substitute the un-special word for the HTML code. (You may need to check your custom font to make sure it in fact supports special characters.)

2/5/14

Mini-Cinema Resources

David Wild - Ten Second Film
A Little Terry Gilliam Animation (Monty Python's Flying Circus)
Anthony Antonelle - Public Domain
Sally McKay - Animated Gifs Archive
Instant Cosby

1/27/14

Introduction to GIFs

Toward the Advanced Study of Graphics Interchange Format:

Benj Edwards - [Retro GIF of the Week] from Vintage Computing and Gaming
Eric Fleischauer and Jason Lazarus - twohundredfiftysixcolors
Jon Cates - Institvte for the Animated GIF

1/26/14

Defining Terms

Permeable Categories: Digital Art, Computational Art, New Media Art:

What do each of these terms mean? Which category do the following artworks belong to:

Robert Lazzarini - payphone (2002) http://www.robertlazzarini.com/
Ben Rubin and Mark Hansen - Listening Post (2002)
Jesse McLean - Climbing (2009)
Ben Benjamin - www.superbad.com (1997)
Pippin Barr - Let There Be Smite! (2011)

ARTS 298GA: Intermediate New Media Art

Pages

4/27/14

Documenation - Examples

4/16/14

Convergence Art - Examples

4/1/14

Web Log as Durational Performance - Examples

Web Log as Durational Performance - Tools

3/19/14

Rotation guide for Processing

Working with processing.js