[{"data":1,"prerenderedAt":296},["ShallowReactive",2],{"$sBXLId4RTz":3,"$ggEEF5xeQI":74,"resources-learn-glsl-shaders-trcc-courses-the-coding-train-getting-started-guide-processing-unsplash":235},{"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},"aEiMIRAAACEApnyW","morph-grid","casestudy","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEiMIRAAACEApnyW%22%29+%5D%5D",[],"2025-06-10T19:49:00+0000","2025-08-01T18:34:37+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":234},"Morph Grid",{},"https://player.vimeo.com/progressive_redirect/playback/1097121913/rendition/1080p/file.mp4?loc=external&log_user=0&signature=e5d13b0659f71cdaa6ad1e0873b7cfe4c1254285eea5cded2b3e49351ae6ceaa","vimeo","4x5",[],[93,110,132,151,161,173,186],{"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},"Modifier Grid —","Left",{"title":103,"align":104},"An introduction","Right",{"title":106,"align":107},"to shaders","Center","editorial_hero$8f1d4c66-dd97-45bc-83ec-dfdab3b73653","editorial_hero",{"variation":111,"version":95,"items":112,"primary":113,"id":130,"slice_type":131,"slice_label":5},"mediaTextWithDetails",[],{"media":114,"vimeo_file_link":88,"use_media":89,"content":115,"align":121,"details":122,"live_tool":129},{},[116],{"type":117,"text":118,"spans":119,"direction":120},"paragraph","A week ago, I visited Rotterdam. When I came across the Boijmans Depot, its distorted reflection inspired me for this tool. ",[],"ltr","image-text",[123,126],{"property":124,"value":125},"Published","October 2023",{"property":127,"value":128},"Depot photo","Ray van den Heuvel",[],"media_text$1bef7a49-36d2-4d30-b8fd-f33af12209e4","media_text",{"variation":94,"version":95,"items":133,"primary":134,"id":149,"slice_type":150,"slice_label":5},[],{"media_group":135,"content":148,"align":131},[136,145],{"image":137,"vimeo_file_link":5,"use_media":144},{"dimensions":138,"alt":5,"copyright":5,"url":141,"id":142,"edit":143},{"width":139,"height":140},1080,1350,"https://images.prismic.io/mvds/aF-0Znfc4bHWizox_IMG-13-edit.jpg?auto=format,compress","aF-0Znfc4bHWizox",{"x":25,"y":25,"zoom":26,"background":27},"image",{"image":146,"vimeo_file_link":147,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097121920/rendition/1080p/file.mp4?loc=external&log_user=0&signature=54a60835703bb8c0d65439c5792a883be48772b7a86f95d77247934f9d44a7b0",[],"double_media_text$aad16414-8e59-4fe5-ba74-a18134c6e88a","double_media_text",{"variation":94,"version":95,"items":152,"primary":153,"id":159,"slice_type":160,"slice_label":5},[],{"label":154,"body":155,"show_logo":5},"Graphic variations",[156],{"type":117,"text":157,"spans":158,"direction":120},"When I finished this tool I thought it would be fun to test it with some graphic variations. ",[],"single_text$71545e98-13cc-468c-b763-3ca60fdfae4b","single_text",{"variation":94,"version":95,"items":162,"primary":163,"id":172,"slice_type":150,"slice_label":5},[],{"media_group":164,"content":171,"align":131},[165,168],{"image":166,"vimeo_file_link":167,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097122562/rendition/540p/file.mp4?loc=external&log_user=0&signature=dca233bf61ce7d3705fcd9dc5c218e1d3dd9afe6257b19ae160a820542c2b5bc",{"image":169,"vimeo_file_link":170,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097122574/rendition/540p/file.mp4?loc=external&log_user=0&signature=829809d2b56039d024b1e7f997acb902050e68a963c98631edbd2812af83a6ff",[],"double_media_text$53ed140b-d4df-4418-845a-12b0a189f757",{"variation":94,"version":95,"items":174,"primary":175,"id":185,"slice_type":150,"slice_label":5},[],{"media_group":176,"content":183,"align":184},[177,180],{"image":178,"vimeo_file_link":179,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097122610/rendition/1080p/file.mp4?loc=external&log_user=0&signature=041d75524bb588cccf5116285d539ae78a2a62f960c55084e2b398d772d956c0",{"image":181,"vimeo_file_link":182,"use_media":89},{},"https://player.vimeo.com/progressive_redirect/playback/1097122597/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bcd81f403a2e808c701a3af923ca14e29e050cde14bcde83f1c4d88b4bf4fc00",[],"text_media","double_media_text$592a02f6-2cd7-4584-bb79-5e9196a35485",{"variation":94,"version":95,"items":187,"primary":188,"id":232,"slice_type":233,"slice_label":5},[],{"code_example":189,"resources":190},[],[191,199,207,215,223],{"resource":192},{"id":193,"type":194,"tags":195,"lang":13,"slug":196,"first_publication_date":197,"last_publication_date":197,"uid":196,"link_type":36,"key":198,"isBroken":38},"aIymVRIAACAAUD-Q","resource",[],"learn-glsl-shaders","2025-08-01T11:34:48+0000","df6bcd84-af89-4644-83f5-8cbff4c06a2e",{"resource":200},{"id":201,"type":194,"tags":202,"lang":13,"slug":203,"first_publication_date":204,"last_publication_date":205,"uid":203,"link_type":36,"key":206,"isBroken":38},"aIyhYxIAACEAUDe8",[],"trcc-courses","2025-08-01T11:13:45+0000","2025-08-01T11:13:55+0000","ef33dad6-7174-4246-a8f7-dac6891959fc",{"resource":208},{"id":209,"type":194,"tags":210,"lang":13,"slug":211,"first_publication_date":212,"last_publication_date":212,"uid":213,"link_type":36,"key":214,"isBroken":38},"aIyv4hIAACAAUFD0",[],"getting-started-guide","2025-08-01T12:15:33+0000","the-coding-train-getting-started-guide","96581543-efc1-47d5-92fe-078e83ec0517",{"resource":216},{"id":217,"type":194,"tags":218,"lang":13,"slug":219,"first_publication_date":220,"last_publication_date":221,"uid":219,"link_type":36,"key":222,"isBroken":38},"aIyptBIAACAAUESw",[],"processing","2025-08-01T11:49:10+0000","2025-08-01T11:50:36+0000","2517596b-3b61-4ca5-968a-36e292c4d375",{"resource":224},{"id":225,"type":194,"tags":226,"lang":13,"slug":227,"first_publication_date":228,"last_publication_date":229,"uid":230,"link_type":36,"key":231,"isBroken":38},"aIy4thIAACEAUF9y",[],"freely-usable-images","2025-08-01T12:53:11+0000","2025-08-01T12:54:27+0000","unsplash","c7347219-7dd8-4606-ae50-ba0a990b2878","resources$8f17e234-7f55-49b8-8b8d-91c728b8275b","resources",{},[236,248,260,272,284],{"id":193,"uid":196,"url":5,"type":194,"href":237,"tags":238,"first_publication_date":197,"last_publication_date":197,"slugs":239,"linked_documents":240,"lang":13,"alternate_languages":241,"data":242},"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",[],[196],[],[],{"label":243,"credits":244,"link":245},"Learn GLSL Shaders","Nicholas Lever",{"link_type":65,"key":246,"url":247,"target":68},"b3f3f1b7-4ebe-426a-b635-0599d8798425","https://www.udemy.com/course/learn-glsl-shaders-from-scratch/",{"id":201,"uid":203,"url":5,"type":194,"href":249,"tags":250,"first_publication_date":204,"last_publication_date":205,"slugs":251,"linked_documents":252,"lang":13,"alternate_languages":253,"data":254},"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",[],[203],[],[],{"label":255,"credits":256,"link":257},"TRCC Courses","Tim Rodenbröker",{"link_type":65,"key":258,"url":259,"target":68},"2b01e781-72e6-4349-a611-dfb7f1fa1e94","https://timrodenbroeker.de/courses/",{"id":209,"uid":213,"url":5,"type":194,"href":261,"tags":262,"first_publication_date":212,"last_publication_date":212,"slugs":263,"linked_documents":264,"lang":13,"alternate_languages":265,"data":266},"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",[],[211],[],[],{"label":267,"credits":268,"link":269},"Getting Started Guide","The Coding Train",{"link_type":65,"key":270,"url":271,"target":68},"4bd07397-bd8b-4d19-97d9-2a6f8f9daca9","https://thecodingtrain.com/guides/getting-started#start-learning-and-coding!",{"id":217,"uid":219,"url":5,"type":194,"href":273,"tags":274,"first_publication_date":220,"last_publication_date":221,"slugs":275,"linked_documents":276,"lang":13,"alternate_languages":277,"data":278},"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",[],[219],[],[],{"label":279,"credits":280,"link":281},"Processing","Ben Fry & Casey Reas",{"link_type":65,"key":282,"url":283,"target":68},"05a2beab-f65f-4b31-b3d6-3c628ae0ed1d","https://processing.org/",{"id":225,"uid":230,"url":5,"type":194,"href":285,"tags":286,"first_publication_date":228,"last_publication_date":229,"slugs":287,"linked_documents":288,"lang":13,"alternate_languages":289,"data":290},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIy4thIAACEAUF9y%22%29+%5D%5D",[],[227],[],[],{"label":291,"credits":292,"link":293},"Freely usable images","Unsplash",{"link_type":65,"key":294,"url":295,"target":68},"5545659b-d906-4b36-9c02-a2f1bbe8e1f9","https://unsplash.com/",1759581901966]