member since January 19, 2012
profile picture

portfolio of
Teresa Y

Final

 ////Instructions:
 * Please use keys 1-6, only in consecutive order (due to the narrative).
 * Click the mouse to change colors of the fonts for Modes 1 and 6.
 * Click and drag mouse up and down for Mode 2.
 * Mode 3 takes a little while... Upon seeing the sentence "and there were these bathing caps", 
   please allow around 6 seconds for the background to fully load.
 * Enter key makes a screenshot of the frame.
 
 
 ///References:
 For the general idea of mode 3: http://www.openprocessing.org/sketch/3848
 Processing.org Learning (Linear Image) : http://processing.org/learning/topics/line

Final_Preliminary

///References:
processing.org: reference on noiseVal
mode 1: book page 298 example,
book page 330: Typography 2: motion example

sketch 4/25 _ preliminary for final

///References:
processing.org: reference on noiseVal
mode 1: book page 298 example,
book page 330: Typography 2: motion example

I was in this prematurely
air-conditioned supermarket

Use keys 1 and 2 to switch between the slow and blurry / fast and crisp text modes.
Click on mouse to switch the color of the font.
Enter key makes a sreenshot.




References:
-------------------------
1)
Processing: A Programming Handbook for Visual Designers and Artists
Pg. 330 example

2)
Strings and Drawing Text | Processing.org:
http://processing.org/learning/text/

Five Subtleties - Midterm

Instructions:
Move the mousecursor far left and far right - off the Processing screen - to draw.
Use keys 1-5 to change canvas modes.
Enter key makes a screenshot of the frame.

Trigonometry Exercise

* Instruction
*
* Use Number Keys 1 -3 to change modes.
* Esc - Closes window
* Enter - Makes screenshot
*
* References
*
* 1) Trigonometry - Class Notes From Feb 16
*
* 2) Processing: A Programming Handbook for Visual Designers and Artists
* pg 233-234 - KeyPressed
* pg 369-370 - Saving Sequential Images, Making Screenshot
*
*

Calligraphic Penstroke

* Mimicking organic penstrokes in real life
*
* Randomized drawing starts in the upper left hand corner
* towards the lower right hand corner.
*
* L key - Broadens the width of penstroke
* S key - Thins the width of penstroke
* Up / Down arrow - accelerates / slows speed of the movement
* Esc - Closes window
*
* Reference
*
* Processing: A Programming Handbook for Visual Designers and Artists
*
* pg 37-41, 105-107 - int and float functions
* pg 69-72 - Shape: Vertices
* pg 233-234 - KeyPressed
* pg 369-370 - Saving Sequential Images, Making Screenshot
*
*

Translate/Rotate Exercise

* Four Modes
*
* 1) Left click - Positions the square on the canvas
* 2) Right click (or ctrl + left click) - Drags the square
* 3) C key - turns off the collision mode - square disappears off the canvas
* 4) Up arrow - square rotates upwards / clockwise motion
* Down arrow - square rotates downwards / counter-clockwise motion
*
* Esc - closes window
*
* Reference
*
* Processing: A Programming Handbook for Visual Designers and Artists
*
* pg 38, 106-109 - Boolean functions, data conversion
* pg 133-143 - Rotate, Translation
* pg 233-234 - KeyPressed
* pg 395-409 - Using

The Green Diamond Eat The Red Diamond
Die

After Robert Indiana's 1962 piece located at the Walker Art Center.
followed by
1
following
0

collections and classrooms

submitted sketches to:
Math of Interactive Media, SFAI, Spring '12

favorites

Share Share Subscribe to sketches