{"id":106,"date":"2015-09-22T06:26:34","date_gmt":"2015-09-22T06:26:34","guid":{"rendered":"http:\/\/www.aaronparsekian.com\/?p=106"},"modified":"2015-09-22T11:42:34","modified_gmt":"2015-09-22T11:42:34","slug":"assignment-3","status":"publish","type":"post","link":"http:\/\/www.aaronparsekian.com\/?p=106","title":{"rendered":"Assignment #3"},"content":{"rendered":"<p>This assignment was done as a collaboration with\u00a0Xinyao Wang and myself.<\/p>\n<p>Yao and I created a program that draws lines between random points within a big circle and a little circle. There are buttons at the top that toggle what color line is being drawn. Learning about the logic to create buttons that click and stay on was a huge step for me. Also watching Yao figure out the geometric equations at lighting speed was another huge step for me!<\/p>\n<p>I was also really excited to learn that frameRate() works either way. For some reason I assumed that it could only be used to slow the default 60fps down. In our program on my new macbook pro, we have it running at 1800fps instead. Drawing these simple lines is no problem for a modern computer, even at 1800fps.<\/p>\n<p>We used Adobe&#8217;s color wheel site to choose colors. It also happens to be an excellent example of interaction on the web:<\/p>\n<p><a href=\"https:\/\/color.adobe.com\/create\/color-wheel\">https:\/\/color.adobe.com\/create\/color-wheel<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-108\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen2-300x244.png\" alt=\"screen2\" width=\"300\" height=\"244\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen2-300x244.png 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen2-1024x831.png 1024w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen2.png 1585w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-107\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen11-300x241.png\" alt=\"screen1\" width=\"300\" height=\"241\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen11-300x241.png 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen11-1024x823.png 1024w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/screen11.png 1605w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>And here is the code:<\/p>\n<div class=\"oembed-gist\"><script src=\"https:\/\/gist.github.com\/aaronparsekian\/c48d4fa1fce7e4a31e1e.js\"><\/script><noscript>View the code on <a href=\"https:\/\/gist.github.com\/aaronparsekian\/c48d4fa1fce7e4a31e1e\">Gist<\/a>.<\/noscript><\/div>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/projects\/ICMassignment3\/\">http:\/\/www.aaronparsekian.com\/projects\/ICMassignment3\/<\/a><\/p>\n<p>Programming this did not come without its frustrations! Mainly we tried everything to get rid of the horizontal line. It seems like the program enjoys writing horizontal lines very often.<\/p>\n<p>I decided to keep up my projection theme. This time from a new angle:<\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/IMG_0945.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-113\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/IMG_0945-300x225.jpg\" alt=\"IMG_0945\" width=\"300\" height=\"225\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/IMG_0945-300x225.jpg 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2015\/09\/IMG_0945-1024x768.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Here are some quick videos of it in action!<\/p>\n<p><iframe loading=\"lazy\" title=\"IMG_0947\" src=\"https:\/\/player.vimeo.com\/video\/140026770?dnt=1&amp;app_id=122963\" width=\"660\" height=\"371\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"IMG_0948\" src=\"https:\/\/player.vimeo.com\/video\/140026771?dnt=1&amp;app_id=122963\" width=\"660\" height=\"371\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"IMG_0946\" src=\"https:\/\/player.vimeo.com\/video\/140026769?dnt=1&amp;app_id=122963\" width=\"660\" height=\"371\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This assignment was done as a collaboration with\u00a0Xinyao Wang and myself. Yao and I created a program that draws lines between random points within a big circle and a little circle. There are buttons at the top that toggle what color line is being drawn. Learning about the logic to create buttons that click and &hellip; <a href=\"http:\/\/www.aaronparsekian.com\/?p=106\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Assignment #3<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-icm"],"_links":{"self":[{"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=106"}],"version-history":[{"count":10,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":122,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/posts\/106\/revisions\/122"}],"wp:attachment":[{"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}