[{"data":1,"prerenderedAt":653},["ShallowReactive",2],{"$sBXLId4RTz":3,"$QD8d9NkvSp":74,"cases-grid-type-sound-demo-math-curves-cats-on-grids":156},{"id":4,"uid":5,"url":5,"type":6,"href":7,"tags":8,"first_publication_date":9,"last_publication_date":10,"slugs":11,"linked_documents":12,"lang":13,"alternate_languages":14,"data":15},"aDqYsxEAACYATEhc",null,"settings","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aDqYsxEAACYATEhc%22%29+%5D%5D",[],"2025-05-31T05:54:51+0000","2025-08-05T06:06:51+0000",[6],[],"en-us",[],{"site_title":16,"meta_description":17,"meta_image":18,"navigation":28,"footer_nav":48,"socials":63},"Mike van der Sanden","Hi, my name is Mike van der Sanden and I am a interdisciplinary designer.",{"dimensions":19,"alt":5,"copyright":5,"url":22,"id":23,"edit":24},{"width":20,"height":21},2400,1260,"https://images.prismic.io/mvds/aI4C1aTt2nPbZywB_og-image.jpg?auto=format%2Ccompress&rect=0%2C0%2C2400%2C1260&w=2400&h=1260","aI4C1aTt2nPbZywB",{"x":25,"y":25,"zoom":26,"background":27},0,1,"transparent",[29,40],{"id":30,"type":31,"tags":32,"lang":13,"slug":33,"first_publication_date":34,"last_publication_date":35,"uid":33,"link_type":36,"key":37,"isBroken":38,"text":39},"aDxwLhEAACYATt7E","page",[],"cases","2025-06-01T15:22:33+0000","2025-09-24T05:43:11+0000","Document","a5153a27-a276-4b02-a988-596963e91c73",false,"Cases",{"id":41,"type":31,"tags":42,"lang":13,"slug":43,"first_publication_date":44,"last_publication_date":45,"uid":43,"link_type":36,"key":46,"isBroken":38,"text":47},"aDsFlhEAACUATOKP",[],"about","2025-05-31T13:35:19+0000","2025-10-04T12:44:22+0000","8e831512-c797-4e48-a90a-52e0e3f29db6","About",[49,57,60],{"id":50,"type":31,"tags":51,"lang":13,"slug":52,"first_publication_date":53,"last_publication_date":54,"uid":52,"link_type":36,"key":55,"isBroken":38,"text":56},"aDsFhhEAACgATOJy",[],"home","2025-05-31T13:35:05+0000","2025-09-24T05:42:55+0000","7bc5883a-6327-499f-9e7b-51a7cbe9f1e6","Home",{"id":30,"type":31,"tags":58,"lang":13,"slug":33,"first_publication_date":34,"last_publication_date":35,"uid":33,"link_type":36,"key":59,"isBroken":38,"text":39},[],"93a6da17-52b3-455e-bc1e-74dadda5266a",{"id":41,"type":31,"tags":61,"lang":13,"slug":43,"first_publication_date":44,"last_publication_date":45,"uid":43,"link_type":36,"key":62,"isBroken":38,"text":47},[],"67de3346-dcaf-47c3-b649-fb476e54a7b5",[64,70],{"link_type":65,"key":66,"url":67,"target":68,"text":69},"Web","29ab8b70-e17b-449b-800a-8eb6e764a3fc","https://www.instagram.com/mikevdsanden/","_blank","Instagram",{"link_type":65,"key":71,"url":72,"target":68,"text":73},"2d93c469-68fa-4ffb-aab8-0208fcf01ee3","https://www.linkedin.com/in/mike-van-der-sanden-736ab2b/","LinkedIn",{"id":50,"uid":52,"url":5,"type":31,"href":75,"tags":76,"first_publication_date":53,"last_publication_date":54,"slugs":77,"linked_documents":78,"lang":13,"alternate_languages":79,"data":80},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aDsFhhEAACgATOJy%22%29+%5D%5D",[],[52],[],[],{"title":56,"slices":81,"meta_title":154,"meta_description":5,"meta_image":155},[82,100,113],{"variation":83,"version":84,"items":85,"primary":86,"id":98,"slice_type":99,"slice_label":5},"default","initial",[],{"title":87,"author":88},"Challenging the limits of visual comfort, feeding the inherent drive to create.",[89],{"name":16,"role":90,"avatar":91},"Interdisciplinary designer",{"dimensions":92,"alt":94,"copyright":5,"url":95,"id":96,"edit":97},{"width":93,"height":93},200,"Profile image of Mike","https://images.prismic.io/mvds/aDyfdLh8WN-LVdUX_241125_Inmoition-5-avatar.jpg?auto=format,compress&rect=0,0,1160,1160&w=200&h=200","aDyfdLh8WN-LVdUX",{"x":25,"y":25,"zoom":26,"background":27},"home_hero$e7ce084f-5fb7-4cdc-847c-74f727a95695","home_hero",{"variation":83,"version":84,"items":101,"primary":102,"id":111,"slice_type":112,"slice_label":5},[],{"label":103,"body":104,"show_logo":110},"2022 — Present",[105],{"type":106,"text":107,"spans":108,"direction":109},"paragraph","In December 2022 I started making things in my free time, just for the sake of making. No brief, no goal. What started as a low-key experiment became something I’m quite obsessed with. A passion project that’s led me to all kinds of new knowledge and has connected me with an amazing creative community. For anyone who likes to experiment: I’m opening up my process. This platform is where I share thoughts and insights into my projects, along with useful resources, code examples, and live tools to play around with.",[],"ltr",true,"single_text$fc267cc5-292d-4f70-a959-69b127946bf2","single_text",{"variation":83,"version":84,"items":114,"primary":115,"id":152,"slice_type":153,"slice_label":5},[],{"title":116,"linked_cases":117},"Featured cases",[118,127,136,144],{"case_study":119},{"id":120,"type":121,"tags":122,"lang":13,"slug":123,"first_publication_date":124,"last_publication_date":125,"uid":123,"link_type":36,"key":126,"isBroken":38},"aNODCBIAACQAX_EJ","casestudy",[],"type-sound","2025-09-24T05:36:57+0000","2025-09-24T09:23:07+0000","faf7031f-45e6-4a84-8f34-b3de8ceebca7",{"case_study":128},{"id":129,"type":121,"tags":130,"lang":13,"slug":131,"first_publication_date":132,"last_publication_date":133,"uid":134,"link_type":36,"key":135,"isBroken":38},"aDyZjxEAACUATxoL",[],"demo--design-in-motion-festival","2025-06-01T18:18:57+0000","2025-08-01T18:27:22+0000","demo","4eee4dc5-8633-4625-bd9e-49614ee387f9",{"case_study":137},{"id":138,"type":121,"tags":139,"lang":13,"slug":140,"first_publication_date":141,"last_publication_date":142,"uid":140,"link_type":36,"key":143,"isBroken":38},"aF_tRBEAACQAxeNr",[],"math-curves","2025-06-28T13:25:27+0000","2025-08-01T12:42:57+0000","6b53e669-bb62-4169-bc1d-f4c9620437dd",{"case_study":145},{"id":146,"type":121,"tags":147,"lang":13,"slug":148,"first_publication_date":149,"last_publication_date":150,"uid":148,"link_type":36,"key":151,"isBroken":38},"aEh7oxAAACAApmPi",[],"cats-on-grids","2025-06-10T18:38:30+0000","2025-08-01T12:35:10+0000","2cc3e6ac-cc85-464a-badb-3151e156a590","cases_featured$46ade8fa-f3ea-4107-9340-40a764fbb008","cases_featured","Mike van der Sanden — Personal Project Platform",{},[157,303,459,577],{"id":120,"uid":123,"url":5,"type":121,"href":158,"tags":159,"first_publication_date":124,"last_publication_date":125,"slugs":160,"linked_documents":161,"lang":13,"alternate_languages":162,"data":163},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aNODCBIAACQAX_EJ%22%29+%5D%5D",[],[123],[],[],{"title":164,"thumb":165,"vimeo_file_link":166,"use_media":167,"aspect_ratio":168,"tags":169,"slices":172,"meta_title":5,"meta_description":296,"meta_image":297},"Type Sound",{},"https://player.vimeo.com/progressive_redirect/playback/1121404447/rendition/1080p/file.mp4?loc=external&log_user=0&signature=8dc76a37e3b7ab8100070c3553b734a14d04f6345c2597720390b0af5a2682a0","vimeo","1x1",[170],{"tag":171},"Code Example",[173,190,212,229,244],{"variation":83,"version":84,"items":174,"primary":175,"id":188,"slice_type":189,"slice_label":5},[],{"title_rows":176},[177,180,183,186],{"title":178,"align":179},"What melodies","Left",{"title":181,"align":182},"can be","Center",{"title":184,"align":185},"found in","Right",{"title":187,"align":182},"typography?","editorial_hero$119a1e8a-e05e-454c-8ae7-c900bf163d88","editorial_hero",{"variation":191,"version":84,"items":192,"primary":193,"id":210,"slice_type":211,"slice_label":5},"mediaTextWithDetails",[],{"media":194,"vimeo_file_link":195,"use_media":196,"content":197,"align":201,"details":202,"live_tool":209},{},"https://player.vimeo.com/progressive_redirect/playback/1121404245/rendition/1440p/file.mp4?loc=external&log_user=0&signature=179512bb39bc735399dbd4e0bd9b3d1f7c3e0c240df0ca174d36a56d2e629624","vimeo controlled",[198],{"type":106,"text":199,"spans":200,"direction":109},"What melodies can be found in typography? The question popped into my head while I was experimenting with audio in Ableton Live and VCV Rack. I imagined characters becoming a piano roll. Could I connect Processing to either program? I chose VCV Rack. Once I had a proof of concept, I was hooked. Over the next few weeks, I built it out, adding features as I went.",[],"image-text",[203,206],{"property":204,"value":205},"Published","September 2025",{"property":207,"value":208},"Tech","Processing, VCV Rack",[],"media_text$db81222c-cbfa-4731-82d0-6d46d2701b36","media_text",{"variation":83,"version":84,"items":213,"primary":214,"id":227,"slice_type":228,"slice_label":5},[],{"media_group":215,"content":222,"align":226},[216,219],{"image":217,"vimeo_file_link":218,"use_media":196},{},"https://player.vimeo.com/progressive_redirect/playback/1121404296/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b18f22f32d8c8c0591d2e187357184c5c7300e4e6b5fa5836ba95cc00bf1b5a8",{"image":220,"vimeo_file_link":221,"use_media":196},{},"https://player.vimeo.com/progressive_redirect/playback/1121404336/rendition/1080p/file.mp4?loc=external&log_user=0&signature=a3eeb3cb5fc8ec128804e6b2933f8c43c43bb7f2ab9ffbf1655a7a1ed03c1f44",[223],{"type":106,"text":224,"spans":225,"direction":109},"Processing sends MIDI note data—pitch, velocity, and gate—to VCV Rack. From there, you can patch it into any setup. The tool is built on layered tracks: each track can be routed to its own channel and has tweakable options. You can change the character sequence, typeface, and clock speed. I’ve added multiple scales—currently all in C—but the system could grow into a full instrument. To prevent floods of notes, each track has a range control on the right: drag the top or bottom rows to set the active band.",[],"text_media","double_media_text$bae7c99a-7d71-4106-ad33-f77f8551713b","double_media_text",{"variation":83,"version":84,"items":230,"primary":231,"id":243,"slice_type":228,"slice_label":5},[],{"media_group":232,"content":239,"align":211},[233,236],{"image":234,"vimeo_file_link":235,"use_media":196},{},"https://player.vimeo.com/progressive_redirect/playback/1121404366/rendition/1080p/file.mp4?loc=external&log_user=0&signature=2159f4b8001c73c866776ba32450d04607b6825fe89820e546752d27764dc1c5",{"image":237,"vimeo_file_link":238,"use_media":196},{},"https://player.vimeo.com/progressive_redirect/playback/1121404402/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9a16837a0e82df8bcf89e875f668a78611bad3fecb6a7ccc42a3ec44fc847b13",[240],{"type":106,"text":241,"spans":242,"direction":109},"I had a lot of fun building this tool. It gave me a chance to combine my love of music with coding. For context, I’m a beginner in VCV Rack—most of my patches came from tutorials. If you’re experienced with VCV Rack, I’d love to see what you can make with it. There’s a download link below.",[],"double_media_text$b3633cb6-979a-4ae9-aa1d-2cd4dbe55e02",{"variation":83,"version":84,"items":245,"primary":246,"id":294,"slice_type":295,"slice_label":5},[],{"code_example":247,"resources":254},[248],{"description":249,"link":250},"This code example serves as a starting point for your own ideas. I encourage anyone to have fun with it and push it as far as you can. Let me know what you come up with.",{"link_type":65,"key":251,"url":252,"target":68,"text":253},"06fee47d-6c47-405c-a5f4-d11c663950e9","/examples/mvds_type_sound.zip","Download Code",[255,263,270,278,286],{"resource":256},{"id":257,"type":258,"tags":259,"lang":13,"slug":260,"first_publication_date":261,"last_publication_date":261,"uid":260,"link_type":36,"key":262,"isBroken":38},"aIzDABIAACIAUHGn","resource",[],"vcv-tutorials","2025-08-01T13:37:06+0000","66630127-2fd0-4927-9922-9dd142f33099",{"resource":264},{"id":265,"type":258,"tags":266,"lang":13,"slug":267,"first_publication_date":268,"last_publication_date":268,"uid":267,"link_type":36,"key":269,"isBroken":38},"aNODSxIAACQAX_Fr",[],"transfer-midi-mac","2025-09-24T05:36:27+0000","5dfb94d4-7798-4e8e-bd19-967cb9b50069",{"resource":271},{"id":272,"type":258,"tags":273,"lang":13,"slug":274,"first_publication_date":275,"last_publication_date":275,"uid":276,"link_type":36,"key":277,"isBroken":38},"aIyv4hIAACAAUFD0",[],"getting-started-guide","2025-08-01T12:15:33+0000","the-coding-train-getting-started-guide","68babdec-9189-4985-a514-e4871978f7f9",{"resource":279},{"id":280,"type":258,"tags":281,"lang":13,"slug":282,"first_publication_date":283,"last_publication_date":284,"uid":282,"link_type":36,"key":285,"isBroken":38},"aIyhYxIAACEAUDe8",[],"trcc-courses","2025-08-01T11:13:45+0000","2025-08-01T11:13:55+0000","d9e65eab-25f0-44c1-8560-8371674e0a0a",{"resource":287},{"id":288,"type":258,"tags":289,"lang":13,"slug":290,"first_publication_date":291,"last_publication_date":292,"uid":290,"link_type":36,"key":293,"isBroken":38},"aIyptBIAACAAUESw",[],"processing","2025-08-01T11:49:10+0000","2025-08-01T11:50:36+0000","e764d26b-ddc6-45c4-b0b8-b2401f5d8c21","resources$a93ed08e-0ceb-40a5-b067-97c27f7b4129","resources","What melodies can be found in typography? The question popped into my head while I was experimenting with audio in Ableton Live and VCV Rack.",{"dimensions":298,"alt":5,"copyright":5,"url":299,"id":300,"edit":301},{"width":20,"height":21},"https://images.prismic.io/mvds/aNO3c55xUNkB1DHu_ogimage.jpg?auto=format,compress&rect=0,248,1043,548&w=2400&h=1260","aNO3c55xUNkB1DHu",{"x":25,"y":302,"zoom":26,"background":27},248,{"id":129,"uid":134,"url":5,"type":121,"href":304,"tags":305,"first_publication_date":132,"last_publication_date":133,"slugs":306,"linked_documents":307,"lang":13,"alternate_languages":308,"data":309},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aDyZjxEAACUATxoL%22%29+%5D%5D",[],[131],[],[],{"title":310,"thumb":311,"vimeo_file_link":318,"use_media":167,"aspect_ratio":319,"tags":320,"slices":322,"meta_title":5,"meta_description":5,"meta_image":458},"Demo — Design in Motion Festival",{"dimensions":312,"alt":5,"copyright":5,"url":315,"id":316,"edit":317},{"width":313,"height":314},1080,1350,"https://images.prismic.io/mvds/aEAL87h8WN-LVktA_03_rotterdam1.jpg?auto=format,compress","aEAL87h8WN-LVktA",{"x":25,"y":25,"zoom":26,"background":27},"https://player.vimeo.com/progressive_redirect/playback/1091442002/rendition/1440p/file.mp4?loc=external&log_user=0&signature=5fc2c0cb248f0cf91aee1fa150ebb58111468836af597421e261491ad45f7402","4x5",[321],{"tag":171},[323,334,360,376,394,414,423,435],{"variation":83,"version":84,"items":324,"primary":325,"id":333,"slice_type":189,"slice_label":5},[],{"title_rows":326},[327,329,331],{"title":328,"align":179},"Demo — Design",{"title":330,"align":182},"In Motion",{"title":332,"align":185},"Festival","editorial_hero$848a2188-cd84-4d58-acbf-3b53c230f72f",{"variation":191,"version":84,"items":335,"primary":336,"id":359,"slice_type":211,"slice_label":5},[],{"media":337,"vimeo_file_link":5,"use_media":345,"content":346,"align":201,"details":350,"live_tool":358},{"dimensions":338,"alt":341,"copyright":5,"url":342,"id":343,"edit":344},{"width":339,"height":340},2560,2048,"Demo Festival Utrecht ","https://images.prismic.io/mvds/aEHehLh8WN-LVr3M_250203_Mike_Demo_foto_Hres-12.jpg?auto=format,compress","aEHehLh8WN-LVr3M",{"x":25,"y":25,"zoom":26,"background":27},"image",[347],{"type":106,"text":348,"spans":349,"direction":109},"This year a few of my works were part of the Design in Motion Festival. DEMO shows the world’s best motion design on outdoor screens in the public space.\n\nThe full motion programme was shown in the Netherlands, in Amsterdam, Rotterdam, Tilburg, Eindhoven and Utrecht. Together with some friends we see the over 560 beautiful motion pieces made by so many great designers.",[],[351,353,355],{"property":204,"value":352},"January 2025",{"property":207,"value":354},"Processing",{"property":356,"value":357},"Photography","Matijs Moeskops, Alex Heuvink, Studio Dumbar",[],"media_text$12fd954e-ade4-42a2-947b-36a73e22257e",{"variation":83,"version":84,"items":361,"primary":362,"id":375,"slice_type":228,"slice_label":5},[],{"media_group":363,"content":371,"align":226},[364,367],{"image":365,"vimeo_file_link":366,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1091442002/rendition/720p/file.mp4?loc=external&log_user=0&signature=1f2a8ec0faaf865f6ae05ac1214ad8cfe84738c6bcf7a43e1e5b704688fae647",{"image":368,"vimeo_file_link":5,"use_media":345},{"dimensions":369,"alt":5,"copyright":5,"url":315,"id":316,"edit":370},{"width":313,"height":314},{"x":25,"y":25,"zoom":26,"background":27},[372],{"type":106,"text":373,"spans":374,"direction":109},"A special selection was also shown on XL and spectacular screens in Amsterdam, Antwerp, Brussels, Hamburg, Düsseldorf, Cardiff, Leeds, Madrid, Barcelona, Los Angeles and Vancouver.",[],"double_media_text$3bbff638-d0a0-4813-8db6-bb1f911b948a",{"variation":83,"version":84,"items":377,"primary":378,"id":393,"slice_type":228,"slice_label":5},[],{"media_group":379,"content":392,"align":211},[380,386],{"image":381,"vimeo_file_link":5,"use_media":345},{"dimensions":382,"alt":5,"copyright":5,"url":383,"id":384,"edit":385},{"width":313,"height":314},"https://images.prismic.io/mvds/aEHwgrh8WN-LVsMD_04_utrecht1.jpg?auto=format,compress","aEHwgrh8WN-LVsMD",{"x":25,"y":25,"zoom":26,"background":27},{"image":387,"vimeo_file_link":5,"use_media":345},{"dimensions":388,"alt":5,"copyright":5,"url":389,"id":390,"edit":391},{"width":313,"height":314},"https://images.prismic.io/mvds/aEHwdrh8WN-LVsL-_07_utrecht2.jpg?auto=format,compress","aEHwdrh8WN-LVsL-",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$726152f3-64f4-4858-bb8e-cefdf7a60020",{"variation":83,"version":84,"items":395,"primary":396,"id":413,"slice_type":228,"slice_label":5},[],{"media_group":397,"content":412,"align":226},[398,404],{"image":399,"vimeo_file_link":5,"use_media":345},{"dimensions":400,"alt":5,"copyright":5,"url":401,"id":402,"edit":403},{"width":313,"height":314},"https://images.prismic.io/mvds/aGQ70Xfc4bHWi7mr_06_leeds.jpg?auto=format,compress","aGQ70Xfc4bHWi7mr",{"x":25,"y":25,"zoom":26,"background":27},{"image":405,"vimeo_file_link":5,"use_media":345},{"dimensions":406,"alt":5,"copyright":5,"url":409,"id":410,"edit":411},{"width":407,"height":408},1500,1875,"https://images.prismic.io/mvds/aGQ723fc4bHWi7ms_02_selfie.jpg?auto=format,compress","aGQ723fc4bHWi7ms",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$212a0b88-8ad6-4c6a-a52b-a6e650078493",{"variation":83,"version":84,"items":415,"primary":416,"id":422,"slice_type":112,"slice_label":5},[],{"label":417,"body":418,"show_logo":5},"Motion explorations",[419],{"type":106,"text":420,"spans":421,"direction":109},"The work I sent in was based on earlier motion explorations. It consists of a line of circles, where the total length must stay the same. So if one circle grows, the others have to make room by shrinking. Doing this along a smooth curve, and using multiple lines, results in all sorts of nice motion pieces.",[],"single_text$af6f9257-4344-4603-bd68-678378bea509",{"variation":83,"version":84,"items":424,"primary":425,"id":434,"slice_type":228,"slice_label":5},[],{"media_group":426,"content":433,"align":211},[427,430],{"image":428,"vimeo_file_link":429,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1099996238/rendition/1080p/file.mp4?loc=external&log_user=0&signature=3129d8c7532d1ea25a6104916040520b97267724d34285caf924ecc491776be1",{"image":431,"vimeo_file_link":432,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1099996268/rendition/1080p/file.mp4?loc=external&log_user=0&signature=c60bd201fc75f8cd38e8444e886ad60f1226be85e6b223f507949ad91972cd55",[],"double_media_text$5ffcb1f0-4598-430b-8a37-186d3d9e12ea",{"variation":83,"version":84,"items":436,"primary":437,"id":457,"slice_type":295,"slice_label":5},[],{"code_example":438,"resources":444},[439],{"description":249,"link":440},{"link_type":65,"key":441,"url":442,"target":68,"text":443},"12e41d52-2c83-4cf2-b414-4bb1b2a14128","/examples/mvds_wavy_circles.zip","Download code",[445,449,453],{"resource":446},{"id":280,"type":258,"tags":447,"lang":13,"slug":282,"first_publication_date":283,"last_publication_date":284,"uid":282,"link_type":36,"key":448,"isBroken":38},[],"6a9e24c1-1a60-4b0b-adac-560e72792afe",{"resource":450},{"id":272,"type":258,"tags":451,"lang":13,"slug":274,"first_publication_date":275,"last_publication_date":275,"uid":276,"link_type":36,"key":452,"isBroken":38},[],"8cdf6fe8-9503-4517-99e3-0e6744089528",{"resource":454},{"id":288,"type":258,"tags":455,"lang":13,"slug":290,"first_publication_date":291,"last_publication_date":292,"uid":290,"link_type":36,"key":456,"isBroken":38},[],"4c840da4-ee21-46c5-bc8d-314f43c81d43","resources$35e2af84-bca8-4d8a-80ec-7adeb44ca5f2",{},{"id":138,"uid":140,"url":5,"type":121,"href":460,"tags":461,"first_publication_date":141,"last_publication_date":142,"slugs":462,"linked_documents":463,"lang":13,"alternate_languages":464,"data":465},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aF_tRBEAACQAxeNr%22%29+%5D%5D",[],[140],[],[],{"title":466,"thumb":467,"vimeo_file_link":468,"use_media":167,"aspect_ratio":319,"tags":469,"slices":470,"meta_title":5,"meta_description":5,"meta_image":576},"Math Curves",{},"https://player.vimeo.com/progressive_redirect/playback/1097151258/rendition/1080p/file.mp4?loc=external&log_user=0&signature=eb2135a62e56f717f94f3edcf0264caa89b2ff63ac3528f1f747c3300566d45a",[],[471,482,503,515,530],{"variation":83,"version":84,"items":472,"primary":473,"id":481,"slice_type":189,"slice_label":5},[],{"title_rows":474},[475,477,479],{"title":476,"align":179},"Crazy",{"title":478,"align":185},"Mathematical",{"title":480,"align":182},"Curves","editorial_hero$2241c734-69e2-461d-b1de-2230cf4b04ea",{"variation":483,"version":84,"items":484,"primary":485,"id":502,"slice_type":228,"slice_label":5},"doubleMediaTextWithDetails",[],{"media_group":486,"content":492,"details":496,"live_tool":501},[487,489],{"image":488,"vimeo_file_link":468,"use_media":167},{},{"image":490,"vimeo_file_link":491,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1097152383/rendition/1080p/file.mp4?loc=external&log_user=0&signature=08c517f36cd5e7ba5e350bb544a3cff4b9852eeba30fde05ae5d7b3ddce21512",[493],{"type":106,"text":494,"spans":495,"direction":109},"A lot of vector math in this project. What you see on this page are examples of my shape builder. I love it how the extremes stay in place and extra anchor points just appear when necessary. The system is using tangent lines on two circles to find the anchor point location. Then it's making sure the circle is always looking in the right direction. ",[],[497,499],{"property":204,"value":498},"December 2023",{"property":207,"value":500},"Processing and P5.js",[],"double_media_text$47e9c9fd-a817-401b-90ef-6be611e83ffb",{"variation":83,"version":84,"items":504,"primary":505,"id":514,"slice_type":228,"slice_label":5},[],{"media_group":506,"content":513,"align":226},[507,510],{"image":508,"vimeo_file_link":509,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1097151592/rendition/1080p/file.mp4?loc=external&log_user=0&signature=c8d621a24ab703af547768686fed3200afe01bff371a5351f00ca58cc6b15595",{"image":511,"vimeo_file_link":512,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1097151598/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bf96bb2742950d2847b6accbfef4c30481872af843b76e5ac9fee0d062605c81",[],"double_media_text$c5ceed92-5e03-4185-9353-1a0f71cbd5c8",{"variation":83,"version":84,"items":516,"primary":517,"id":529,"slice_type":228,"slice_label":5},[],{"media_group":518,"content":525,"align":211},[519,522],{"image":520,"vimeo_file_link":521,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1097152170/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9849b311308c13552d51ac1c1c662be33be88c1e30cb96b082c346ced9126481",{"image":523,"vimeo_file_link":524,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1097152184/rendition/1080p/file.mp4?loc=external&log_user=0&signature=49b381975725887ee6e00ca3e8df2a2c85063267f271e2615489672af7bdfdd5",[526],{"type":106,"text":527,"spans":528,"direction":109},"On the Iterations Festival in 2023 I went to a Workshop by Nahual Gerth about body tracking. He introduced me to Mediapipe and opened a whole new world of possibilities. Here you see me controlling the Math Curves project with my hands.",[],"double_media_text$23040533-092b-4b28-a23e-1a9a6f45b19c",{"variation":83,"version":84,"items":531,"primary":532,"id":575,"slice_type":295,"slice_label":5},[],{"code_example":533,"resources":534},[],[535,542,549,553,557,564,568],{"resource":536},{"id":537,"type":258,"tags":538,"lang":13,"slug":539,"first_publication_date":540,"last_publication_date":540,"uid":539,"link_type":36,"key":541,"isBroken":38},"aIy2KRIAACEAUFuF",[],"tangent-lines-to-circles","2025-08-01T12:42:18+0000","5cda20c9-fb73-4ad3-9e62-a721f41cc21a",{"resource":543},{"id":544,"type":258,"tags":545,"lang":13,"slug":546,"first_publication_date":547,"last_publication_date":547,"uid":546,"link_type":36,"key":548,"isBroken":38},"aIyhQBIAACAAUDeF",[],"nature-of-code","2025-08-01T11:13:07+0000","ff7bae39-6e6d-44ae-a551-af4b5901b6ff",{"resource":550},{"id":280,"type":258,"tags":551,"lang":13,"slug":282,"first_publication_date":283,"last_publication_date":284,"uid":282,"link_type":36,"key":552,"isBroken":38},[],"173324e8-f304-456e-becf-04cfaf2b58e4",{"resource":554},{"id":272,"type":258,"tags":555,"lang":13,"slug":274,"first_publication_date":275,"last_publication_date":275,"uid":276,"link_type":36,"key":556,"isBroken":38},[],"5fe64431-0a14-48de-a556-b964e7b51fc3",{"resource":558},{"id":559,"type":258,"tags":560,"lang":13,"slug":561,"first_publication_date":562,"last_publication_date":562,"uid":561,"link_type":36,"key":563,"isBroken":38},"aIyxrxIAACIAUFPs",[],"mediapipe-hand-landmarks","2025-08-01T12:23:12+0000","328fd7a1-323b-4fc4-850d-12c6e15b7549",{"resource":565},{"id":288,"type":258,"tags":566,"lang":13,"slug":290,"first_publication_date":291,"last_publication_date":292,"uid":290,"link_type":36,"key":567,"isBroken":38},[],"92d4e3cb-6f0e-42b1-aba0-7a7e9b8659e0",{"resource":569},{"id":570,"type":258,"tags":571,"lang":13,"slug":572,"first_publication_date":573,"last_publication_date":573,"uid":572,"link_type":36,"key":574,"isBroken":38},"aIypUhIAAB8AUEQU",[],"p5js","2025-08-01T11:47:32+0000","7ed21be0-174e-4130-98d2-4cc3ed9a2e0a","resources$869635eb-3c89-4298-830d-e52e43a44710",{},{"id":146,"uid":148,"url":5,"type":121,"href":578,"tags":579,"first_publication_date":149,"last_publication_date":150,"slugs":580,"linked_documents":581,"lang":13,"alternate_languages":582,"data":583},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEh7oxAAACAApmPi%22%29+%5D%5D",[],[148],[],[],{"title":584,"thumb":585,"vimeo_file_link":586,"use_media":167,"aspect_ratio":319,"tags":587,"slices":588,"meta_title":5,"meta_description":5,"meta_image":652},"Cats on Grids",{},"https://player.vimeo.com/progressive_redirect/playback/1092243867/rendition/1080p/file.mp4?loc=external&log_user=0&signature=be44662d36c3d0df6b6eff1fd1f1876fc16bc0a2c3fb9de0ab095f4067b3cd01",[],[589,598,626,634],{"variation":83,"version":84,"items":590,"primary":591,"id":597,"slice_type":189,"slice_label":5},[],{"title_rows":592},[593,595],{"title":594,"align":179},"Cats",{"title":596,"align":182},"on Grids","editorial_hero$2c7923ad-1ff0-4167-af8a-af597deebe23",{"variation":483,"version":84,"items":599,"primary":600,"id":625,"slice_type":228,"slice_label":5},[],{"media_group":601,"content":607,"details":617,"live_tool":624},[602,604],{"image":603,"vimeo_file_link":586,"use_media":167},{},{"image":605,"vimeo_file_link":606,"use_media":167},{},"https://player.vimeo.com/progressive_redirect/playback/1096342352/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9f5fbf549629e1c45d6c7f896a0833e906d9ade54394d29e0fb3540acfd51c89",[608],{"type":106,"text":609,"spans":610,"direction":109},"Collab with my amazing life partner @sharipelk\n\n“Cats on a Grid” is a playful exploration of frame-by-frame hand-drawn animation and creative coding in Processing.\n\nIn every iteration, each empty cell on the grid chooses a random cat to fill the gap.",[611],{"start":612,"end":613,"type":614,"data":615},36,46,"hyperlink",{"link_type":65,"url":616,"target":68},"https://www.instagram.com/sharipelk/",[618,620,621],{"property":204,"value":619},"March 2025",{"property":207,"value":354},{"property":622,"value":623},"Collaboration","Shari Pelkmans",[],"double_media_text$4327ea1e-8097-4920-9670-70abf199baf6",{"variation":627,"version":84,"items":628,"primary":629,"id":633,"slice_type":211,"slice_label":5},"image_left_text_right",[],{"media":630,"vimeo_file_link":631,"use_media":167,"content":632,"align":201},{},"https://player.vimeo.com/progressive_redirect/playback/1096342408/rendition/1080p/file.mp4?loc=external&log_user=0&signature=a8bad139a484d51b1d5a1804420e0975f9f08cf94ceebd59044896a681240104",[],"media_text$46d720cc-731c-4e26-b5e4-a28a77708356",{"variation":83,"version":84,"items":635,"primary":636,"id":651,"slice_type":295,"slice_label":5},[],{"code_example":637,"resources":638},[],[639,643,647],{"resource":640},{"id":280,"type":258,"tags":641,"lang":13,"slug":282,"first_publication_date":283,"last_publication_date":284,"uid":282,"link_type":36,"key":642,"isBroken":38},[],"8ab48965-b571-44ce-b0ac-0bc5e79f405d",{"resource":644},{"id":272,"type":258,"tags":645,"lang":13,"slug":274,"first_publication_date":275,"last_publication_date":275,"uid":276,"link_type":36,"key":646,"isBroken":38},[],"ee539e5c-71b8-46e1-b0d9-dee385ceea4f",{"resource":648},{"id":288,"type":258,"tags":649,"lang":13,"slug":290,"first_publication_date":291,"last_publication_date":292,"uid":290,"link_type":36,"key":650,"isBroken":38},[],"700eb5eb-ca58-4e4c-bae7-79cf14300e55","resources$1c955d5a-8369-4f11-af9f-79488258e86b",{},1759581898936]