[{"data":1,"prerenderedAt":309},["ShallowReactive",2],{"$sBXLId4RTz":3,"$ggEEF5xeQI":74,"resources-tangent-lines-to-circles-nature-of-code-trcc-courses-the-coding-train-getting-started-guide-mediapipe-hand-landmarks-processing-p5js":226},{"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":75,"uid":76,"url":5,"type":77,"href":78,"tags":79,"first_publication_date":80,"last_publication_date":81,"slugs":82,"linked_documents":83,"lang":13,"alternate_languages":84,"data":85},"aF_tRBEAACQAxeNr","math-curves","casestudy","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",[],"2025-06-28T13:25:27+0000","2025-08-01T12:42:57+0000",[76],[],[],{"title":86,"thumb":87,"vimeo_file_link":88,"use_media":89,"aspect_ratio":90,"tags":91,"slices":92,"meta_title":5,"meta_description":5,"meta_image":225},"Math Curves",{},"https://player.vimeo.com/progressive_redirect/playback/1097151258/rendition/1080p/file.mp4?loc=external&log_user=0&signature=eb2135a62e56f717f94f3edcf0264caa89b2ff63ac3528f1f747c3300566d45a","vimeo","4x5",[],[93,110,136,149,165],{"variation":94,"version":95,"items":96,"primary":97,"id":108,"slice_type":109,"slice_label":5},"default","initial",[],{"title_rows":98},[99,102,105],{"title":100,"align":101},"Crazy","Left",{"title":103,"align":104},"Mathematical","Right",{"title":106,"align":107},"Curves","Center","editorial_hero$2241c734-69e2-461d-b1de-2230cf4b04ea","editorial_hero",{"variation":111,"version":95,"items":112,"primary":113,"id":134,"slice_type":135,"slice_label":5},"doubleMediaTextWithDetails",[],{"media_group":114,"content":120,"details":126,"live_tool":133},[115,117],{"image":116,"vimeo_file_link":88,"use_media":89},{},{"image":118,"vimeo_file_link":119,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097152383/rendition/1080p/file.mp4?loc=external&log_user=0&signature=08c517f36cd5e7ba5e350bb544a3cff4b9852eeba30fde05ae5d7b3ddce21512",[121],{"type":122,"text":123,"spans":124,"direction":125},"paragraph","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. ",[],"ltr",[127,130],{"property":128,"value":129},"Published","December 2023",{"property":131,"value":132},"Tech","Processing and P5.js",[],"double_media_text$47e9c9fd-a817-401b-90ef-6be611e83ffb","double_media_text",{"variation":94,"version":95,"items":137,"primary":138,"id":148,"slice_type":135,"slice_label":5},[],{"media_group":139,"content":146,"align":147},[140,143],{"image":141,"vimeo_file_link":142,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097151592/rendition/1080p/file.mp4?loc=external&log_user=0&signature=c8d621a24ab703af547768686fed3200afe01bff371a5351f00ca58cc6b15595",{"image":144,"vimeo_file_link":145,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097151598/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bf96bb2742950d2847b6accbfef4c30481872af843b76e5ac9fee0d062605c81",[],"text_media","double_media_text$c5ceed92-5e03-4185-9353-1a0f71cbd5c8",{"variation":94,"version":95,"items":150,"primary":151,"id":164,"slice_type":135,"slice_label":5},[],{"media_group":152,"content":159,"align":163},[153,156],{"image":154,"vimeo_file_link":155,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097152170/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9849b311308c13552d51ac1c1c662be33be88c1e30cb96b082c346ced9126481",{"image":157,"vimeo_file_link":158,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097152184/rendition/1080p/file.mp4?loc=external&log_user=0&signature=49b381975725887ee6e00ca3e8df2a2c85063267f271e2615489672af7bdfdd5",[160],{"type":122,"text":161,"spans":162,"direction":125},"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.",[],"media_text","double_media_text$23040533-092b-4b28-a23e-1a9a6f45b19c",{"variation":94,"version":95,"items":166,"primary":167,"id":223,"slice_type":224,"slice_label":5},[],{"code_example":168,"resources":169},[],[170,178,185,193,201,208,216],{"resource":171},{"id":172,"type":173,"tags":174,"lang":13,"slug":175,"first_publication_date":176,"last_publication_date":176,"uid":175,"link_type":36,"key":177,"isBroken":38},"aIy2KRIAACEAUFuF","resource",[],"tangent-lines-to-circles","2025-08-01T12:42:18+0000","5cda20c9-fb73-4ad3-9e62-a721f41cc21a",{"resource":179},{"id":180,"type":173,"tags":181,"lang":13,"slug":182,"first_publication_date":183,"last_publication_date":183,"uid":182,"link_type":36,"key":184,"isBroken":38},"aIyhQBIAACAAUDeF",[],"nature-of-code","2025-08-01T11:13:07+0000","ff7bae39-6e6d-44ae-a551-af4b5901b6ff",{"resource":186},{"id":187,"type":173,"tags":188,"lang":13,"slug":189,"first_publication_date":190,"last_publication_date":191,"uid":189,"link_type":36,"key":192,"isBroken":38},"aIyhYxIAACEAUDe8",[],"trcc-courses","2025-08-01T11:13:45+0000","2025-08-01T11:13:55+0000","173324e8-f304-456e-becf-04cfaf2b58e4",{"resource":194},{"id":195,"type":173,"tags":196,"lang":13,"slug":197,"first_publication_date":198,"last_publication_date":198,"uid":199,"link_type":36,"key":200,"isBroken":38},"aIyv4hIAACAAUFD0",[],"getting-started-guide","2025-08-01T12:15:33+0000","the-coding-train-getting-started-guide","5fe64431-0a14-48de-a556-b964e7b51fc3",{"resource":202},{"id":203,"type":173,"tags":204,"lang":13,"slug":205,"first_publication_date":206,"last_publication_date":206,"uid":205,"link_type":36,"key":207,"isBroken":38},"aIyxrxIAACIAUFPs",[],"mediapipe-hand-landmarks","2025-08-01T12:23:12+0000","328fd7a1-323b-4fc4-850d-12c6e15b7549",{"resource":209},{"id":210,"type":173,"tags":211,"lang":13,"slug":212,"first_publication_date":213,"last_publication_date":214,"uid":212,"link_type":36,"key":215,"isBroken":38},"aIyptBIAACAAUESw",[],"processing","2025-08-01T11:49:10+0000","2025-08-01T11:50:36+0000","92d4e3cb-6f0e-42b1-aba0-7a7e9b8659e0",{"resource":217},{"id":218,"type":173,"tags":219,"lang":13,"slug":220,"first_publication_date":221,"last_publication_date":221,"uid":220,"link_type":36,"key":222,"isBroken":38},"aIypUhIAAB8AUEQU",[],"p5js","2025-08-01T11:47:32+0000","7ed21be0-174e-4130-98d2-4cc3ed9a2e0a","resources$869635eb-3c89-4298-830d-e52e43a44710","resources",{},[227,239,251,263,275,287,299],{"id":172,"uid":175,"url":5,"type":173,"href":228,"tags":229,"first_publication_date":176,"last_publication_date":176,"slugs":230,"linked_documents":231,"lang":13,"alternate_languages":232,"data":233},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIy2KRIAACEAUFuF%22%29+%5D%5D",[],[175],[],[],{"label":234,"credits":235,"link":236},"Tangent Lines To Circles","Wikipedia",{"link_type":65,"key":237,"url":238,"target":68},"6c7efda1-0669-45ea-84c8-0da64cf72d43","https://en.wikipedia.org/wiki/Tangent_lines_to_circles",{"id":180,"uid":182,"url":5,"type":173,"href":240,"tags":241,"first_publication_date":183,"last_publication_date":183,"slugs":242,"linked_documents":243,"lang":13,"alternate_languages":244,"data":245},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyhQBIAACAAUDeF%22%29+%5D%5D",[],[182],[],[],{"label":246,"credits":247,"link":248},"Nature of Code","Daniel Shiffman",{"link_type":65,"key":249,"url":250,"target":68},"0c50a80f-a611-4d08-a762-c7ebd6ff11ed","https://natureofcode.com/",{"id":187,"uid":189,"url":5,"type":173,"href":252,"tags":253,"first_publication_date":190,"last_publication_date":191,"slugs":254,"linked_documents":255,"lang":13,"alternate_languages":256,"data":257},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyhYxIAACEAUDe8%22%29+%5D%5D",[],[189],[],[],{"label":258,"credits":259,"link":260},"TRCC Courses","Tim Rodenbröker",{"link_type":65,"key":261,"url":262,"target":68},"2b01e781-72e6-4349-a611-dfb7f1fa1e94","https://timrodenbroeker.de/courses/",{"id":195,"uid":199,"url":5,"type":173,"href":264,"tags":265,"first_publication_date":198,"last_publication_date":198,"slugs":266,"linked_documents":267,"lang":13,"alternate_languages":268,"data":269},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyv4hIAACAAUFD0%22%29+%5D%5D",[],[197],[],[],{"label":270,"credits":271,"link":272},"Getting Started Guide","The Coding Train",{"link_type":65,"key":273,"url":274,"target":68},"4bd07397-bd8b-4d19-97d9-2a6f8f9daca9","https://thecodingtrain.com/guides/getting-started#start-learning-and-coding!",{"id":203,"uid":205,"url":5,"type":173,"href":276,"tags":277,"first_publication_date":206,"last_publication_date":206,"slugs":278,"linked_documents":279,"lang":13,"alternate_languages":280,"data":281},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyxrxIAACIAUFPs%22%29+%5D%5D",[],[205],[],[],{"label":282,"credits":283,"link":284},"Mediapipe Hand Landmarks","Google",{"link_type":65,"key":285,"url":286,"target":68},"ffa1084a-7437-40e1-ae92-5284e01fb8fa","https://ai.google.dev/edge/mediapipe/solutions/vision/hand_landmarker",{"id":210,"uid":212,"url":5,"type":173,"href":288,"tags":289,"first_publication_date":213,"last_publication_date":214,"slugs":290,"linked_documents":291,"lang":13,"alternate_languages":292,"data":293},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyptBIAACAAUESw%22%29+%5D%5D",[],[212],[],[],{"label":294,"credits":295,"link":296},"Processing","Ben Fry & Casey Reas",{"link_type":65,"key":297,"url":298,"target":68},"05a2beab-f65f-4b31-b3d6-3c628ae0ed1d","https://processing.org/",{"id":218,"uid":220,"url":5,"type":173,"href":300,"tags":301,"first_publication_date":221,"last_publication_date":221,"slugs":302,"linked_documents":303,"lang":13,"alternate_languages":304,"data":305},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIypUhIAAB8AUEQU%22%29+%5D%5D",[],[220],[],[],{"label":220,"credits":5,"link":306},{"link_type":65,"key":307,"url":308,"target":68},"f5c29bcf-bea8-41ad-bae8-02610b15b9d5","https://p5js.org/",1759581900760]