Assignment #2

Reading Response (due 10/27)

  •  Complete the readings/tutorials from Lectures 4 and 5. Send me an email with the subject “Art 102 Reading 2″ containing the following:
    • At least 2 topics/concepts that were confusing and what you did not understand.
    • At least 2 topics/concepts that you found interesting/useful and would like to explore or understand further.
    • Answers to the following:
      1. How does Gibber’s Canvas object differ from a standard HTML 5 canvas?
      2. In JavaScript (and most programming languages) what is the difference between ‘=’, “==” and “===” ?
      3. Suppose you are using Gibber to create an continuous mapping between a 3D object’s scale and an oscillator’s frequency. What parameters would you need to set to change the range of mapping? What method would you call to change the direction of the mapping?
      4. Suppose you are trying to create a 2D drawing in Gibber that changes size or color depending on the current note playing in a synthesizer’s sequence, for example, d = FM(‘bass’).note.seq( [0, 3, 5 , 7], 1/8 ). What parameter of d could you read that would correspond to the current note being played? In what special function would you read this parameter so that you obtain the latest value at the graphics frame rate?

Programming Project (due 10/29)

  • Create an audiovisual composition or experiment for the web using JavaScript and libGibber meeting the following requirements:
    • The use of at least one for or while loop.
    • The use of at least one custom function that takes at least one parameter.
    • The use of at least one conditional statement.
    • You may use 2D and/or 3D graphics, but you must also use at least one of Gibber’s prebuilt shaders. Use the mouse to control at least one of the shader’s parameters.
    • Use at least 2 audiovisual mappings. Sound may drive graphics or vice-versa. (Hint: you may need to use the Follow() function or capitalization of a property name, but not necessarily)
    • Your project and source code should be viewable online at (or you can use your own webspace and url if you have one)
    • If you are experiencing difficulty getting your Gibber code to run in the browser using gibber.lib.js (Windows users, for example), please just focus your efforts on the composition in Gibber and email me your code. If you are on mac and experiencing problems running in the browser then please see me in office hours Wednesday morning between 10-12 or send me an email to debug.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>