[{"data":1,"prerenderedAt":305},["ShallowReactive",2],{"$sBXLId4RTz":3,"$ggEEF5xeQI":74,"resources-trcc-courses-the-coding-train-getting-started-guide-processing":269},{"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":84,"lang":13,"alternate_languages":85,"data":86},"aDyZjxEAACUATxoL","demo","casestudy","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",[],"2025-06-01T18:18:57+0000","2025-08-01T18:27:22+0000",[83],"demo--design-in-motion-festival",[],[],{"title":87,"thumb":88,"vimeo_file_link":95,"use_media":96,"aspect_ratio":97,"tags":98,"slices":101,"meta_title":5,"meta_description":5,"meta_image":268},"Demo — Design in Motion Festival",{"dimensions":89,"alt":5,"copyright":5,"url":92,"id":93,"edit":94},{"width":90,"height":91},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","vimeo","4x5",[99],{"tag":100},"Code Example",[102,119,152,170,188,208,218,230],{"variation":103,"version":104,"items":105,"primary":106,"id":117,"slice_type":118,"slice_label":5},"default","initial",[],{"title_rows":107},[108,111,114],{"title":109,"align":110},"Demo — Design","Left",{"title":112,"align":113},"In Motion","Center",{"title":115,"align":116},"Festival","Right","editorial_hero$848a2188-cd84-4d58-acbf-3b53c230f72f","editorial_hero",{"variation":120,"version":104,"items":121,"primary":122,"id":150,"slice_type":151,"slice_label":5},"mediaTextWithDetails",[],{"media":123,"vimeo_file_link":5,"use_media":131,"content":132,"align":138,"details":139,"live_tool":149},{"dimensions":124,"alt":127,"copyright":5,"url":128,"id":129,"edit":130},{"width":125,"height":126},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",[133],{"type":134,"text":135,"spans":136,"direction":137},"paragraph","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.",[],"ltr","image-text",[140,143,146],{"property":141,"value":142},"Published","January 2025",{"property":144,"value":145},"Tech","Processing",{"property":147,"value":148},"Photography","Matijs Moeskops, Alex Heuvink, Studio Dumbar",[],"media_text$12fd954e-ade4-42a2-947b-36a73e22257e","media_text",{"variation":103,"version":104,"items":153,"primary":154,"id":168,"slice_type":169,"slice_label":5},[],{"media_group":155,"content":163,"align":167},[156,159],{"image":157,"vimeo_file_link":158,"use_media":96},{},"https://player.vimeo.com/progressive_redirect/playback/1091442002/rendition/720p/file.mp4?loc=external&log_user=0&signature=1f2a8ec0faaf865f6ae05ac1214ad8cfe84738c6bcf7a43e1e5b704688fae647",{"image":160,"vimeo_file_link":5,"use_media":131},{"dimensions":161,"alt":5,"copyright":5,"url":92,"id":93,"edit":162},{"width":90,"height":91},{"x":25,"y":25,"zoom":26,"background":27},[164],{"type":134,"text":165,"spans":166,"direction":137},"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.",[],"text_media","double_media_text$3bbff638-d0a0-4813-8db6-bb1f911b948a","double_media_text",{"variation":103,"version":104,"items":171,"primary":172,"id":187,"slice_type":169,"slice_label":5},[],{"media_group":173,"content":186,"align":151},[174,180],{"image":175,"vimeo_file_link":5,"use_media":131},{"dimensions":176,"alt":5,"copyright":5,"url":177,"id":178,"edit":179},{"width":90,"height":91},"https://images.prismic.io/mvds/aEHwgrh8WN-LVsMD_04_utrecht1.jpg?auto=format,compress","aEHwgrh8WN-LVsMD",{"x":25,"y":25,"zoom":26,"background":27},{"image":181,"vimeo_file_link":5,"use_media":131},{"dimensions":182,"alt":5,"copyright":5,"url":183,"id":184,"edit":185},{"width":90,"height":91},"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":103,"version":104,"items":189,"primary":190,"id":207,"slice_type":169,"slice_label":5},[],{"media_group":191,"content":206,"align":167},[192,198],{"image":193,"vimeo_file_link":5,"use_media":131},{"dimensions":194,"alt":5,"copyright":5,"url":195,"id":196,"edit":197},{"width":90,"height":91},"https://images.prismic.io/mvds/aGQ70Xfc4bHWi7mr_06_leeds.jpg?auto=format,compress","aGQ70Xfc4bHWi7mr",{"x":25,"y":25,"zoom":26,"background":27},{"image":199,"vimeo_file_link":5,"use_media":131},{"dimensions":200,"alt":5,"copyright":5,"url":203,"id":204,"edit":205},{"width":201,"height":202},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":103,"version":104,"items":209,"primary":210,"id":216,"slice_type":217,"slice_label":5},[],{"label":211,"body":212,"show_logo":5},"Motion explorations",[213],{"type":134,"text":214,"spans":215,"direction":137},"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","single_text",{"variation":103,"version":104,"items":219,"primary":220,"id":229,"slice_type":169,"slice_label":5},[],{"media_group":221,"content":228,"align":151},[222,225],{"image":223,"vimeo_file_link":224,"use_media":96},{},"https://player.vimeo.com/progressive_redirect/playback/1099996238/rendition/1080p/file.mp4?loc=external&log_user=0&signature=3129d8c7532d1ea25a6104916040520b97267724d34285caf924ecc491776be1",{"image":226,"vimeo_file_link":227,"use_media":96},{},"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":103,"version":104,"items":231,"primary":232,"id":266,"slice_type":267,"slice_label":5},[],{"code_example":233,"resources":240},[234],{"description":235,"link":236},"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":237,"url":238,"target":68,"text":239},"12e41d52-2c83-4cf2-b414-4bb1b2a14128","/examples/mvds_wavy_circles.zip","Download code",[241,250,258],{"resource":242},{"id":243,"type":244,"tags":245,"lang":13,"slug":246,"first_publication_date":247,"last_publication_date":248,"uid":246,"link_type":36,"key":249,"isBroken":38},"aIyhYxIAACEAUDe8","resource",[],"trcc-courses","2025-08-01T11:13:45+0000","2025-08-01T11:13:55+0000","6a9e24c1-1a60-4b0b-adac-560e72792afe",{"resource":251},{"id":252,"type":244,"tags":253,"lang":13,"slug":254,"first_publication_date":255,"last_publication_date":255,"uid":256,"link_type":36,"key":257,"isBroken":38},"aIyv4hIAACAAUFD0",[],"getting-started-guide","2025-08-01T12:15:33+0000","the-coding-train-getting-started-guide","8cdf6fe8-9503-4517-99e3-0e6744089528",{"resource":259},{"id":260,"type":244,"tags":261,"lang":13,"slug":262,"first_publication_date":263,"last_publication_date":264,"uid":262,"link_type":36,"key":265,"isBroken":38},"aIyptBIAACAAUESw",[],"processing","2025-08-01T11:49:10+0000","2025-08-01T11:50:36+0000","4c840da4-ee21-46c5-bc8d-314f43c81d43","resources$35e2af84-bca8-4d8a-80ec-7adeb44ca5f2","resources",{},[270,282,294],{"id":243,"uid":246,"url":5,"type":244,"href":271,"tags":272,"first_publication_date":247,"last_publication_date":248,"slugs":273,"linked_documents":274,"lang":13,"alternate_languages":275,"data":276},"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",[],[246],[],[],{"label":277,"credits":278,"link":279},"TRCC Courses","Tim Rodenbröker",{"link_type":65,"key":280,"url":281,"target":68},"2b01e781-72e6-4349-a611-dfb7f1fa1e94","https://timrodenbroeker.de/courses/",{"id":252,"uid":256,"url":5,"type":244,"href":283,"tags":284,"first_publication_date":255,"last_publication_date":255,"slugs":285,"linked_documents":286,"lang":13,"alternate_languages":287,"data":288},"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",[],[254],[],[],{"label":289,"credits":290,"link":291},"Getting Started Guide","The Coding Train",{"link_type":65,"key":292,"url":293,"target":68},"4bd07397-bd8b-4d19-97d9-2a6f8f9daca9","https://thecodingtrain.com/guides/getting-started#start-learning-and-coding!",{"id":260,"uid":262,"url":5,"type":244,"href":295,"tags":296,"first_publication_date":263,"last_publication_date":264,"slugs":297,"linked_documents":298,"lang":13,"alternate_languages":299,"data":300},"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",[],[262],[],[],{"label":145,"credits":301,"link":302},"Ben Fry & Casey Reas",{"link_type":65,"key":303,"url":304,"target":68},"05a2beab-f65f-4b31-b3d6-3c628ae0ed1d","https://processing.org/",1759581900760]