{"id":64,"date":"2014-10-19T21:30:49","date_gmt":"2014-10-19T21:30:49","guid":{"rendered":"http:\/\/lifeorange.com\/Art102\/?p=64"},"modified":"2014-10-28T22:31:00","modified_gmt":"2014-10-28T22:31:00","slug":"assignment-2","status":"publish","type":"post","link":"https:\/\/lifeorange.com\/Art102\/?p=64","title":{"rendered":"Assignment #2"},"content":{"rendered":"<p><strong>Reading Response<\/strong> (due 10\/27)<\/p>\n<ul>\n<li>\u00a0Complete the readings\/tutorials from Lectures 4 and 5. Send me an email with the subject \u201cArt 102 Reading 2\u2033 containing the following:\n<ul>\n<li>At least 2 topics\/concepts that were confusing and what you did not understand.<\/li>\n<li>At least 2 topics\/concepts that you found interesting\/useful and would like to explore or understand further.<\/li>\n<li>Answers to the following:\n<ol>\n<li>How does Gibber&#8217;s Canvas object differ from a standard HTML 5 canvas?<\/li>\n<li>In JavaScript (and most programming languages) what is the difference between &#8216;=&#8217;, &#8220;==&#8221; and &#8220;===&#8221; ?<\/li>\n<li>Suppose you are using Gibber to create an continuous mapping between a 3D object&#8217;s scale and an oscillator&#8217;s frequency. What parameters would you need to set\u00a0to change the range of mapping? What method would you call to change the direction of the mapping?<\/li>\n<li>Suppose you are trying to create a 2D drawing in Gibber that changes size or color depending on the current note playing in\u00a0a synthesizer&#8217;s sequence, for example,\u00a0d = FM(&#8216;bass&#8217;).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?<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><strong>Programming Project<\/strong> (due 10\/29)<\/p>\n<ul>\n<li>Create an audiovisual composition or experiment for the web using JavaScript and libGibber meeting the following requirements:\n<ul>\n<li>The use of at least one for or while loop.<\/li>\n<li>The use of at least one custom function that takes at least one parameter.<\/li>\n<li>The use of at least one conditional statement.<\/li>\n<li>You may use 2D and\/or 3D graphics, but you must also use at least one of Gibber&#8217;s prebuilt shaders. Use the mouse to control at least one of the shader&#8217;s parameters.<\/li>\n<li>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)<\/li>\n<li>Your project and source code should\u00a0be viewable online at www.art102.com\/YourName\/Project2 (or you can use your own webspace and url if you have one)<\/li>\n<li><strong><span><span style=\"color: #ff0000;\">If you are\u00a0experiencing 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 <a href=\"http:\/\/gibber.mat.ucsb.edu:9080\">Gibber<\/a> and email me\u00a0your code. If you are on mac and\u00a0experiencing problems running in the browser then please see me in office hours Wednesday morning between 10-12 or send me an email to debug.<\/span><\/span><\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Reading Response (due 10\/27) \u00a0Complete the readings\/tutorials from Lectures 4 and 5. Send me an email with the subject \u201cArt 102 Reading 2\u2033 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. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts\/64"}],"collection":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=64"}],"version-history":[{"count":7,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts\/64\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts\/64\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}