• Projects Should be complete with only aesthetic or minor technical changes remaining
• 12/8 from 12-4pm will be the final office hours or remaining questions/issues
• Final Projects should be compete and online with description by 12/13.

1. What are your aesthetic goals for the project? What do you want to create?
2. What are your technical goals for the project? What do you need to use or learn to accomplish your goals?
3. Include a rough diagram/sketch of what you envision - either the front-end (how it will look) or the back-end (how it will work).
   This can be created digitally or hand-drawn and scanned/photographed.
4. Include at least 2 references for the project - these can be links or embedded media.
   What inspires you creatively and/or technically about these projects?

• Text Editors: Sublime Text or Text Wranger
• FTP Client: Cyberduck or FileZilla
• Browser: Chrome, Safari, Firefox (enable developer mode)

• HTML Tag Reference
• CSS Reference

• How does the use of objects in programming "make the world a better place?"
• What is a Constructor? What does it do to an object's variables?
• Can an object contain other objects?
• Are objects considered a data type like int/float/String/etc?

• What are the 3 ways you can include JavaScript in a web page?
• How would you declare a int named myNum with an initial value of 5 in JavaScript?
• How would you declare a string named myString with an initial value of "Word" in JavaScript?
• Javascript has ____ ____. This means that the same variable can be used as different _____. (fill in blanks)

• Find the "quick-use" button (2 buttons left of the blue "Add to Collection" button) and click it.
• Choose the @import tab in box 3 - copy and paste the @import url statement to the top of your index.css file
• Copy and paste the font-family CSS code from box 4 in the body{} of your CSS file.
• The text on the body of your page should use the font you selected.

• HTML and CSS template
• HTML Links, HTML Images, CSS Background, CSS Text, CSS Font

• Arrays (Processing Reference)
• ArrayList (Processing Reference)
• Arrays (Java Reference)

• Object Code Examples

• 1) Create a generative sketch in Processing utilizing a minimum of the following:
  • 2 arrays and 3 loops
  • 1 nested loop (bonus)
  • 2 Uses of the random() function
  • 1 instance of mapping (using your own means or Processing's map() function)
  • 1 custom function that returns a value
  • 1 custom function that requires at least 1 argument
  • Some aspect of the overall shape or color should change over time
  • Some aspect should change based on mouse input (clicking or position)
• 2) Write a 1-2 paragraph description as a multi-line comment in your code:
  What aspects of your sketch are random and which are predetermined?
  How is the shape/form/color changing over time?
  How could you use this sketch as a basis for data visualization or an installation?
  Besides the mouse, what else can you imagine as an input for interactivity?
• 3) Email your code (.pde file or source) to me and Solen.

• If you have two variables named a and b, both defined as Strings, and they stored the values "27" and "5", what would be the result of a + b?
• If you have two variables named a and b, both defined as ints, and they stored the values "27" and "5", what would be the result of a + b?
• What kind of control structure would you use to execute code indefinitely while a certain condition is true?
• List at least one topic, concept, or example you still find confusing from the reading.

• A client tasks you to make an interactive landscape with the following specifications:
  • 16:9 aspect ratio
  • The landscape contains water, mountains, sky, and a sun.
  • Initially, the scene is morning. Clicking the sky causes the sun to rise from behind the mountains on the right side of the screen and set behind the mountains on the left side of the screen over a period of 30 seconds.
  • The color of the water and mountains change in any way based on the y position of the mouse.
  • The brightness of the sky changes during the sun animation and is brightest when the sun reaches its peak. The Sky is dark at the start and end of the animation (early morning and night).
  • The x position of the mouse changes the hue of the sky.
  • Create one bird that flys across the sky left to right - when it reaches the right edge it appears again on the left.
  • Create one fish that swims back and forth in the water.
  • You must use at least one quad in your sketch. The animals can be abstract shapes, and the landscapes extremely simple primitives.
  • Bonus: When clicking the bird or fish they should change color.

Complete the readings and review the above links then send me and Solen an email with the subject "Art 22 Intro."
In your email include:

• At least 2 topics/concepts/ideas from the readings that were unclear or confusing
• Describe your experience with programming (zero is fine).
• What do you hope to achieve artistically and/or technically from this class? ("I want to learn to use programming to...")
• Pick at least one project that appeals to you from the links and/or artists above. What about that project do you find interesting or inspiring?