{"id":351,"date":"2025-07-20T08:59:34","date_gmt":"2025-07-20T08:59:34","guid":{"rendered":"https:\/\/www.itgoesboink.com\/home\/?page_id=351"},"modified":"2025-07-21T20:53:49","modified_gmt":"2025-07-21T20:53:49","slug":"spiral-gardens","status":"publish","type":"page","link":"https:\/\/www.itgoesboink.com\/home\/spiral-gardens\/","title":{"rendered":"Spiral Gardens"},"content":{"rendered":"\n<p>Procedural Mesh Generation Toy<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"spline spiral ribbons comp\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/kZZu6IfOoa0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><em>Spiral Gardens<\/em> is an informal name I use for a procedural mesh generation experiment, which focused on layering parameterized spirals to plot the main spline.  The extruded shapes are then constructed dynamically using curve inputs to control the radius along the way.  <\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-20-at-12.54.09-AM-1-1024x694.png\" alt=\"\" class=\"wp-image-413 size-full\" srcset=\"https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-20-at-12.54.09-AM-1-1024x694.png 1024w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-20-at-12.54.09-AM-1-300x203.png 300w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-20-at-12.54.09-AM-1-768x521.png 768w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-20-at-12.54.09-AM-1-1536x1041.png 1536w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-20-at-12.54.09-AM-1-2048x1388.png 2048w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>A shot showing of the layered-spiral plot of each tendrils&#8217; central spline<\/p>\n<\/div><\/div>\n\n\n\n<p><br>Additionally, a four-point gradient system is used to control the color of each shape along its length. Controls are also available for setting and animating the in\/out opacity limits on the shapes. A cluster controller is used to spawn and assign each tendril object.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"sweep test\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/qYbIBXpmI6I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>There are a wide variety of creative applications of this, however I&#8217;d like to employ some shape options beyond spirals.  I enjoy using splines in much of my work, and this is certainly no exception.  However, the concept can certainly be taken further.<\/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-large\"><img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"532\" data-id=\"294\" src=\"https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7459.png\" alt=\"\" class=\"wp-image-294\" srcset=\"https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7459.png 548w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7459-300x291.png 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"827\" data-id=\"293\" src=\"https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7261-1024x827.png\" alt=\"\" class=\"wp-image-293\" srcset=\"https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7261-1024x827.png 1024w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7261-300x242.png 300w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7261-768x620.png 768w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7261-1536x1241.png 1536w, https:\/\/www.itgoesboink.com\/home\/wp-content\/uploads\/2025\/07\/IMG_7261.png 1728w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Above are some of the earliest shots of the system working.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Procedural Mesh Generation Toy Spiral Gardens is an informal name I use for a procedural mesh generation experiment, which focused on layering parameterized spirals to plot the main spline. The extruded shapes are then constructed dynamically using curve inputs to control the radius along the way. A shot showing of the layered-spiral plot of each &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.itgoesboink.com\/home\/spiral-gardens\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Spiral Gardens&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-351","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/pages\/351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/comments?post=351"}],"version-history":[{"count":4,"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/pages\/351\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/pages\/351\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/www.itgoesboink.com\/home\/wp-json\/wp\/v2\/media?parent=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}