{"id":409,"date":"2018-09-13T16:18:00","date_gmt":"2018-09-13T16:18:00","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/cc18\/?p=409"},"modified":"2018-09-25T00:14:14","modified_gmt":"2018-09-25T00:14:14","slug":"hello","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/09\/13\/hello\/","title":{"rendered":"ResearchPost 01"},"content":{"rendered":"<h2 class=\"article_title\">Generative Art with Node.js and HTML5 Canvas<\/h2>\n<p>by Matt Deslauriers<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"425\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/09\/13\/hello\/screen-shot-2018-09-16-at-17-28-59\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?fit=1302%2C734&amp;ssl=1\" data-orig-size=\"1302,734\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screen Shot 2018-09-16 at 17.28.59\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?fit=300%2C169&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?fit=1024%2C577&amp;ssl=1\" class=\"alignnone size-medium wp-image-425\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?resize=300%2C169&#038;ssl=1\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?resize=768%2C433&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?resize=1024%2C577&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.28.59.png?w=1302&amp;ssl=1 1302w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"426\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/09\/13\/hello\/screen-shot-2018-09-16-at-17-29-11\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?fit=1302%2C734&amp;ssl=1\" data-orig-size=\"1302,734\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screen Shot 2018-09-16 at 17.29.11\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?fit=300%2C169&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?fit=1024%2C577&amp;ssl=1\" class=\"alignnone size-medium wp-image-426\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?resize=300%2C169&#038;ssl=1\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?resize=768%2C433&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?resize=1024%2C577&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.11.png?w=1302&amp;ssl=1 1302w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>In his project, Deslauriers used the rendering algorithm to create his generative art. Each particle is rendered as a small line segment in the direction of its velocity. The scale of the noise is randomized so that some lines curl tightly, while others head straight. Deslauriers also used photos of snails, flowers, architecture, and geometry as guides to make the renderings look a little more polished. The particles sample a black and white image, and the luminance value of the image determines parameters such as noise scale and line thickness. When choosing colors, Deslauriers used popular colors in design communities rather than pick schemes by hand.<\/p>\n<figure id=\"attachment_428\" aria-describedby=\"caption-attachment-428\" style=\"width: 300px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"428\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/09\/13\/hello\/screen-shot-2018-09-16-at-17-29-37\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?fit=1292%2C644&amp;ssl=1\" data-orig-size=\"1292,644\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screen Shot 2018-09-16 at 17.29.37\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;color palette&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?fit=300%2C150&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?fit=1024%2C510&amp;ssl=1\" class=\"size-medium wp-image-428\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?resize=300%2C150&#038;ssl=1\" alt=\"\" width=\"300\" height=\"150\" srcset=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?resize=768%2C383&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?resize=1024%2C510&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/09\/Screen-Shot-2018-09-16-at-17.29.37.png?w=1292&amp;ssl=1 1292w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-428\" class=\"wp-caption-text\">color palette<\/figcaption><\/figure>\n<p class=\"p1\">Deslauriers\u2019 work relies more on the artist\u2019s creativity. As explained, the programmer made the decision of the color palette used in his work. The randomized noise value and line thickness are also determined by images chosen by the programmer. Therefore, the computer\u2019s role in the making of this art is very passive.<\/p>\n<p class=\"p1\">Machines can randomize, but it can never be original. They learn from patterns and programmers\u2019 instructions. Everything created by a computer comes from a pattern or image that it has seen before. This is the same for human \u2014 all of our ideas come from previously seen objects, but the way of how we put images together makes us creative. Computers cannot do so. They might be able to randomize locations or shapes, but in most cases they are instructed by a programmer to do so.<span class=\"Apple-converted-space\">\u00a0 <\/span>Similarly, human aesthetics cannot be formalized or proceduralized. The human mind thinks freely, and is not controlled by boundaries. A programmer can always use computers to express or recreate a piece of art, but the computer itself can never mimic the creative process of a human.<\/p>\n<p class=\"p1\">I think for a machine, making art to satisfy human aesthetics can be hard. Human\u2019s beauty standards are constantly changing, and for computers to realize that pattern is really hard. Human on the other hand, might not have the ability to appreciate a computer generated artwork. Therefore, it\u2019s pretty hard for a computer to make good art.<\/p>\n<p><a href=\"https:\/\/mattdesl.svbtle.com\/generative-art-with-nodejs-and-canvas\">link to website<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Generative Art with Node.js and HTML5 Canvas by Matt Deslauriers In his project, Deslauriers used the rendering algorithm to create his generative art. Each particle is rendered as a small line segment in the direction of its velocity. The scale of the noise is randomized so that some lines curl tightly, while others head straight.<a class=\"more-link button\" href=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/09\/13\/hello\/\">Read More<\/a><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4],"tags":[],"class_list":["post-409","post","type-post","status-publish","format-standard","hentry","category-researchpost1"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/saeb9f-hello","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":8,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/409\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/409\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}