{"id":3370,"date":"2022-11-29T14:20:50","date_gmt":"2022-11-29T19:20:50","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/?p=3370"},"modified":"2022-11-29T14:23:56","modified_gmt":"2022-11-29T19:23:56","slug":"self-portrait-3-interactive","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/2022\/11\/29\/self-portrait-3-interactive\/","title":{"rendered":"Self Portrait 3 Interactive"},"content":{"rendered":"\n<p>For version 3 of my self portrait you can move your mouse side to side and the eyes follow the movement. Also if you click on your mouse the eyes react and get bigger. Lastly, the book moves automatically across the screen. <\/p>\n\n\n\n<p><a href=\"https:\/\/editor.p5js.org\/loverta\/sketches\/1IzBrvO12\" data-type=\"URL\" data-id=\"https:\/\/editor.p5js.org\/loverta\/sketches\/1IzBrvO12\" target=\"_blank\" rel=\"noreferrer noopener\">This is my code.<\/a><\/p>\n\n\n\n<p>By: Loverta Brown <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" data-id=\"3371\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-4-683x1024.png\" alt=\"\" class=\"wp-image-3371\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-4-683x1024.png 683w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-4-200x300.png 200w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-4-768x1152.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-4.png 800w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" data-id=\"3373\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-3-683x1024.png\" alt=\"\" class=\"wp-image-3373\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-3-683x1024.png 683w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-3-200x300.png 200w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-3-768x1152.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-3.png 800w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" data-id=\"3374\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-2-683x1024.png\" alt=\"\" class=\"wp-image-3374\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-2-683x1024.png 683w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-2-200x300.png 200w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-2-768x1152.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-2.png 800w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" data-id=\"3372\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-1-683x1024.png\" alt=\"\" class=\"wp-image-3372\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-1-683x1024.png 683w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-1-200x300.png 200w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-1-768x1152.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-content\/uploads\/sites\/2622\/2022\/11\/self-portrait-with-variables-and-image-Interaction-1.png 800w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>For version 3 of my self portrait you can move your mouse side to side and the eyes follow the movement. Also if you click on your mouse the eyes react and get bigger. Lastly, the book moves automatically across the screen. This is my code. By: Loverta Brown<\/p>\n","protected":false},"author":5929,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[116],"tags":[],"coauthors":[136],"class_list":["post-3370","post","type-post","status-publish","format-standard","hentry","category-assignment-4-interactive-self-portrait","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/posts\/3370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/users\/5929"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/comments?post=3370"}],"version-history":[{"count":2,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/posts\/3370\/revisions"}],"predecessor-version":[{"id":3376,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/posts\/3370\/revisions\/3376"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/media?parent=3370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/categories?post=3370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/tags?post=3370"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-fall-2022\/wp-json\/wp\/v2\/coauthors?post=3370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}