{"id":53,"date":"2019-07-01T18:36:15","date_gmt":"2019-07-01T18:36:15","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-1300-f2019\/?page_id=53"},"modified":"2020-01-27T19:44:15","modified_gmt":"2020-01-27T19:44:15","slug":"programming","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/programming\/","title":{"rendered":"Programming"},"content":{"rendered":"<p>SLIDES<\/p>\n<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/1OYi90rNu281ndc9Rs8WjnN8Ymcr5Sacq3bCQiyyVgGg\/edit?usp=sharing\">https:\/\/docs.google.com\/presentation\/d\/1OYi90rNu281ndc9Rs8WjnN8Ymcr5Sacq3bCQiyyVgGg\/edit?usp=sharing<\/a><\/p>\n<p>IN-CLASS TUTORIALS AND ESSENTIAL RESOURCES<\/p>\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/open?id=1-5B9SnVQpp4ar2DPMraixRsDo2RfTReq\">Programming with p5.js tutorial<\/a><\/li>\n<li>Official p5 library website: <a href=\"https:\/\/p5js.org\/download\/\">template<\/a>, <a href=\"https:\/\/p5js.org\/examples\/\">examples<\/a> and <a href=\"https:\/\/p5js.org\/reference\/\">references<\/a><\/li>\n<\/ul>\n<p>SUGGESTED RESOURCES<\/p>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=FCMxA3m_Imc\">Khan Academy video \u2013 \u201cWhat is Programming\u201d<\/a><\/li>\n<\/ul>\n<p>SAMPLE ASSIGNMENT AND RUBRICS<\/p>\n<p><strong>P5 sketch<\/strong><\/p>\n<p><a class=\"no-line\" href=\"https:\/\/prpinkas.github.io\/moon\/moon\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-116\" src=\"https:\/\/mmp100blog.files.wordpress.com\/2017\/06\/udrtieuv1o.gif?w=494\" alt=\"UDRtieuv1o\" width=\"494\" height=\"494\" data-attachment-id=\"116\" data-permalink=\"https:\/\/mmp100blog.wordpress.com\/topics\/programming\/udrtieuv1o\/\" data-orig-file=\"https:\/\/mmp100blog.files.wordpress.com\/2017\/06\/udrtieuv1o.gif\" data-orig-size=\"494,494\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"UDRtieuv1o\" data-image-description=\"\" data-medium-file=\"https:\/\/mmp100blog.files.wordpress.com\/2017\/06\/udrtieuv1o.gif?w=300\" data-large-file=\"https:\/\/mmp100blog.files.wordpress.com\/2017\/06\/udrtieuv1o.gif?w=494\" \/><\/a><\/p>\n<p>Download <a href=\"https:\/\/drive.google.com\/open?id=0BwdyBdZ2a8gvOHl0QzBUNmhYLU0\">this simple p5 sketch<\/a>. Add other visual elements (i.e: shapes, text, color) \u00a0and interactivity (i.e: change the color or position of certain elements on mousePressed, make an element follow the mouse etc.). Use at least one custom variable. Use comments to clarify important segments of your code. Once you are done, upload the entire folder to GitHub.<\/p>\n<p>Submit the following to blackboard:<\/p>\n<ul>\n<li>URL for the index.html page<\/li>\n<li>A short statement. Use <a href=\"https:\/\/docs.google.com\/document\/d\/1JY2dGaoso5Ua_GG-emY4SX0xl7WDeG9tXsQLaUe-k1Y\/edit?usp=sharing\">this template<\/a>.<\/li>\n<\/ul>\n<p><strong><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1DiFnDaE243F2yqh06H1s7qEP3KVxFK-BdLbePTuYCCg\/edit?usp=sharing\">Grading Rubric<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SLIDES https:\/\/docs.google.com\/presentation\/d\/1OYi90rNu281ndc9Rs8WjnN8Ymcr5Sacq3bCQiyyVgGg\/edit?usp=sharing IN-CLASS TUTORIALS AND ESSENTIAL RESOURCES Programming with p5.js tutorial Official p5 library website: template, examples and references SUGGESTED RESOURCES Khan Academy video \u2013 \u201cWhat is Programming\u201d SAMPLE ASSIGNMENT AND RUBRICS P5 sketch Download this simple p5 sketch. Add other visual elements (i.e: shapes, text, color) \u00a0and interactivity (i.e: change the color or position &hellip; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/programming\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Programming&#8221;<\/span><\/a><\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":1,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/pages\/53\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-harding\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}