{"id":522,"date":"2025-05-08T12:21:10","date_gmt":"2025-05-08T12:21:10","guid":{"rendered":"https:\/\/kurtgrung.com\/blog\/?p=522"},"modified":"2025-07-16T15:35:33","modified_gmt":"2025-07-16T15:35:33","slug":"p5-generative-kinetic-art","status":"publish","type":"post","link":"https:\/\/kurtgrung.com\/blog\/p5-generative-kinetic-art\/","title":{"rendered":"generative kinetic art\u00a0"},"content":{"rendered":"\n<p>I created this using <strong>p5.js<\/strong> this is a generative kinetic art.<\/p>\n\n\n\n<p class=\"codepen\" data-height=\"600\" data-default-tab=\"result\" data-slug-hash=\"gbOzWVG\" data-pen-title=\"p5: generative kinetic #20032025\" 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\/gbOzWVG\">\n  p5: generative kinetic #20032025<\/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:\/\/public.codepenassets.com\/embed\/index.js\"><\/script>\n\n\n\n<p><br><br>Kinetic Painting using <strong>Three.js <\/strong><br><br>This pen was also picked <strong>CodePen<\/strong> to be featured! \ud83c\udf89<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"248\" src=\"https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2025\/05\/codepen-picked-Kinetic-1024x248.png\" alt=\"\" class=\"wp-image-555\" style=\"width:463px;height:auto\" srcset=\"https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2025\/05\/codepen-picked-Kinetic-1024x248.png 1024w, https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2025\/05\/codepen-picked-Kinetic-300x73.png 300w, https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2025\/05\/codepen-picked-Kinetic-768x186.png 768w, https:\/\/kurtgrung.com\/blog\/wp-content\/uploads\/2025\/05\/codepen-picked-Kinetic.png 1289w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<iframe height=\"600\" style=\"width: 100%;\" scrolling=\"no\" title=\"Kinetic Painting using Three.js\" src=\"https:\/\/codepen.io\/kurtgrung\/embed\/yyNZpgJ?default-tab=\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href=\"https:\/\/codepen.io\/kurtgrung\/pen\/yyNZpgJ\">\n  Kinetic Painting using Three.js<\/a> by Kurt Gr\u00fcng (<a href=\"https:\/\/codepen.io\/kurtgrung\">@kurtgrung<\/a>)\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.\n<\/iframe>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I created this using p5.js this is a generative kinetic art. See the Pen p5: generative kinetic #20032025 by Kurt Gr\u00fcng (@kurtgrung) on CodePen. Kinetic Painting using Three.js This pen was also picked CodePen to be featured! \ud83c\udf89 See the Pen Kinetic Painting using Three.js by Kurt Gr\u00fcng (@kurtgrung) on CodePen.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,8,177],"tags":[41,42,162,176,161,163,173,174,106],"class_list":["post-522","post","type-post","status-publish","format-standard","hentry","category-art","category-code","category-creative-coding","tag-art","tag-creative-coding","tag-generative","tag-generative-kinetic-art-2","tag-kinetic","tag-p5","tag-three","tag-three-js","tag-visualisation"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/posts\/522","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=522"}],"version-history":[{"count":5,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/posts\/522\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/posts\/522\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/categories?post=522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kurtgrung.com\/blog\/wp-json\/wp\/v2\/tags?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}