{"id":96,"date":"2014-10-28T19:00:54","date_gmt":"2014-10-28T19:00:54","guid":{"rendered":"http:\/\/lifeorange.com\/Art102\/?p=96"},"modified":"2014-10-28T22:25:11","modified_gmt":"2014-10-28T22:25:11","slug":"lecture-8-gui-development-with-html5-and-javascript","status":"publish","type":"post","link":"https:\/\/lifeorange.com\/Art102\/?p=96","title":{"rendered":"Lecture 8: GUI Development with HTML5\/JavaScript and Parametric Drawing"},"content":{"rendered":"<p><a href=\"http:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-10-28-at-11.55.14-AM.png\"><img loading=\"lazy\" class=\"alignnone  wp-image-98\" src=\"http:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-10-28-at-11.55.14-AM-300x274.png\" alt=\"Screen Shot 2014-10-28 at 11.55.14 AM\" width=\"244\" height=\"223\" srcset=\"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-10-28-at-11.55.14-AM-300x274.png 300w, https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/10\/Screen-Shot-2014-10-28-at-11.55.14-AM.png 472w\" sizes=\"(max-width: 244px) 100vw, 244px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Readings<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.w3schools.com\/tags\/tag_input.asp\">HTML Input<\/a><\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/tags\/att_input_type.asp\">HTML Input Types<\/a><\/li>\n<\/ul>\n<p><strong>Code Examples<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/art102.com\/Ryan\/Project3\">GUI with Gibber Example<\/a><\/li>\n<\/ul>\n<p><strong>References for Parametric Drawing\u00a0<\/strong>(Optional)<\/p>\n<p>(You could use these in a Gibber parametric drawing function)<\/p>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Parametric_equation\">Parametric Equations<\/a><\/li>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Lissajous_curve\">Lissajous Curves<\/a><\/li>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Superformula\">Superformula<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Readings HTML Input HTML Input Types Code Examples GUI with Gibber Example References for Parametric Drawing\u00a0(Optional) (You could use these in a Gibber parametric drawing function) Parametric Equations Lissajous Curves Superformula<\/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\/96"}],"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=96"}],"version-history":[{"count":4,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/posts\/96\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}