<br />
<b>Warning</b>:  Undefined array key "3D Cubes x Orphic Overlay For this projection I’m combining two visual languages in one frame: a strict 3D structure of nested cubes and a 2D layer inspired by Sonia Delaunay and Orphism. Two systems in one image The foundation is built from four wireframe cubes, nested inside each other. Each cube rotates at a&#8230;" in <b>/home/clients/9c035df66afb72a0cf96f29ba1e3a8e9/sites/lumlux-art.com/wp-content/plugins/translatepress-multilingual/includes/queries/class-query.php</b> on line <b>759</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/clients/9c035df66afb72a0cf96f29ba1e3a8e9/sites/lumlux-art.com/wp-content/plugins/translatepress-multilingual/includes/queries/class-query.php</b> on line <b>759</b><br />
{"id":57535,"date":"2026-02-24T09:49:32","date_gmt":"2026-02-24T08:49:32","guid":{"rendered":"https:\/\/lumlux-art.com\/?page_id=57535"},"modified":"2026-03-03T21:08:42","modified_gmt":"2026-03-03T20:08:42","slug":"creative-coding","status":"publish","type":"page","link":"https:\/\/lumlux-art.com\/pt\/creative-coding\/","title":{"rendered":"Codifica\u00e7\u00e3o Criativa"},"content":{"rendered":"<h2 id=\"h-3d-cubes-x-orphic-overlay\" class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">3D Cubes x Orphic Overlay<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For this projection I\u2019m combining two visual languages in one frame: a strict 3D structure of nested cubes and a 2D layer inspired by Sonia Delaunay and Orphism.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\"\/>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2658\" style=\"aspect-ratio: 4112 \/ 2658;\" width=\"4112\" controls src=\"https:\/\/lumlux-art.com\/wp-content\/uploads\/2026\/02\/2026-02-24-08-22-53.mp4\"><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\"\/>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-top:0;padding-bottom:0\"><\/p>\n\n\n\n<h3 id=\"h-two-systems-in-one-image\" class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">Two systems in one image<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-top:0;padding-bottom:0\">The foundation is built from four wireframe cubes, nested inside each other. Each cube rotates at a slightly different pace, creating a calm, mechanical rhythm. Along the edges, small dots \u201corbit\u201d and slide over the lines. They stay loyal to the geometry, but add a living pulse, like energy moving through the structure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On top of that sits an Orphic overlay: concentric rings and arcs that overlap, cut through each other, and create a collage of movement. This layer is intentionally flat and graphic, a counterpoint to the depth of the cubes.<\/p>\n\n\n\n<h3 id=\"h-color-as-motion\" class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">Color as motion<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The dots and rings use a palette aligned with Delaunay\u2019s simultaneous contrasts: red, yellow, blue, orange, green, white, and black. Color isn\u2019t decoration here. It\u2019s a driver of perceived motion. With slow rotations and strong contrasts, the image keeps shifting even when the animation stays subtle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One key detail: white is treated as space rather than paint. Segments that would normally be white are left transparent, allowing the black background to show through. This creates breathing room and makes the rings feel cut out of darkness, lighter and more architectural.<\/p>\n\n\n\n<h3 id=\"h-why-it-fits-ambient-music\" class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">Why it fits ambient music<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-top:0;padding-bottom:0\">Ambient music doesn\u2019t need fast editing. It needs visuals that can breathe. That\u2019s why the animation is slow and layered. The cubes provide structure. The circles and arcs bring rhythm and color movement. The orbiting dots form a steady pulse. Together they build a quiet tension that works well in projection: you can watch it for minutes and still discover new combinations.<\/p>\n\n\n\n<h3 id=\"h-technical-notes\" class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">Technical notes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">The visual is made in p5.js (WEBGL) at 1920\u00d71080. Everything is built from simple shapes and repeated patterns: rings as segmented geometry, arcs as slicing layers, cubes as wireframes. No shaders, just composition and motion.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>\n\n\n\n<h2 id=\"h-a-floating-cloth-in-space-wrapped-in-pride-colors\" class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">A Floating Cloth in Space, Wrapped in Pride Colors<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2658\" style=\"aspect-ratio: 4112 \/ 2658;\" width=\"4112\" controls src=\"https:\/\/lumlux-art.com\/wp-content\/uploads\/2026\/03\/2026-03-03-14-40-48-1.mov\"><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">I\u2019ve been playing with a simple idea: what if a piece of fabric could exist without weight, drifting in space, but still behave like cloth. This sketch is a small physics study made in p5.js (WEBGL). It\u2019s built from a grid of points connected by constraints, so it can bend and ripple while staying \u201cfabric-like\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">The motion is a loop. The cloth slowly pulls itself into a wrap, then gradually returns to its exact starting shape, and the cycle begins again. I wanted the reset to feel intentional, not random, so the system remembers its original position and eases back into it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">Visually, the surface is not a solid fill. It\u2019s transparent and driven by noise, which gives it that airy, shifting texture. On top of that, the color moves through the classic Pride rainbow palette, blending smoothly from one hue to the next so the whole sheet feels alive rather than flashing between colors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">This one is designed to stay in frame at 1920\u00d71080, with a fixed camera and gentle boundaries so it doesn\u2019t drift into the distance. It\u2019s meant for projection and looping, calm enough to live in the background, but detailed enough to keep pulling you in if you stare at it.<\/p>","protected":false},"excerpt":{"rendered":"<p>3D Cubes x Orphic Overlay For this projection I\u2019m combining two visual languages in one frame: a strict 3D structure of nested cubes and a 2D layer inspired by Sonia Delaunay and Orphism. Two systems in one image The foundation is built from four wireframe cubes, nested inside each other. Each cube rotates at a&#8230;<\/p>","protected":false},"author":233238846,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-57535","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Creative Coding - Lumlux Art<\/title>\n<meta name=\"description\" content=\"A slow-breathing projection that blends nested 3D wireframe cubes with an Orphic 2D overlay inspired by Sonia Delaunay. Orbiting dots trace the edges while concentric rings and arcs create rhythmic color contrasts, with white treated as transparent negative space.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lumlux-art.com\/pt\/creative-coding\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creative Coding\" \/>\n<meta property=\"og:description\" content=\"A slow-breathing projection that blends nested 3D wireframe cubes with an Orphic 2D overlay inspired by Sonia Delaunay. Orbiting dots trace the edges while concentric rings and arcs create rhythmic color contrasts, with white treated as transparent negative space.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lumlux-art.com\/pt\/creative-coding\/\" \/>\n<meta property=\"og:site_name\" content=\"Lumlux Art\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/LumluxArt\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-03T20:08:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lumlux-art.com\/wp-content\/uploads\/2023\/05\/cropped-Schermafbeelding-2023-04-06-om-18.28.42.png\" \/>\n\t<meta property=\"og:image:width\" content=\"488\" \/>\n\t<meta property=\"og:image:height\" content=\"488\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lumlux-art.com\\\/creative-coding\\\/\",\"url\":\"https:\\\/\\\/lumlux-art.com\\\/creative-coding\\\/\",\"name\":\"Creative Coding - Lumlux Art\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/lumlux-art.com\\\/en\\\/#website\"},\"datePublished\":\"2026-02-24T08:49:32+00:00\",\"dateModified\":\"2026-03-03T20:08:42+00:00\",\"description\":\"A slow-breathing projection that blends nested 3D wireframe cubes with an Orphic 2D overlay inspired by Sonia Delaunay. Orbiting dots trace the edges while concentric rings and arcs create rhythmic color contrasts, with white treated as transparent negative space.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lumlux-art.com\\\/creative-coding\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lumlux-art.com\\\/creative-coding\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lumlux-art.com\\\/creative-coding\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/lumlux-art.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creative Coding\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/lumlux-art.com\\\/en\\\/#website\",\"url\":\"http:\\\/\\\/lumlux-art.com\\\/en\\\/\",\"name\":\"Lumlux-Art\",\"description\":\"Where sound and form come together\",\"publisher\":{\"@id\":\"http:\\\/\\\/lumlux-art.com\\\/en\\\/#\\\/schema\\\/person\\\/270de42f2a17ed219c8041ad0b6f2f1e\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/lumlux-art.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\\\/\\\/lumlux-art.com\\\/en\\\/#\\\/schema\\\/person\\\/270de42f2a17ed219c8041ad0b6f2f1e\",\"name\":\"lumluxart\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/lumlux-art.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/apple-touch-icon-144x144-1.png\",\"url\":\"https:\\\/\\\/lumlux-art.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/apple-touch-icon-144x144-1.png\",\"contentUrl\":\"https:\\\/\\\/lumlux-art.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/apple-touch-icon-144x144-1.png\",\"width\":144,\"height\":144,\"caption\":\"lumluxart\"},\"logo\":{\"@id\":\"https:\\\/\\\/lumlux-art.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/apple-touch-icon-144x144-1.png\"},\"sameAs\":[\"https:\\\/\\\/uv03twbzltn.preview.infomaniak.website\",\"https:\\\/\\\/www.facebook.com\\\/LumluxArt\",\"https:\\\/\\\/www.instagram.com\\\/lumluxarts\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/frank-de-rop-8a7b3718\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@fdr-sound\",\"https:\\\/\\\/soundcloud.com\\\/fdr-sound\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creative Coding - Lumlux Art","description":"A slow-breathing projection that blends nested 3D wireframe cubes with an Orphic 2D overlay inspired by Sonia Delaunay. Orbiting dots trace the edges while concentric rings and arcs create rhythmic color contrasts, with white treated as transparent negative space.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lumlux-art.com\/pt\/creative-coding\/","og_locale":"pt_PT","og_type":"article","og_title":"Creative Coding","og_description":"A slow-breathing projection that blends nested 3D wireframe cubes with an Orphic 2D overlay inspired by Sonia Delaunay. Orbiting dots trace the edges while concentric rings and arcs create rhythmic color contrasts, with white treated as transparent negative space.","og_url":"https:\/\/lumlux-art.com\/pt\/creative-coding\/","og_site_name":"Lumlux Art","article_publisher":"https:\/\/www.facebook.com\/LumluxArt","article_modified_time":"2026-03-03T20:08:42+00:00","og_image":[{"width":488,"height":488,"url":"https:\/\/lumlux-art.com\/wp-content\/uploads\/2023\/05\/cropped-Schermafbeelding-2023-04-06-om-18.28.42.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lumlux-art.com\/creative-coding\/","url":"https:\/\/lumlux-art.com\/creative-coding\/","name":"Creative Coding - Lumlux Art","isPartOf":{"@id":"http:\/\/lumlux-art.com\/en\/#website"},"datePublished":"2026-02-24T08:49:32+00:00","dateModified":"2026-03-03T20:08:42+00:00","description":"A slow-breathing projection that blends nested 3D wireframe cubes with an Orphic 2D overlay inspired by Sonia Delaunay. Orbiting dots trace the edges while concentric rings and arcs create rhythmic color contrasts, with white treated as transparent negative space.","breadcrumb":{"@id":"https:\/\/lumlux-art.com\/creative-coding\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lumlux-art.com\/creative-coding\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lumlux-art.com\/creative-coding\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/lumlux-art.com\/en\/"},{"@type":"ListItem","position":2,"name":"Creative Coding"}]},{"@type":"WebSite","@id":"http:\/\/lumlux-art.com\/en\/#website","url":"http:\/\/lumlux-art.com\/en\/","name":"Lumlux-Art","description":"Onde som e forma se unem","publisher":{"@id":"http:\/\/lumlux-art.com\/en\/#\/schema\/person\/270de42f2a17ed219c8041ad0b6f2f1e"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/lumlux-art.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":["Person","Organization"],"@id":"http:\/\/lumlux-art.com\/en\/#\/schema\/person\/270de42f2a17ed219c8041ad0b6f2f1e","name":"lumluxart","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/lumlux-art.com\/wp-content\/uploads\/2023\/06\/apple-touch-icon-144x144-1.png","url":"https:\/\/lumlux-art.com\/wp-content\/uploads\/2023\/06\/apple-touch-icon-144x144-1.png","contentUrl":"https:\/\/lumlux-art.com\/wp-content\/uploads\/2023\/06\/apple-touch-icon-144x144-1.png","width":144,"height":144,"caption":"lumluxart"},"logo":{"@id":"https:\/\/lumlux-art.com\/wp-content\/uploads\/2023\/06\/apple-touch-icon-144x144-1.png"},"sameAs":["https:\/\/uv03twbzltn.preview.infomaniak.website","https:\/\/www.facebook.com\/LumluxArt","https:\/\/www.instagram.com\/lumluxarts\/","https:\/\/www.linkedin.com\/in\/frank-de-rop-8a7b3718\/","https:\/\/www.youtube.com\/@fdr-sound","https:\/\/soundcloud.com\/fdr-sound"]}]}},"_links":{"self":[{"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/pages\/57535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/users\/233238846"}],"replies":[{"embeddable":true,"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/comments?post=57535"}],"version-history":[{"count":5,"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/pages\/57535\/revisions"}],"predecessor-version":[{"id":57549,"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/pages\/57535\/revisions\/57549"}],"wp:attachment":[{"href":"https:\/\/lumlux-art.com\/pt\/wp-json\/wp\/v2\/media?parent=57535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}