{"id":39,"date":"2014-10-14T05:33:36","date_gmt":"2014-10-14T05:33:36","guid":{"rendered":"http:\/\/lifeorange.com\/Art102\/?p=39"},"modified":"2014-10-15T18:10:12","modified_gmt":"2014-10-15T18:10:12","slug":"lecture-4-javascript-basics-and-2d-graphics-in-gibber","status":"publish","type":"post","link":"https:\/\/lifeorange.com\/Art102\/?p=39","title":{"rendered":"Lecture 4: JavaScript Basics and Graphics in Gibber (Part 1)"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone\" src=\"http:\/\/bigbadotis.gitbooks.io\/gibber-user-manual\/content\/images\/polygons_2d.png\" alt=\"\" width=\"280\" height=\"247\" \/><\/p>\n<p>Software:<\/p>\n<ul>\n<li><a href=\"http:\/\/gibber.mat.ucsb.edu:9080\/\">Gibber Beta<\/a> &#8211; addresses some bugs such as ADSR<\/li>\n<li>Note: When working with graphics in Gibber <strong>make sure WebGL is enabled<\/strong> in your browser (usually found in settings or preferences).<\/li>\n<\/ul>\n<p>Readings:<\/p>\n<ul>\n<li>Gibber 2D Canvas Reference (<a href=\"http:\/\/gibber.mat.ucsb.edu:9080\">Gibber<\/a> -&gt; help -&gt; Reference -&gt; Graphics)<\/li>\n<li><a href=\"http:\/\/bigbadotis.gitbooks.io\/gibber-user-manual\/content\/chapters\/2D.html\">Gibber Manual Chapter 8<\/a> (Graphics Part 1)<\/li>\n<li>JavaScript (Hint: we have already been using all of the below in Gibber)\n<ul>\n<li><a href=\"http:\/\/www.w3schools.com\/js\/js_syntax.asp\">Syntax<\/a><\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/js\/js_comments.asp\">Comments<\/a><\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/js\/js_variables.asp\">Variables<\/a><\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/js\/js_objects.asp\">Objects<\/a><\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/js\/js_functions.asp\">Functions<\/a><\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/js\/js_loop_for.asp\">For Loop<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Code Examples:<\/p>\n<ul>\n<li><a href=\"http:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/10\/Gibber_ADSR_Seq_Delay.txt\">Gibber_ADSR_Seq_Delay<\/a><\/li>\n<li><a href=\"http:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/10\/Gibber_Functions_Future.txt\">Gibber_Functions_Future<\/a><\/li>\n<li><a href=\"http:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/10\/Gibber_Loops.txt\">Gibber_Loops<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Software: Gibber Beta &#8211; addresses some bugs such as ADSR Note: When working with graphics in Gibber make sure WebGL is enabled in your browser (usually found in settings or preferences). Readings: Gibber 2D Canvas Reference (Gibber -&gt; help -&gt; Reference -&gt; Graphics) Gibber Manual Chapter 8 (Graphics Part 1) JavaScript (Hint: we have already [&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\/39"}],"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=39"}],"version-history":[{"count":8,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}