[{"data":1,"prerenderedAt":260},["ShallowReactive",2],{"$sBXLId4RTz":3,"$ggEEF5xeQI":74,"resources-mediapipe-hand-landmarks-the-coding-train-getting-started-guide-learn-glsl-shaders-p5js":213},{"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},"aG5vbBAAAB8Aa-u1","air-drawings","casestudy","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aG5vbBAAAB8Aa-u1%22%29+%5D%5D",[],"2025-07-09T13:32:40+0000","2025-08-01T12:44:51+0000",[76],[],[],{"title":86,"thumb":87,"vimeo_file_link":88,"use_media":89,"aspect_ratio":90,"tags":91,"slices":94,"meta_title":5,"meta_description":5,"meta_image":212},"Air Drawings",{},"https://player.vimeo.com/progressive_redirect/playback/1099982453/rendition/1080p/file.mp4?loc=external&log_user=0&signature=e8160949a9f21493cdf96b8850e740f0bfdfee36779fb611701c4a4d051d87af","vimeo","4x5",[92],{"tag":93},"Live tool",[95,112,147,161,175],{"variation":96,"version":97,"items":98,"primary":99,"id":110,"slice_type":111,"slice_label":5},"default","initial",[],{"title_rows":100},[101,104,107],{"title":102,"align":103},"Draw your","Left",{"title":105,"align":106},"hands up in","Right",{"title":108,"align":109},"the air","Center","editorial_hero$db1988fd-164e-4800-9dbf-254528eadaa5","editorial_hero",{"variation":113,"version":97,"items":114,"primary":115,"id":145,"slice_type":146,"slice_label":5},"mediaTextWithDetails",[],{"media":116,"vimeo_file_link":117,"use_media":89,"content":118,"align":124,"details":125,"live_tool":132},{},"https://player.vimeo.com/progressive_redirect/playback/1099975301/rendition/2160p/file.mp4?loc=external&log_user=0&signature=d4d583f93c9655f3613b59eab55b21ab1a4d15fc15bfd57b0431fc06b74517da",[119],{"type":120,"text":121,"spans":122,"direction":123},"paragraph","Having fun with Mediapipe and shaders! This project uses your fingers as brushstrokes. When you hover over the grid cells, they not only change color—they also apply an effect to the video section in that cell. Each finger has a different effect and a different color, creating a visually interesting piece when drawn with multiple hands.",[],"ltr","image-text",[126,129],{"property":127,"value":128},"Published","March 2024",{"property":130,"value":131},"Tech","P5js, Shaders, Mediapipe",[133],{"body":134,"link":141},[135,138],{"type":120,"text":136,"spans":137,"direction":123},"This live-tool is for experimentation purposes only and may sometimes not work as expected. Best to use a modern browser on desktop.",[],{"type":120,"text":139,"spans":140,"direction":123},"\n",[],{"link_type":65,"key":142,"url":143,"target":68,"text":144},"b2b93dca-4f64-41a0-87eb-cb6cd75af6b1","https://mikevandersanden.com/tools/air-drawings/","Visit live tool","media_text$2e485c21-7184-4d8b-855e-507ac591b6bc","media_text",{"variation":96,"version":97,"items":148,"primary":149,"id":159,"slice_type":160,"slice_label":5},[],{"media_group":150,"content":157,"align":158},[151,154],{"image":152,"vimeo_file_link":153,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1099975404/rendition/1440p/file.mp4?loc=external&log_user=0&signature=d9746e2c68b15c638c45cc88b13b4df5b1f5bc4f41e7d030c2f8eb7fc7e0a5a9",{"image":155,"vimeo_file_link":156,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1099975493/rendition/1440p/file.mp4?loc=external&log_user=0&signature=e80fb0f6cb1980a945609eeda380ea6af6cbf8385e357d5208a9f791e84dd91f",[],"text_media","double_media_text$3b76238d-11c6-4461-a7b5-35e6ed32d9b4","double_media_text",{"variation":96,"version":97,"items":162,"primary":163,"id":174,"slice_type":160,"slice_label":5},[],{"media_group":164,"content":170,"align":146},[165,168],{"image":166,"vimeo_file_link":167,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1099981212/rendition/1080p/file.mp4?loc=external&log_user=0&signature=3df5efa6e9a050846c9b00effe153563d7cef68619d0a54a6bf439476472a31c",{"image":169,"vimeo_file_link":88,"use_media":89},{},[171],{"type":120,"text":172,"spans":173,"direction":123},"This project was featured during DEMO Festival 2025. Watching my son drawing on all those screens throughout the country was truly something special.",[],"double_media_text$6bbb9b6d-8ab0-4d1a-a414-dcea1b5a9c97",{"variation":96,"version":97,"items":176,"primary":177,"id":210,"slice_type":211,"slice_label":5},[],{"code_example":178,"resources":179},[],[180,188,196,203],{"resource":181},{"id":182,"type":183,"tags":184,"lang":13,"slug":185,"first_publication_date":186,"last_publication_date":186,"uid":185,"link_type":36,"key":187,"isBroken":38},"aIyxrxIAACIAUFPs","resource",[],"mediapipe-hand-landmarks","2025-08-01T12:23:12+0000","d3bd0cb4-cdb0-44ad-ba24-c286706e734a",{"resource":189},{"id":190,"type":183,"tags":191,"lang":13,"slug":192,"first_publication_date":193,"last_publication_date":193,"uid":194,"link_type":36,"key":195,"isBroken":38},"aIyv4hIAACAAUFD0",[],"getting-started-guide","2025-08-01T12:15:33+0000","the-coding-train-getting-started-guide","5da20762-8717-4a2d-85c6-6cae40251e22",{"resource":197},{"id":198,"type":183,"tags":199,"lang":13,"slug":200,"first_publication_date":201,"last_publication_date":201,"uid":200,"link_type":36,"key":202,"isBroken":38},"aIymVRIAACAAUD-Q",[],"learn-glsl-shaders","2025-08-01T11:34:48+0000","8f2369da-9788-423d-a23c-d5e7aaedb084",{"resource":204},{"id":205,"type":183,"tags":206,"lang":13,"slug":207,"first_publication_date":208,"last_publication_date":208,"uid":207,"link_type":36,"key":209,"isBroken":38},"aIypUhIAAB8AUEQU",[],"p5js","2025-08-01T11:47:32+0000","8c1560fc-0ff6-469e-95ce-3f0444c99e27","resources$e9e51219-6e40-4f1b-b7bf-c5c2d217e9f0","resources",{},[214,226,238,250],{"id":182,"uid":185,"url":5,"type":183,"href":215,"tags":216,"first_publication_date":186,"last_publication_date":186,"slugs":217,"linked_documents":218,"lang":13,"alternate_languages":219,"data":220},"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",[],[185],[],[],{"label":221,"credits":222,"link":223},"Mediapipe Hand Landmarks","Google",{"link_type":65,"key":224,"url":225,"target":68},"ffa1084a-7437-40e1-ae92-5284e01fb8fa","https://ai.google.dev/edge/mediapipe/solutions/vision/hand_landmarker",{"id":190,"uid":194,"url":5,"type":183,"href":227,"tags":228,"first_publication_date":193,"last_publication_date":193,"slugs":229,"linked_documents":230,"lang":13,"alternate_languages":231,"data":232},"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",[],[192],[],[],{"label":233,"credits":234,"link":235},"Getting Started Guide","The Coding Train",{"link_type":65,"key":236,"url":237,"target":68},"4bd07397-bd8b-4d19-97d9-2a6f8f9daca9","https://thecodingtrain.com/guides/getting-started#start-learning-and-coding!",{"id":198,"uid":200,"url":5,"type":183,"href":239,"tags":240,"first_publication_date":201,"last_publication_date":201,"slugs":241,"linked_documents":242,"lang":13,"alternate_languages":243,"data":244},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIymVRIAACAAUD-Q%22%29+%5D%5D",[],[200],[],[],{"label":245,"credits":246,"link":247},"Learn GLSL Shaders","Nicholas Lever",{"link_type":65,"key":248,"url":249,"target":68},"b3f3f1b7-4ebe-426a-b635-0599d8798425","https://www.udemy.com/course/learn-glsl-shaders-from-scratch/",{"id":205,"uid":207,"url":5,"type":183,"href":251,"tags":252,"first_publication_date":208,"last_publication_date":208,"slugs":253,"linked_documents":254,"lang":13,"alternate_languages":255,"data":256},"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",[],[207],[],[],{"label":207,"credits":5,"link":257},{"link_type":65,"key":258,"url":259,"target":68},"f5c29bcf-bea8-41ad-bae8-02610b15b9d5","https://p5js.org/",1759581901966]