{"id":95,"date":"2013-11-07T22:42:00","date_gmt":"2013-11-07T22:42:00","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/?p=95"},"modified":"2013-11-08T04:39:16","modified_gmt":"2013-11-08T04:39:16","slug":"video-demonstrations-of-my-first-two-assignments-in-pd","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/video-demonstrations-of-my-first-two-assignments-in-pd\/","title":{"rendered":"Video demonstrations of my first two assignments in Pd"},"content":{"rendered":"<p>Hello people! I am Stefan Alexander and this will be my first post. I will be sharing to you guys what I have done so far in Pure Data.<\/p>\n<p>For the <strong>Geometric Abstraction<\/strong>\u00a0assignment I just tried out different manipulations of simple objects such as scaling, translating, and changing the opacity.<\/p>\n<p>Here is what my final project looks like along with the Pd code (it is highly recommended to watch the video at 1080P full screen if you want to see what the code is actually doing):<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"627\" height=\"353\" src=\"https:\/\/www.youtube.com\/embed\/UJlASxEgm0g?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation\"><\/iframe><\/span><\/p>\n<p>And for the\u00a0<strong>Interactive Animation<\/strong> assignment since I am not really an artistic person, I decided I would just create a simple face and animate each part.<\/p>\n<p>In Photoshop I first made a plain head with no eyes, nose, or mouth. This is what it looks like:<\/p>\n<div id=\"attachment_105\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/head.jpg\"><img aria-describedby=\"caption-attachment-105\" decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-105\" alt=\"Used for my interactive animation assignment.\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/head-300x300.jpg\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/head-300x300.jpg 300w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/head-150x150.jpg 150w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/head.jpg 500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-105\" class=\"wp-caption-text\">Head image used for my interactive animation assignment.<\/p><\/div>\n<p>Then, I made three video layers: one for the eyes, one for the nose, and one for the mouth. After that, in Pd I loaded each of the layers separately.<\/p>\n<p>To be able to trigger them with mouse actions I used the mouse_g and over_g patches that were provided by the professor. At this point I noticed that I need to make sure\u00a0that the animations will only be triggered when the mouse is overlapping the corresponding area. Hence, I basically made &#8220;dummy objects&#8221; for each part to record the\u00a0dimensions and coordinates I need to set the over_g and then deleted those dummy objects.<\/p>\n<p>To make things more interesting, I made the nose animation only be triggered when the mouse is overlapping and it is clicked. So here is the video:<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"627\" height=\"353\" src=\"https:\/\/www.youtube.com\/embed\/VkL2ON6vSHU?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation\"><\/iframe><\/span><\/p>\n<p>It is an interesting class so far, I am looking forward to Project 1! \ud83d\ude00<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello people! I am Stefan Alexander and this will be my first post. I will be sharing to you guys what I have done so far in Pure Data. For the Geometric Abstraction\u00a0assignment I just tried out different manipulations of simple objects such as scaling, translating, and changing the opacity. Here is what my final [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[1],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p42QdX-1x","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts\/95"}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":10,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts\/95\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts\/95\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/media?parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/categories?post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/tags?post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}