{"id":731,"date":"2017-03-07T13:57:22","date_gmt":"2017-03-07T13:57:22","guid":{"rendered":"http:\/\/www.aaronparsekian.com\/?p=731"},"modified":"2017-03-12T23:38:03","modified_gmt":"2017-03-12T23:38:03","slug":"the-nature-of-code-physics-animation-final","status":"publish","type":"post","link":"http:\/\/www.aaronparsekian.com\/?p=731","title":{"rendered":"The Nature of Code &#8211; Physics \/ Animation final"},"content":{"rendered":"<p>We start with one star made in photoshop with the feather\u00a0tool:<\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-12-at-7.07.03-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-748\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-12-at-7.07.03-PM-300x225.png\" alt=\"\" width=\"300\" height=\"225\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-12-at-7.07.03-PM-300x225.png 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-12-at-7.07.03-PM-768x576.png 768w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-12-at-7.07.03-PM-1024x768.png 1024w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-12-at-7.07.03-PM.png 1914w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.44.27-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-733 size-medium\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.44.27-AM-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.44.27-AM-300x300.png 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.44.27-AM-150x150.png 150w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.44.27-AM.png 668w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>I wrote the sketch in processing. There is a class for the stars, which loads the star image above 500 times at random places on the canvas, of random sizes and random brightness&#8217;s for every draw loop. The stars are attracted to 500 invisible black holes. The attraction physics are based on the forces chapter in <em>The Nature of Code.\u00a0<\/em>If you move the mouse to the left in the sketch, you can &#8220;disappear&#8221; the stars one at a time.<\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.43.36-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-732\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.43.36-AM-1024x383.png\" alt=\"\" width=\"660\" height=\"247\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.43.36-AM-1024x383.png 1024w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.43.36-AM-300x112.png 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.43.36-AM-768x288.png 768w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>Huge thank you to fellow ITP student Aar\u00f3n Montoya-Moraga for trying his best to teach me calculus for force vectors. Yikes!<\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/FullSizeRender-4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-751\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/FullSizeRender-4-650x1024.jpg\" alt=\"\" width=\"650\" height=\"1024\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/FullSizeRender-4-650x1024.jpg 650w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/FullSizeRender-4-191x300.jpg 191w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/FullSizeRender-4-768x1209.jpg 768w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/FullSizeRender-4.jpg 1966w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>We decided it would be fun to project the star field onto the ceiling in my apartment with two projectors.<\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5814.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-734\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5814-1024x768.jpg\" alt=\"\" width=\"660\" height=\"495\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5814-1024x768.jpg 1024w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5814-300x225.jpg 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5814-768x576.jpg 768w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5815sm.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-737\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5815sm-768x1024.jpg\" alt=\"\" width=\"660\" height=\"880\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5815sm-768x1024.jpg 768w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5815sm-225x300.jpg 225w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/IMG_5815sm.jpg 1224w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.49.24-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-738\" src=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.49.24-AM-1024x913.png\" alt=\"\" width=\"660\" height=\"588\" srcset=\"http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.49.24-AM-1024x913.png 1024w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.49.24-AM-300x268.png 300w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.49.24-AM-768x685.png 768w, http:\/\/www.aaronparsekian.com\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-07-at-8.49.24-AM.png 1258w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"IMG 5817\" src=\"https:\/\/player.vimeo.com\/video\/207287775?dnt=1&amp;app_id=122963\" width=\"660\" height=\"371\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/p>\n<p>Here is the projects code on github!<\/p>\n<p><a href=\"https:\/\/github.com\/aaronparsekian\/project_constellation\/tree\/master\/constellation\">https:\/\/github.com\/aaronparsekian\/project_constellation\/tree\/master\/constellation<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We start with one star made in photoshop with the feather\u00a0tool: I wrote the sketch in processing. There is a class for the stars, which loads the star image above 500 times at random places on the canvas, of random sizes and random brightness&#8217;s for every draw loop. The stars are attracted to 500 invisible &hellip; <a href=\"http:\/\/www.aaronparsekian.com\/?p=731\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">The Nature of Code &#8211; Physics \/ Animation final<\/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":[22,18],"tags":[],"class_list":["post-731","post","type-post","status-publish","format-standard","hentry","category-noc","category-spring-2017"],"_links":{"self":[{"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/posts\/731","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=731"}],"version-history":[{"count":5,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/posts\/731\/revisions"}],"predecessor-version":[{"id":753,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=\/wp\/v2\/posts\/731\/revisions\/753"}],"wp:attachment":[{"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=731"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.aaronparsekian.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}