{"id":4146,"date":"2020-09-10T16:27:53","date_gmt":"2020-09-10T16:27:53","guid":{"rendered":"https:\/\/josh-miller.com\/portfolio\/?p=4146"},"modified":"2020-09-10T16:27:55","modified_gmt":"2020-09-10T16:27:55","slug":"faces","status":"publish","type":"post","link":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/","title":{"rendered":"Faces"},"content":{"rendered":"\n<p>so, on my sabbatical list of stuff to try was <a href=\"https:\/\/ml5js.org\/\">ml5js<\/a> and node\/<a href=\"https:\/\/socket.io\/\">socket.io<\/a> and this little project seemed like a way to combine them. I\u2019m using p5js to connect everything, and ml5js figures out where eyes, nose, and mouth are located. P5 does the distortion, but once I got it working I wanted to see if I could share parts of a face with someone else\u2019s face connected at the same time. Thanks to some brilliant <a href=\"https:\/\/thecodingtrain.com\/Tutorials\/12-websockets\/\">Dan Shiffman tutorials<\/a> I got my p5 sketch running on a node server and sending data between different clients with sockets. It\u2019s a little buggy, but it works. If no one is connected it\u2019s just your face. If someone connects it starts to share body parts. Try it on <a href=\"http:\/\/face.josh-miller.com\/\">face.josh-miller.com<\/a> &#8230; seems to work best on a real computer or an ipad.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>so, on my sabbatical list of stuff to try was ml5js and node\/socket.io and this little project seemed like a way to combine them. I\u2019m using p5js to connect everything, [&hellip;]<\/p>\n<p><a href=\"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/\" class=\"more-link style1-button\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":4147,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Faces - Josh Miller<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Faces - Josh Miller\" \/>\n<meta property=\"og:description\" content=\"so, on my sabbatical list of stuff to try was ml5js and node\/socket.io and this little project seemed like a way to combine them. I\u2019m using p5js to connect everything, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/\" \/>\n<meta property=\"og:site_name\" content=\"Josh Miller\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-10T16:27:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-10T16:27:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2020\/09\/split.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"608\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"jmadmin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"jmadmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/\"},\"author\":{\"name\":\"jmadmin\",\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/#\\\/schema\\\/person\\\/b8ca413274f4c57e0e3cb0c89164a610\"},\"headline\":\"Faces\",\"datePublished\":\"2020-09-10T16:27:53+00:00\",\"dateModified\":\"2020-09-10T16:27:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/\"},\"wordCount\":149,\"publisher\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/#\\\/schema\\\/person\\\/b8ca413274f4c57e0e3cb0c89164a610\"},\"image\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/split.jpg\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/\",\"url\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/\",\"name\":\"Faces - Josh Miller\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/split.jpg\",\"datePublished\":\"2020-09-10T16:27:53+00:00\",\"dateModified\":\"2020-09-10T16:27:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/#primaryimage\",\"url\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/split.jpg\",\"contentUrl\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/split.jpg\",\"width\":1080,\"height\":608},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/2020\\\/faces\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Faces\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/#website\",\"url\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/\",\"name\":\"Josh Miller\",\"description\":\"Designer, Developer, Educator\",\"publisher\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/#\\\/schema\\\/person\\\/b8ca413274f4c57e0e3cb0c89164a610\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/#\\\/schema\\\/person\\\/b8ca413274f4c57e0e3cb0c89164a610\",\"name\":\"jmadmin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/dreamyheadshot-scaled.jpeg\",\"url\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/dreamyheadshot-scaled.jpeg\",\"contentUrl\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/dreamyheadshot-scaled.jpeg\",\"width\":2560,\"height\":2560,\"caption\":\"jmadmin\"},\"logo\":{\"@id\":\"https:\\\/\\\/josh-miller.com\\\/portfolio\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/dreamyheadshot-scaled.jpeg\"},\"description\":\"Josh Miller's teaching and professional creative practice operate at the intersection of art, design, and software development. Since earning his MA in Computer Science, and MFA in New Media, Josh has taught courses in web &amp; graphic design, video game design, creative coding, user experience, and application development. Outside of the classroom, he develops interactive installations and user-focused online experiences, exhibiting his work both locally and internationally. Josh has exhibited work in Malmo, Sweden, the Institute for Contemporary Art in South Korea, and most recently, a 10-day light festival in Scottsdale, Arizona attended by over 200,00 people. Miller is a tenured Associate Professor at Kutztown University in the Department of Art &amp; Design where he encourages students to think creatively and analytically as they navigate technology as an expressive, artistic tool.\",\"sameAs\":[\"http:\\\/\\\/josh-miller.com\",\"https:\\\/\\\/instagram.com\\\/codesketchbook\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Faces - Josh Miller","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/","og_locale":"en_US","og_type":"article","og_title":"Faces - Josh Miller","og_description":"so, on my sabbatical list of stuff to try was ml5js and node\/socket.io and this little project seemed like a way to combine them. I\u2019m using p5js to connect everything, [&hellip;]","og_url":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/","og_site_name":"Josh Miller","article_published_time":"2020-09-10T16:27:53+00:00","article_modified_time":"2020-09-10T16:27:55+00:00","og_image":[{"width":1080,"height":608,"url":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2020\/09\/split.jpg","type":"image\/jpeg"}],"author":"jmadmin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"jmadmin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/#article","isPartOf":{"@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/"},"author":{"name":"jmadmin","@id":"https:\/\/josh-miller.com\/portfolio\/#\/schema\/person\/b8ca413274f4c57e0e3cb0c89164a610"},"headline":"Faces","datePublished":"2020-09-10T16:27:53+00:00","dateModified":"2020-09-10T16:27:55+00:00","mainEntityOfPage":{"@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/"},"wordCount":149,"publisher":{"@id":"https:\/\/josh-miller.com\/portfolio\/#\/schema\/person\/b8ca413274f4c57e0e3cb0c89164a610"},"image":{"@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/#primaryimage"},"thumbnailUrl":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2020\/09\/split.jpg","inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/","url":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/","name":"Faces - Josh Miller","isPartOf":{"@id":"https:\/\/josh-miller.com\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/#primaryimage"},"image":{"@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/#primaryimage"},"thumbnailUrl":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2020\/09\/split.jpg","datePublished":"2020-09-10T16:27:53+00:00","dateModified":"2020-09-10T16:27:55+00:00","breadcrumb":{"@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/josh-miller.com\/portfolio\/2020\/faces\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/#primaryimage","url":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2020\/09\/split.jpg","contentUrl":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2020\/09\/split.jpg","width":1080,"height":608},{"@type":"BreadcrumbList","@id":"https:\/\/josh-miller.com\/portfolio\/2020\/faces\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/josh-miller.com\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Faces"}]},{"@type":"WebSite","@id":"https:\/\/josh-miller.com\/portfolio\/#website","url":"https:\/\/josh-miller.com\/portfolio\/","name":"Josh Miller","description":"Designer, Developer, Educator","publisher":{"@id":"https:\/\/josh-miller.com\/portfolio\/#\/schema\/person\/b8ca413274f4c57e0e3cb0c89164a610"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/josh-miller.com\/portfolio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/josh-miller.com\/portfolio\/#\/schema\/person\/b8ca413274f4c57e0e3cb0c89164a610","name":"jmadmin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2021\/10\/dreamyheadshot-scaled.jpeg","url":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2021\/10\/dreamyheadshot-scaled.jpeg","contentUrl":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2021\/10\/dreamyheadshot-scaled.jpeg","width":2560,"height":2560,"caption":"jmadmin"},"logo":{"@id":"https:\/\/josh-miller.com\/portfolio\/wp-content\/uploads\/2021\/10\/dreamyheadshot-scaled.jpeg"},"description":"Josh Miller's teaching and professional creative practice operate at the intersection of art, design, and software development. Since earning his MA in Computer Science, and MFA in New Media, Josh has taught courses in web &amp; graphic design, video game design, creative coding, user experience, and application development. Outside of the classroom, he develops interactive installations and user-focused online experiences, exhibiting his work both locally and internationally. Josh has exhibited work in Malmo, Sweden, the Institute for Contemporary Art in South Korea, and most recently, a 10-day light festival in Scottsdale, Arizona attended by over 200,00 people. Miller is a tenured Associate Professor at Kutztown University in the Department of Art &amp; Design where he encourages students to think creatively and analytically as they navigate technology as an expressive, artistic tool.","sameAs":["http:\/\/josh-miller.com","https:\/\/instagram.com\/codesketchbook"]}]}},"_links":{"self":[{"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/posts\/4146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/comments?post=4146"}],"version-history":[{"count":1,"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/posts\/4146\/revisions"}],"predecessor-version":[{"id":4148,"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/posts\/4146\/revisions\/4148"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/media\/4147"}],"wp:attachment":[{"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/media?parent=4146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/categories?post=4146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/josh-miller.com\/portfolio\/wp-json\/wp\/v2\/tags?post=4146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}