{"id":50,"date":"2023-09-28T12:26:52","date_gmt":"2023-09-28T12:26:52","guid":{"rendered":"https:\/\/kurtgrung.com\/blog\/?p=50"},"modified":"2023-11-01T17:11:48","modified_gmt":"2023-11-01T17:11:48","slug":"abstraction","status":"publish","type":"post","link":"https:\/\/kurtgrung.com\/blog\/abstraction\/","title":{"rendered":"abstraction"},"content":{"rendered":"\n<p class=\"codepen\" data-height=\"500\" data-default-tab=\"result\" data-slug-hash=\"qBgNgog\" data-user=\"kurtgrung\" style=\"height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/kurtgrung\/pen\/qBgNgog\">\n  Abstract 04<\/a> by Kurt Gr\u00fcng (<a href=\"https:\/\/codepen.io\/kurtgrung\">@kurtgrung<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n<script async src=\"https:\/\/cpwebassets.codepen.io\/assets\/embed\/ei.js\"><\/script>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Abstraction involves representing ideas or objects in a simplified or stylized manner, often deviating from realistic portrayal. Artists use abstraction to convey emotions, ideas, or aesthetics through shapes, colors, and forms.<\/p>\n<\/blockquote>\n\n\n\n<p>In programming and computer science, abstraction involves creating a simplified representation of a complex system, hiding unnecessary details and exposing only the essential features. Abstraction helps manage complexity and allows developers to work with high-level concepts without being concerned with the underlying implementation. <br><br>My code generated abstract forms, are visualisations are created purely from random generative numerics within a framework of variables. The same technique I use in my Modular Synth experiments creating abstract sounds. I have always been fascinated with the avant garde art movements with the unconventional art and the rejection of what is the norm? I love drawing and painting in this style and has ultimately influenced my creative outlook on life. <br><br>This animation is created using the <a rel=\"noreferrer noopener\" href=\"https:\/\/threejs.org\" target=\"_blank\">Three.js<\/a> Javascript library. <\/p>\n\n\n\n<p class=\"codepen\" data-height=\"600\" data-default-tab=\"result\" data-slug-hash=\"vYQaZqN\" data-user=\"kurtgrung\" style=\"height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/kurtgrung\/pen\/vYQaZqN\">\n  Abstract<\/a> by Kurt Gr\u00fcng (<a href=\"https:\/\/codepen.io\/kurtgrung\">@kurtgrung<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n<script async src=\"https:\/\/cpwebassets.codepen.io\/assets\/embed\/ei.js\"><\/script>\n\n\n\n<p class=\"codepen\" data-height=\"600\" data-default-tab=\"result\" data-slug-hash=\"jOdPvyL\" data-user=\"kurtgrung\" style=\"height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/kurtgrung\/pen\/jOdPvyL\">\n  Abstract<\/a> by Kurt Gr\u00fcng (<a href=\"https:\/\/codepen.io\/kurtgrung\">@kurtgrung<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n<script async src=\"https:\/\/cpwebassets.codepen.io\/assets\/embed\/ei.js\"><\/script>\n\n\n\n<p><br>Creative coding is the \u201cavant garde\u201d of the tech world. I actively incorporate generative patterns into my many mediums of work (Code, Sound design experiments with modular synths, even Photography and Art). using concepts such as Euclidean Rhythms\/Perlin Noise. I am heavily influenced by the works of Bauhaus Artist Laszlo Moholy Nagy\u2019s photograms. They are created using photosensitive paper and exposing it to light. <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"515\" data-id=\"78\" src=\"https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2023\/09\/Laszlo1-1.jpg\" alt=\"Laszlo Moholy Nagy\u2019s photograms\" class=\"wp-image-78\" srcset=\"https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2023\/09\/Laszlo1-1.jpg 400w, https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2023\/09\/Laszlo1-1-233x300.jpg 233w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"399\" data-id=\"79\" src=\"https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2023\/09\/Laszlo2.jpg\" alt=\"Laszlo Moholy Nagy\u2019s photograms\" class=\"wp-image-79\" srcset=\"https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2023\/09\/Laszlo2.jpg 530w, https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2023\/09\/Laszlo2-300x226.jpg 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><em>Laszlo Moholy Nagy, Photograms [above]. <\/em><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Kurt Gr\u00fcng - Abstract Forms\" src=\"https:\/\/player.vimeo.com\/video\/880191796?dnt=1&amp;app_id=122963\" width=\"500\" height=\"308\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Copyright <em>Kurt Gr\u00fcng &#8211; Abstract Forms<\/em>. <\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>See the Pen Abstract 04 by Kurt Gr\u00fcng (@kurtgrung) on CodePen. Abstraction involves representing ideas or objects in a simplified or stylized manner, often deviating from realistic portrayal. Artists use abstraction to convey emotions, ideas, or aesthetics through shapes, colors, and forms. In programming and computer science, abstraction involves creating a simplified representation of a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,8],"tags":[23,41,24,42],"class_list":["post-50","post","type-post","status-publish","format-standard","hentry","category-art","category-code","tag-abstraction","tag-art","tag-code","tag-creative-coding"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/posts\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":29,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/posts\/50\/revisions"}],"predecessor-version":[{"id":501,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/posts\/50\/revisions\/501"}],"wp:attachment":[{"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/categories?post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/tags?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}