GET rect(): p5.js を使用したインタラクティブ グラフィックス

Students will be able to draw and color shapes on a canvas using a javascript library called p5.js. Additionally, participants will learn how to make their graphics interactive! They will learn through activities where they get to use their own creativity to design digital sketches. 

In the first activity, learners will choose a famous work of art or their own inspirational image, and create a digital sketch of it with p5. 

In the second activity, learners will an create animated gif of their sketch and upload it to the class Tumblr page: https://get-rect-creations.tumblr.com/.

In the third activity, learners will use a tensorflow library called poseNet, to create Instagram-like filters on their own webcam video. This activity is not supported on Internet Explorer or Microsoft Edge browsers.

As long as learners are able to type in a web browser and see images on the screen, they will be successful with this course. Progress is evaluated by the learners sharing their sketches via hyperlink. The instructor will ask students to share their screen in order to help them debug their code.

Students are expected to create a login for the p5.js web editor before the first session. If they are unable to complete an activity during class time, they are expected to complete it for homework. Please install Chrome or Firefox if you usually use Internet Explorer or Edge as your browser.