IN-CLASS TUTORIALS AND ESSENTIAL RESOURCES<\/p>\n
- \n
- Programming with p5.js tutorial<\/a><\/li>\n
- Official p5 library website: template<\/a>, examples<\/a> and references<\/a><\/li>\n<\/ul>\n
SUGGESTED RESOURCES<\/p>\n
- \n
- Khan Academy video \u2013 \u201cWhat is Programming\u201d<\/a><\/li>\n<\/ul>\n
SAMPLE ASSIGNMENT AND RUBRICS<\/p>\n
P5 sketch<\/strong><\/p>\n
![\"UDRtieuv1o\"](\"https:\/\/mmp100blog.files.wordpress.com\/2017\/06\/udrtieuv1o.gif?w=494\")
<\/a><\/p>\nDownload the p5 Complete Library<\/a>. Add 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 (review steps here<\/a>).<\/p>\n
Submit the following to blackboard:<\/p>\n
- \n
- URL for the index.html page<\/li>\n
- A short statement. Use this template<\/a>.<\/li>\n<\/ul>\n
Grading Rubric<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
SLIDES Programming Lesson Google Slides 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 the p5 Complete Library. Add visual elements (i.e: shapes, text, color) \u00a0and interactivity (i.e: change the color … Continue reading “Programming”<\/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-s26\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-s26\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-s26\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-s26\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-s26\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":5,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-s26\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-s26\/wp-json\/wp\/v2\/pages\/53\/revisions\/233"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp100-s26\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Official p5 library website: template<\/a>, examples<\/a> and references<\/a><\/li>\n<\/ul>\n