Fractal.Invaders, Substrate (Interview with Jared Tarbell) - Processing

More documents

Recommendations

Info

Using Processing Download, Install The Processing software can be downloaded from the Processing website. Using a Web browser, navigate to www.processing.org/download and click on the link for your computer’s operating system. The Processing software is available for Linux, Macintosh, and Windows. The most up-to-date installation instructions for your operating system are linked from this page. Environment The Processing Development Environment (PDE) consists of a simple text editor for writing code, a message area, a text console, tabs for managing fi les, a toolbar with buttons for common actions, and a series of menus. When programs are run, they open in a new window called the display window. Pieces of software written using Processing are called sketches. These sketches are written in the text editor. It has features for cutting/pasting and for searching/replacing text. The message area gives feedback while saving and exporting and also displays errors. The console displays text output by Processing programs including complete error messages and text output from programs with the print() and println() functions. The toolbar buttons allow you to run and stop programs, create a new sketch, open, save, and export. 9 Run Compiles the code, opens a display window, and runs the program inside. Stop Terminates a running program, but does not close the display window. New Creates a new sketch. Open Provides a menu with options to open fi les from the sketchbook, open an example, or open a sketch from anywhere on your computer or network. Save Saves the current sketch to its current location. If you want to give the sketch a different name, select “Save As” from the File menu. Export Exports the current sketch as a Java applet embedded in an HTML fi le. The folder containing the fi les is opened. Click on the index.html fi le to load the software in the computer’s default Web browser. The menus provide the same functionality as the toolbar in addition to actions for fi le management and opening reference materials. File Commands to manage and export fi les Edit Controls for the text editor (Undo, Redo, Cut, Copy, Paste, Find, Replace, etc.)
Sketch Commands to run and stop programs and to add media fi les and code libraries. Tools Tools to assist in using Processing (automated code formatting, creating fonts, etc.) Help Reference fi les for the environment and language All Processing projects are called sketches. Each sketch has its own folder. The main program fi le for each sketch has the same name as the folder and is found inside. For example, if the sketch is named Sketch_123, the folder for the sketch will be called Sketch_123 and the main fi le will be called Sketch_123.pde. The PDE fi le extension stands for the Processing Development Environment. A sketch folder sometimes contains other folders for media fi les and code libraries. When a font or image is added to a sketch by selecting “Add File” from the Sketch menu, a data folder is created. You can also add fi les to your Processing sketch by dragging them into the text editor. Image and sound fi les dragged into the application window will automatically be added to the current sketch’s data folder. All images, fonts, sounds, and other data fi les loaded in the sketch must be in this folder. Sketches are stored in the Processing folder, which will be in different places on your computer or network depending on whether you use PC, Mac, or Linux and on how the preferences are set. To locate this folder, select the “Preferences” option from the File menu (or from the Processing menu on the Mac) and look for the “Sketchbook location.” It is possible to have multiple fi les in a single sketch. These can be Processing text fi les (with the extension .pde) or Java fi les (with the extension .java). To create a new fi le, click on the arrow button to the right of the fi le tabs. This button enables you to create, delete, and rename the fi les that comprise the current sketch. You can write functions and classes in new PDE fi les and you can write any Java code in fi les with the JAVA extension. Working with multiple fi les makes it easier to reuse code and to separate programs into small subprograms. This is discussed in more detail in Structure 4 (p. 395). Export The export feature packages a sketch to run within a Web browser. When code is exported from Processing it is converted into Java code and then compiled as a Java applet. When a project is exported, a series of fi les are written to a folder named applet that is created within the sketch folder. All fi les from the sketch folder are exported into a single Java Archive (JAR) fi le with the same name as the sketch. For example, if the sketch is named Sketch_123, the exported fi le will be called Sketch_123.jar. The applet folder contains the following: index.html HTML fi le with the applet embedded and a link to the source code and the Processing homepage. Double-click this fi le to open it in the default Web browser. Sketch_123.jar Java Archive containing all necessary fi les for the sketch to run. Includes the Processing core classes, those written for the sketch, and all included media fi les from the data folder such as images, fonts, and sounds. 10 Using Processing
Page 2 and 3: Processing: a programming handbook
Page 4 and 5: 29 34 45 57 67 72 91 99 113 121 131
Page 6 and 7: 88 342 55 65 305 220 98 319 323 351
Page 8 and 9: 29 30 44 55 63 70 88 97 113 124 128
Page 10 and 11: 51 51 53 57 61 61 65 67 69 69 71 72
Page 12 and 13: 237 237 238 239 242 243 245 245 249
Page 14 and 15: 501 503 507 511 515 519 519 521 522
Page 16 and 17: Processing… Processing relates so
Page 18 and 19: Literacy Processing does not presen
Page 20 and 21: languages suitable for different co
Page 22 and 23: The Processing website, www.process
Page 26 and 27: Sketch_123.java The JAVA fi le gene
Page 28 and 29: 13 Using Processing int x = 0; // S
Page 30 and 31: 15 Using Processing } } diagonals(d
Page 33 and 34: Shape 1: Coordinates, Primitives Th
Page 35 and 36: A position on the screen is compris
Page 37 and 38: While it’s possible to draw any l
Page 39 and 40: triangle(55, 9, 110, 100, 85, 100);
Page 41 and 42: Drawing order The order in which sh
Page 43 and 44: ect(33, 20, 33, 60); fill(255, 204)
Page 45 and 46: the width and the fourth parameter
Page 47 and 48: also use this range. Setting the re
Page 49 and 50: ackground(56, 90, 94); smooth(); st
Page 51 and 52: RGB HSB HEX 255 0 0 360 100 100 #FF
Page 53 and 54: Change the brightness, hue and satu
Page 56 and 57: Synthesis 1: Form and Code This uni
Page 58 and 59: Riley Waves. These images were infl
Page 61 and 62: Substrate, 2004. Image courtesy of
Page 63 and 64: 159 Interviews 1: Print
Page 65 and 66: When a program starts, mouseX and m
Page 67 and 68: 208 Input 1: Mouse I // Exponential
Page 69 and 70: Using the mouseX and mouseY variabl
Page 71 and 72: Mouse buttons Computer mice and oth
Page 73 and 74: Draw an ellipse to show the positio
Page 76 and 77:
Rafael Lozano-Hemmer. Standards and
Page 78 and 79:
obtained, in this case, with the he
Page 80 and 81:
Example 1. Detects motion by compar
Page 82 and 83:
detecting people in videos of offi
Page 84 and 85:
trajectories in 2D space. EyesWeb
Page 86 and 87:
color currColor = video.pixels[i];
Page 88 and 89:
Example 3: Detection through bright
Page 90 and 91:
Resources Computer vision software
Page 92 and 93:
map(), 81 mask(), 354 max(), 50 mil
Page 94 and 95:
C, 7, 264, 515-517, 522-523, 592, 6
Page 96 and 97:
Listening Post (Rubin, Hansen), 514
Page 98:
Spark Fun Electronics, 640 SQL (Str
show all

Fractal.Invaders, Substrate (Interview with Jared Tarbell) - Processing

Create successful ePaper yourself

Delete template?

Save as template?