{"id":6679,"date":"2020-10-26T03:25:09","date_gmt":"2020-10-26T07:25:09","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?page_id=6679"},"modified":"2020-10-28T15:53:48","modified_gmt":"2020-10-28T19:53:48","slug":"7-faces-and-masks","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/deliverables\/7-faces-and-masks\/","title":{"rendered":"#7 Faces and Masks"},"content":{"rendered":"<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-6692\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird-1024x494.png\" alt=\"\" width=\"840\" height=\"405\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird-1024x494.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird-640x309.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird-768x370.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird-1536x741.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird-2048x988.png 2048w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/popsugar_msqrd_onethird-1200x579.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>Deliverable Set #7 is concerned with faces, masks, and face technologies. There are three components:<\/p>\n<ol>\n<li><strong><em>Readings and viewings<\/em><\/strong>, due 10\/28, for which you are asked to respond in a brief blog post.<\/li>\n<li><em><strong>Preparation for Wednesday&#8217;s workshop<\/strong><\/em>, including various software installations, due 10\/28.<\/li>\n<li>An <em><strong>ungraded speed project<\/strong><\/em>, due Monday 11\/2, creating a digital mask with Snap Lens Studio.<\/li>\n<\/ol>\n<hr \/>\n<h3>1. Readings and Viewings<\/h3>\n<p>Before the beginning of class on Wednesday 10\/28, please watch\/read the following media. This should take under an hour:<\/p>\n<ul>\n<li>Brian Reverman, <a href=\"https:\/\/www.youtube.com\/watch?v=YWb_en6Fr-k\">Masks around the World<\/a> (4 minutes; introductory)<\/li>\n<li>Kyle McDonald, <a href=\"https:\/\/github.com\/kylemcdonald\/AppropriatingNewTechnologies\/wiki\/Week-2\">Appropriating New Technologies: Face as Interface<\/a> (3300 words, ~15 minutes)<\/li>\n<li><span style=\"font-weight: 400;\">John Oliver \/ Last Week Tonight: <a href=\"https:\/\/www.youtube.com\/watch?v=jZjmlJPJgug\">Face Recognition<\/a> (21 minutes)<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Joy Buolamwini: <a href=\"https:\/\/www.youtube.com\/watch?v=UG_X_7g63rY\">How I&#8217;m fighting bias in algorithms<\/a> (9 minutes)<\/span><\/li>\n<li>Nabil Hassein, <a href=\"https:\/\/digitaltalkingdrum.com\/2017\/08\/15\/against-black-inclusion-in-facial-recognition\/\">Against Black Inclusion in Facial Recognition<\/a> (1000 words, ~5 minutes)<\/li>\n<\/ul>\n<p><strong><em>Then (~15 minutes):<\/em><\/strong><\/p>\n<ul>\n<li>In a blog post, please jot down <strong>two<\/strong> ideas, facts, claims, or images that you came across in the above media that struck you. Briefly write a sentence about why you found each of them interesting. (Be prepared to discuss them in class.)<\/li>\n<li>Title your blog post <em>nickname-facereadings<\/em>, and Categorize the post <em>07-FaceReadings.<\/em><\/li>\n<\/ul>\n<p><iframe title=\"Facial Recognition: Last Week Tonight with John Oliver (HBO)\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/jZjmlJPJgug?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><iframe title=\"How I&#039;m fighting bias in algorithms | Joy Buolamwini\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/UG_X_7g63rY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<hr \/>\n<h3><strong>2. Preparation for Wednesday&#8217;s Workshop<\/strong><\/h3>\n<p>On Wednesday 10\/28, we will be visited by CMU BCSA alumna, <a href=\"http:\/\/charstiles.com\/\">Char Stiles<\/a>. Char is an experienced livecoding artist and shader programming expert, and has also previously worked as the teaching assistant for this course. Since July, Char has been a\u00a0 Snap ML Resident at Snap Inc., where she has worked on the development of augmented reality Snapchat filters.<\/p>\n<p>Char will lead a workshop on creating face masks in <a href=\"https:\/\/lensstudio.snapchat.com\/\">Snap Lens Studio<\/a>. In order to prepare for this workshop,<strong> Char asks you to do the following before class<\/strong>:<\/p>\n<div><strong><em>Pre-workshop instructions (~15 minutes):\u00a0<\/em><\/strong><\/div>\n<div>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong><a href=\"https:\/\/lensstudio.snapchat.com\/download\/\">Download Lens Studio<\/a><\/strong>, install using the defaults:<br \/>\n<a href=\"https:\/\/lensstudio.snapchat.com\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/lensstudio.snapchat.com\/download\/&amp;source=gmail&amp;ust=1603781320056000&amp;usg=AFQjCNH1yavMhMU5qLA4Dlr6Z7i3QYFkeQ\">https:\/\/lensstudio.snapchat.<wbr \/>com\/download\/<\/a><\/li>\n<li>If you don&#8217;t have a Snapchat account, <strong>make a Snapchat account<\/strong>. (Download the SnapChat app from your phone&#8217;s app store, and create an account using the app).<\/li>\n<li><strong>Link your Snapchat account with Lens Studio<\/strong> (when you open up Lens Studio it&#8217;s the bright yellow button on the top right).<\/li>\n<li><a href=\"https:\/\/snapcamera.snapchat.com\/download\/\"><strong>Download Snap Camera<\/strong><\/a>, install using the defaults. Snap Camera allows you to use Lens Studio effect as a virtual webcam, so you can have a filter on in Zoom. This is less important to have, but it will be good for showing your lens in class: <a href=\"https:\/\/snapcamera.snapchat.com\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/snapcamera.snapchat.com\/download\/&amp;source=gmail&amp;ust=1603781320056000&amp;usg=AFQjCNFckV9QIXwmvrMD-6t3dX90hMEH4g\">https:\/\/snapcamera.snapchat.<wbr \/>com\/download\/<\/a><\/li>\n<li><strong>Optional<\/strong>: In Lens Studio, on the left of the GUI, click <em>Templates<\/em>, then browse through the templates to get an idea of what Lens Studio can do, and perhaps find some inspiration.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<p><strong>Char has also provided a template project<\/strong> for the workshop, which can be downloaded <a href=\"http:\/\/charstiles.com\/lensstudio\/\">from her workshop page<\/a>.<\/p>\n<p>Snap Lens Studio supports JavaScript scripting, but it&#8217;s designed to be usable by people with very modest computer skills. There are plenty of tutorials on YouTube for making masks in Snap Lens Studio, such as:<\/p>\n<p><iframe title=\"Lens Studio Tutorial: How To Start For Beginners\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/uJkyC_Lidxw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<hr \/>\n<h3>3. Snap Lens Mask: Ungraded Speed Project<\/h3>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-26-at-2.44.52-AM.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-6693\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-26-at-2.44.52-AM-1024x623.png\" alt=\"\" width=\"840\" height=\"511\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-26-at-2.44.52-AM-1024x623.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-26-at-2.44.52-AM-640x389.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-26-at-2.44.52-AM-768x467.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-26-at-2.44.52-AM.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><strong>Assignment:\u00a0<\/strong><\/p>\n<p>Create a virtual mask. Use it in a performance of approximately 5-10 seconds&#8217; duration. Record a video of your performance, and embed it in a blog post. Please also include a static image still or animated GIF of your project. The blog post should be titled <em>nickname-mask<\/em> and categorized <em>07-Mask<\/em>. This project will be checked but ungraded.<\/p>\n<p><em>Consider whether your mask serves a ritual purpose, a practical purpose, or works to some other end. It may visualize or obfuscate your personal information. It may allow you to assume a new identity, including something nonhuman or even inanimate. It may have articulated parts and dynamic behaviors. It may be part of a game. It may blur the line between self and others, or between self and not-self.\u00a0<\/em><\/p>\n<p><strong>Optional reading:<\/strong> <a href=\"https:\/\/medium.com\/@zachlieberman\/m%C3%A1s-que-la-cara-overview-48331a0202c0\">Here&#8217;s a blog post by Zach Lieberman<\/a>, an experienced professional whose work we have seen before, discussing his development of <em>M\u00e1s Que la Cara<\/em>, a face-tracking interactive installation.<\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BDxsVZ0JNpm\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/BDxsVZ0JNpm\/?utm_source=ig_embed&amp;utm_campaign=loading\" target=\"_blank\" rel=\"noopener noreferrer\">A post shared by zach lieberman (@zach.lieberman)<\/a> on <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2016-04-04T11:20:37+00:00\">Apr 4, 2016 at 4:20am PDT<\/time><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Deliverable Set #7 is concerned with faces, masks, and face technologies. There are three components: Readings and viewings, due 10\/28, for which you are asked to respond in a brief blog post. Preparation for Wednesday&#8217;s workshop, including various software installations, due 10\/28. An ungraded speed project, due Monday 11\/2, creating a digital mask with Snap &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/deliverables\/7-faces-and-masks\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;#7 Faces and Masks&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":79,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/6679"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=6679"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/6679\/revisions"}],"predecessor-version":[{"id":6861,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/6679\/revisions\/6861"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/79"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=6679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}