[{"data":1,"prerenderedAt":233},["ShallowReactive",2],{"$sBXLId4RTz":3,"$ggEEF5xeQI":74,"resources-trcc-courses-the-coding-train-getting-started-guide":208},{"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},"aKywHhIAACIAwp8C","128kb-is-a-framework-for-creative-coding-within-bo","casestudy","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aKywHhIAACIAwp8C%22%29+%5D%5D",[],"2025-08-25T18:50:57+0000","2025-08-25T19:21:19+0000",[83],"128kb-challenge",[],[],{"title":87,"thumb":88,"vimeo_file_link":89,"use_media":90,"aspect_ratio":91,"tags":92,"slices":95,"meta_title":5,"meta_description":5,"meta_image":207},"128kb Challenge",{},"https://player.vimeo.com/progressive_redirect/playback/1112990068/rendition/540p/file.mp4?loc=external&log_user=0&signature=e19f505ce032d73410331fc66d490074ccf1fd19b8d8ee57dba002cebc98d2bc","vimeo","1x1",[93],{"tag":94},"code example",[96,113,157,177],{"variation":97,"version":98,"items":99,"primary":100,"id":111,"slice_type":112,"slice_label":5},"default","initial",[],{"title_rows":101},[102,105,108],{"title":103,"align":104},"TRCC","Left",{"title":106,"align":107},"128kb","Right",{"title":109,"align":110},"challenge","Center","editorial_hero$fa6d8bee-868d-4f58-be5b-75aba9e76d4a","editorial_hero",{"variation":114,"version":98,"items":115,"primary":116,"id":155,"slice_type":156,"slice_label":5},"mediaTextWithDetails",[],{"media":117,"vimeo_file_link":118,"use_media":90,"content":119,"align":143,"details":144,"live_tool":154},{},"https://player.vimeo.com/progressive_redirect/playback/1112989728/rendition/1080p/file.mp4?loc=external&log_user=0&signature=f8c172655b329605b7ca9528d7c1324d813a3d44680b54277a8a6b628fe45a7b",[120,135],{"type":121,"text":122,"spans":123,"direction":134},"paragraph","128KB is a framework for creative coding within boundaries. Facing the myriad of problems with today’s social media, 128KB started with Tim Rodenbröker asking himself a question: How could a dedicated, non-distractive, calm and focused online feed for creative coding look like?",[124,129],{"start":25,"end":125,"type":126,"data":127},5,"hyperlink",{"link_type":65,"url":128,"target":68},"https://128kb.timrodenbroeker.de/",{"start":130,"end":131,"type":126,"data":132},136,151,{"link_type":65,"url":133,"target":68},"https://timrodenbroeker.de/","ltr",{"type":121,"text":136,"spans":137,"direction":134},"The goal was to create a gif of max 128 frames, max 128kb, 128*128 size and max 128 colors in Processing, p5.js or glsl. This is my contribution. ",[138],{"start":139,"end":140,"type":126,"data":141},129,144,{"link_type":65,"url":142,"target":68},"https://128kb.timrodenbroeker.de/submissions/flow/","image-text",[145,148,151],{"property":146,"value":147},"Published","April 2024",{"property":149,"value":150},"Project","128kb by Tim Rodenbröker",{"property":152,"value":153},"Tech","Processing",[],"media_text$b9b38712-05e2-483b-b773-a06b55944c81","media_text",{"variation":97,"version":98,"items":158,"primary":159,"id":175,"slice_type":176,"slice_label":5},[],{"media_group":160,"content":167,"align":174},[161,164],{"image":162,"vimeo_file_link":163,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1112989755/rendition/720p/file.mp4?loc=external&log_user=0&signature=ecd72217ec419e1288852a3c280f67da1e56b6d7efc1f31d24e146d8fc5edf5e",{"image":165,"vimeo_file_link":166,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1112989925/rendition/720p/file.mp4?loc=external&log_user=0&signature=66f6ffe64812e617b652a0a0cd82b90ac365d534845957d2d8c4527630518601",[168,171],{"type":121,"text":169,"spans":170,"direction":134},"The piece was built on earlier sketches I had lying around. I liked the fact that it allowed for a looping structure. Even with a very small GIF file, the user could enjoy the piece for a longer period of time. The idea was to create a vertical movement where, with each iteration, the cell width doubles. I’ve added a code example below so you can play around with it yourself.",[],{"type":121,"text":172,"spans":173,"direction":134},"Attentive viewers might also notice that this is the piece responsible for the footer of this website.",[],"text_media","double_media_text$2bdef71a-d3a5-483d-ad08-3ad253ea09a3","double_media_text",{"variation":97,"version":98,"items":178,"primary":179,"id":205,"slice_type":206,"slice_label":5},[],{"code_example":180,"resources":187},[181],{"description":182,"link":183},"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":184,"url":185,"target":68,"text":186},"38256f81-edc9-40e5-8ecc-6ec202d95eaf","/examples/mvds_128kb_flow.zip","Download code",[188,197],{"resource":189},{"id":190,"type":191,"tags":192,"lang":13,"slug":193,"first_publication_date":194,"last_publication_date":195,"uid":193,"link_type":36,"key":196,"isBroken":38},"aIyhYxIAACEAUDe8","resource",[],"trcc-courses","2025-08-01T11:13:45+0000","2025-08-01T11:13:55+0000","9b61df7f-8efe-4f36-8e21-993bbd4074fb",{"resource":198},{"id":199,"type":191,"tags":200,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":204,"isBroken":38},"aIyv4hIAACAAUFD0",[],"getting-started-guide","2025-08-01T12:15:33+0000","the-coding-train-getting-started-guide","f8b3b3e0-adce-4129-826c-55c9c9e85ab2","resources$50e13fc6-91c5-44d3-bc56-fe33c40453e6","resources",{},[209,221],{"id":190,"uid":193,"url":5,"type":191,"href":210,"tags":211,"first_publication_date":194,"last_publication_date":195,"slugs":212,"linked_documents":213,"lang":13,"alternate_languages":214,"data":215},"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",[],[193],[],[],{"label":216,"credits":217,"link":218},"TRCC Courses","Tim Rodenbröker",{"link_type":65,"key":219,"url":220,"target":68},"2b01e781-72e6-4349-a611-dfb7f1fa1e94","https://timrodenbroeker.de/courses/",{"id":199,"uid":203,"url":5,"type":191,"href":222,"tags":223,"first_publication_date":202,"last_publication_date":202,"slugs":224,"linked_documents":225,"lang":13,"alternate_languages":226,"data":227},"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",[],[201],[],[],{"label":228,"credits":229,"link":230},"Getting Started Guide","The Coding Train",{"link_type":65,"key":231,"url":232,"target":68},"4bd07397-bd8b-4d19-97d9-2a6f8f9daca9","https://thecodingtrain.com/guides/getting-started#start-learning-and-coding!",1759581901966]