[{"data":1,"prerenderedAt":2701},["ShallowReactive",2],{"$sBXLId4RTz":3,"cases-grid-type-sound-demo-living-art-lab-air-calligraphy-cats-on-grids-math-curves-hello-fluo-vcv-td-learning-experimental-type-3-air-drawings-art_crafts_festival-modifier-tool-coded-typeface-generative-lettering-ode-to-mandelbrot-36-days-of-type-is-a-project-that-invites-designer-morph-grid-128kb-is-a-framework-for-creative-coding-within-bo-a-poster-about-birds-i-built-a-small-application-in-p5.js-that-uses-the-save-our-sound":74},{"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",[75,230,392,584,689,769,884,1014,1110,1228,1330,1480,1614,1714,1851,1984,2091,2209,2311,2447,2545],{"id":76,"uid":77,"url":5,"type":78,"href":79,"tags":80,"first_publication_date":81,"last_publication_date":82,"slugs":83,"linked_documents":84,"lang":13,"alternate_languages":85,"data":86},"aNODCBIAACQAX_EJ","type-sound","casestudy","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aNODCBIAACQAX_EJ%22%29+%5D%5D",[],"2025-09-24T05:36:57+0000","2025-09-24T09:23:07+0000",[77],[],[],{"title":87,"thumb":88,"vimeo_file_link":89,"use_media":90,"aspect_ratio":91,"tags":92,"slices":95,"meta_title":5,"meta_description":223,"meta_image":224},"Type Sound",{},"https://player.vimeo.com/progressive_redirect/playback/1121404447/rendition/1080p/file.mp4?loc=external&log_user=0&signature=8dc76a37e3b7ab8100070c3553b734a14d04f6345c2597720390b0af5a2682a0","vimeo","1x1",[93],{"tag":94},"Code Example",[96,115,139,156,171],{"variation":97,"version":98,"items":99,"primary":100,"id":113,"slice_type":114,"slice_label":5},"default","initial",[],{"title_rows":101},[102,105,108,111],{"title":103,"align":104},"What melodies","Left",{"title":106,"align":107},"can be","Center",{"title":109,"align":110},"found in","Right",{"title":112,"align":107},"typography?","editorial_hero$119a1e8a-e05e-454c-8ae7-c900bf163d88","editorial_hero",{"variation":116,"version":98,"items":117,"primary":118,"id":137,"slice_type":138,"slice_label":5},"mediaTextWithDetails",[],{"media":119,"vimeo_file_link":120,"use_media":121,"content":122,"align":128,"details":129,"live_tool":136},{},"https://player.vimeo.com/progressive_redirect/playback/1121404245/rendition/1440p/file.mp4?loc=external&log_user=0&signature=179512bb39bc735399dbd4e0bd9b3d1f7c3e0c240df0ca174d36a56d2e629624","vimeo controlled",[123],{"type":124,"text":125,"spans":126,"direction":127},"paragraph","What melodies can be found in typography? The question popped into my head while I was experimenting with audio in Ableton Live and VCV Rack. I imagined characters becoming a piano roll. Could I connect Processing to either program? I chose VCV Rack. Once I had a proof of concept, I was hooked. Over the next few weeks, I built it out, adding features as I went.",[],"ltr","image-text",[130,133],{"property":131,"value":132},"Published","September 2025",{"property":134,"value":135},"Tech","Processing, VCV Rack",[],"media_text$db81222c-cbfa-4731-82d0-6d46d2701b36","media_text",{"variation":97,"version":98,"items":140,"primary":141,"id":154,"slice_type":155,"slice_label":5},[],{"media_group":142,"content":149,"align":153},[143,146],{"image":144,"vimeo_file_link":145,"use_media":121},{},"https://player.vimeo.com/progressive_redirect/playback/1121404296/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b18f22f32d8c8c0591d2e187357184c5c7300e4e6b5fa5836ba95cc00bf1b5a8",{"image":147,"vimeo_file_link":148,"use_media":121},{},"https://player.vimeo.com/progressive_redirect/playback/1121404336/rendition/1080p/file.mp4?loc=external&log_user=0&signature=a3eeb3cb5fc8ec128804e6b2933f8c43c43bb7f2ab9ffbf1655a7a1ed03c1f44",[150],{"type":124,"text":151,"spans":152,"direction":127},"Processing sends MIDI note data—pitch, velocity, and gate—to VCV Rack. From there, you can patch it into any setup. The tool is built on layered tracks: each track can be routed to its own channel and has tweakable options. You can change the character sequence, typeface, and clock speed. I’ve added multiple scales—currently all in C—but the system could grow into a full instrument. To prevent floods of notes, each track has a range control on the right: drag the top or bottom rows to set the active band.",[],"text_media","double_media_text$bae7c99a-7d71-4106-ad33-f77f8551713b","double_media_text",{"variation":97,"version":98,"items":157,"primary":158,"id":170,"slice_type":155,"slice_label":5},[],{"media_group":159,"content":166,"align":138},[160,163],{"image":161,"vimeo_file_link":162,"use_media":121},{},"https://player.vimeo.com/progressive_redirect/playback/1121404366/rendition/1080p/file.mp4?loc=external&log_user=0&signature=2159f4b8001c73c866776ba32450d04607b6825fe89820e546752d27764dc1c5",{"image":164,"vimeo_file_link":165,"use_media":121},{},"https://player.vimeo.com/progressive_redirect/playback/1121404402/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9a16837a0e82df8bcf89e875f668a78611bad3fecb6a7ccc42a3ec44fc847b13",[167],{"type":124,"text":168,"spans":169,"direction":127},"I had a lot of fun building this tool. It gave me a chance to combine my love of music with coding. For context, I’m a beginner in VCV Rack—most of my patches came from tutorials. If you’re experienced with VCV Rack, I’d love to see what you can make with it. There’s a download link below.",[],"double_media_text$b3633cb6-979a-4ae9-aa1d-2cd4dbe55e02",{"variation":97,"version":98,"items":172,"primary":173,"id":221,"slice_type":222,"slice_label":5},[],{"code_example":174,"resources":181},[175],{"description":176,"link":177},"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":178,"url":179,"target":68,"text":180},"06fee47d-6c47-405c-a5f4-d11c663950e9","/examples/mvds_type_sound.zip","Download Code",[182,190,197,205,213],{"resource":183},{"id":184,"type":185,"tags":186,"lang":13,"slug":187,"first_publication_date":188,"last_publication_date":188,"uid":187,"link_type":36,"key":189,"isBroken":38},"aIzDABIAACIAUHGn","resource",[],"vcv-tutorials","2025-08-01T13:37:06+0000","66630127-2fd0-4927-9922-9dd142f33099",{"resource":191},{"id":192,"type":185,"tags":193,"lang":13,"slug":194,"first_publication_date":195,"last_publication_date":195,"uid":194,"link_type":36,"key":196,"isBroken":38},"aNODSxIAACQAX_Fr",[],"transfer-midi-mac","2025-09-24T05:36:27+0000","5dfb94d4-7798-4e8e-bd19-967cb9b50069",{"resource":198},{"id":199,"type":185,"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","68babdec-9189-4985-a514-e4871978f7f9",{"resource":206},{"id":207,"type":185,"tags":208,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":212,"isBroken":38},"aIyhYxIAACEAUDe8",[],"trcc-courses","2025-08-01T11:13:45+0000","2025-08-01T11:13:55+0000","d9e65eab-25f0-44c1-8560-8371674e0a0a",{"resource":214},{"id":215,"type":185,"tags":216,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":220,"isBroken":38},"aIyptBIAACAAUESw",[],"processing","2025-08-01T11:49:10+0000","2025-08-01T11:50:36+0000","e764d26b-ddc6-45c4-b0b8-b2401f5d8c21","resources$a93ed08e-0ceb-40a5-b067-97c27f7b4129","resources","What melodies can be found in typography? The question popped into my head while I was experimenting with audio in Ableton Live and VCV Rack.",{"dimensions":225,"alt":5,"copyright":5,"url":226,"id":227,"edit":228},{"width":20,"height":21},"https://images.prismic.io/mvds/aNO3c55xUNkB1DHu_ogimage.jpg?auto=format,compress&rect=0,248,1043,548&w=2400&h=1260","aNO3c55xUNkB1DHu",{"x":25,"y":229,"zoom":26,"background":27},248,{"id":231,"uid":232,"url":5,"type":78,"href":233,"tags":234,"first_publication_date":235,"last_publication_date":236,"slugs":237,"linked_documents":239,"lang":13,"alternate_languages":240,"data":241},"aDyZjxEAACUATxoL","demo","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",[238],"demo--design-in-motion-festival",[],[],{"title":242,"thumb":243,"vimeo_file_link":250,"use_media":90,"aspect_ratio":251,"tags":252,"slices":254,"meta_title":5,"meta_description":5,"meta_image":391},"Demo — Design in Motion Festival",{"dimensions":244,"alt":5,"copyright":5,"url":247,"id":248,"edit":249},{"width":245,"height":246},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","4x5",[253],{"tag":94},[255,266,292,308,326,346,356,368],{"variation":97,"version":98,"items":256,"primary":257,"id":265,"slice_type":114,"slice_label":5},[],{"title_rows":258},[259,261,263],{"title":260,"align":104},"Demo — Design",{"title":262,"align":107},"In Motion",{"title":264,"align":110},"Festival","editorial_hero$848a2188-cd84-4d58-acbf-3b53c230f72f",{"variation":116,"version":98,"items":267,"primary":268,"id":291,"slice_type":138,"slice_label":5},[],{"media":269,"vimeo_file_link":5,"use_media":277,"content":278,"align":128,"details":282,"live_tool":290},{"dimensions":270,"alt":273,"copyright":5,"url":274,"id":275,"edit":276},{"width":271,"height":272},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",[279],{"type":124,"text":280,"spans":281,"direction":127},"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.",[],[283,285,287],{"property":131,"value":284},"January 2025",{"property":134,"value":286},"Processing",{"property":288,"value":289},"Photography","Matijs Moeskops, Alex Heuvink, Studio Dumbar",[],"media_text$12fd954e-ade4-42a2-947b-36a73e22257e",{"variation":97,"version":98,"items":293,"primary":294,"id":307,"slice_type":155,"slice_label":5},[],{"media_group":295,"content":303,"align":153},[296,299],{"image":297,"vimeo_file_link":298,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1091442002/rendition/720p/file.mp4?loc=external&log_user=0&signature=1f2a8ec0faaf865f6ae05ac1214ad8cfe84738c6bcf7a43e1e5b704688fae647",{"image":300,"vimeo_file_link":5,"use_media":277},{"dimensions":301,"alt":5,"copyright":5,"url":247,"id":248,"edit":302},{"width":245,"height":246},{"x":25,"y":25,"zoom":26,"background":27},[304],{"type":124,"text":305,"spans":306,"direction":127},"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.",[],"double_media_text$3bbff638-d0a0-4813-8db6-bb1f911b948a",{"variation":97,"version":98,"items":309,"primary":310,"id":325,"slice_type":155,"slice_label":5},[],{"media_group":311,"content":324,"align":138},[312,318],{"image":313,"vimeo_file_link":5,"use_media":277},{"dimensions":314,"alt":5,"copyright":5,"url":315,"id":316,"edit":317},{"width":245,"height":246},"https://images.prismic.io/mvds/aEHwgrh8WN-LVsMD_04_utrecht1.jpg?auto=format,compress","aEHwgrh8WN-LVsMD",{"x":25,"y":25,"zoom":26,"background":27},{"image":319,"vimeo_file_link":5,"use_media":277},{"dimensions":320,"alt":5,"copyright":5,"url":321,"id":322,"edit":323},{"width":245,"height":246},"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":97,"version":98,"items":327,"primary":328,"id":345,"slice_type":155,"slice_label":5},[],{"media_group":329,"content":344,"align":153},[330,336],{"image":331,"vimeo_file_link":5,"use_media":277},{"dimensions":332,"alt":5,"copyright":5,"url":333,"id":334,"edit":335},{"width":245,"height":246},"https://images.prismic.io/mvds/aGQ70Xfc4bHWi7mr_06_leeds.jpg?auto=format,compress","aGQ70Xfc4bHWi7mr",{"x":25,"y":25,"zoom":26,"background":27},{"image":337,"vimeo_file_link":5,"use_media":277},{"dimensions":338,"alt":5,"copyright":5,"url":341,"id":342,"edit":343},{"width":339,"height":340},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":97,"version":98,"items":347,"primary":348,"id":354,"slice_type":355,"slice_label":5},[],{"label":349,"body":350,"show_logo":5},"Motion explorations",[351],{"type":124,"text":352,"spans":353,"direction":127},"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":97,"version":98,"items":357,"primary":358,"id":367,"slice_type":155,"slice_label":5},[],{"media_group":359,"content":366,"align":138},[360,363],{"image":361,"vimeo_file_link":362,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099996238/rendition/1080p/file.mp4?loc=external&log_user=0&signature=3129d8c7532d1ea25a6104916040520b97267724d34285caf924ecc491776be1",{"image":364,"vimeo_file_link":365,"use_media":90},{},"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":97,"version":98,"items":369,"primary":370,"id":390,"slice_type":222,"slice_label":5},[],{"code_example":371,"resources":377},[372],{"description":176,"link":373},{"link_type":65,"key":374,"url":375,"target":68,"text":376},"12e41d52-2c83-4cf2-b414-4bb1b2a14128","/examples/mvds_wavy_circles.zip","Download code",[378,382,386],{"resource":379},{"id":207,"type":185,"tags":380,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":381,"isBroken":38},[],"6a9e24c1-1a60-4b0b-adac-560e72792afe",{"resource":383},{"id":199,"type":185,"tags":384,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":385,"isBroken":38},[],"8cdf6fe8-9503-4517-99e3-0e6744089528",{"resource":387},{"id":215,"type":185,"tags":388,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":389,"isBroken":38},[],"4c840da4-ee21-46c5-bc8d-314f43c81d43","resources$35e2af84-bca8-4d8a-80ec-7adeb44ca5f2",{},{"id":393,"uid":394,"url":5,"type":78,"href":395,"tags":396,"first_publication_date":397,"last_publication_date":398,"slugs":399,"linked_documents":400,"lang":13,"alternate_languages":401,"data":402},"aEh6thAAACEApmJf","living-art-lab","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEh6thAAACEApmJf%22%29+%5D%5D",[],"2025-06-10T18:34:33+0000","2025-08-01T20:09:33+0000",[394],[],[],{"title":403,"thumb":404,"vimeo_file_link":5,"use_media":277,"aspect_ratio":91,"tags":409,"slices":412,"meta_title":5,"meta_description":5,"meta_image":583},"Living Art Lab",{"dimensions":405,"alt":5,"copyright":5,"url":406,"id":407,"edit":408},{"width":245,"height":246},"https://images.prismic.io/mvds/aEh6jLNJEFaPX13l_07_tripple_signs.jpg?auto=format,compress","aEh6jLNJEFaPX13l",{"x":25,"y":25,"zoom":26,"background":27},[410],{"tag":411},"Code example",[413,422,442,454,469,481,492,510,519,531],{"variation":97,"version":98,"items":414,"primary":415,"id":421,"slice_type":114,"slice_label":5},[],{"title_rows":416},[417,419],{"title":418,"align":104},"Living",{"title":420,"align":107},"Art Lab","editorial_hero$37e160d8-d1a6-44ae-a59b-01adbccd9c87",{"variation":116,"version":98,"items":423,"primary":424,"id":441,"slice_type":138,"slice_label":5},[],{"media":425,"vimeo_file_link":5,"use_media":277,"content":432,"align":128,"details":436,"live_tool":440},{"dimensions":426,"alt":5,"copyright":5,"url":429,"id":430,"edit":431},{"width":427,"height":428},2344,1874,"https://images.prismic.io/mvds/aFwxmXfc4bHWiuPn_main.jpg?auto=format,compress","aFwxmXfc4bHWiuPn",{"x":25,"y":25,"zoom":26,"background":27},[433],{"type":124,"text":434,"spans":435,"direction":127},"I wanted to explore how one of my latest works could serve as a visual language, so I imagined this fictional museum: a space where young an old can discover the stories behind famous artists and their works through interactive play.\n\nThe identity was created using Processing and relies on contextual colors drawn from the paintings.",[],[437,439],{"property":131,"value":438},"August, 2024",{"property":134,"value":286},[],"media_text$79b6cf2e-adce-4fd6-8cd2-3c0c81e16743",{"variation":97,"version":98,"items":443,"primary":444,"id":453,"slice_type":155,"slice_label":5},[],{"media_group":445,"content":452,"align":153},[446,449],{"image":447,"vimeo_file_link":448,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096330341/rendition/1080p/file.mp4?loc=external&log_user=0&signature=510b67dd1f7c95a55aa1cabc24829368e40372a49c10612f0aa9f35fcfc77a85",{"image":450,"vimeo_file_link":451,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096330365/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b9f6771725004641baeba6d5d739f2ff824cd789c29477f4d879dcf548360a75",[],"double_media_text$5d239b6b-7841-4bda-afbb-ddd11467ceca",{"variation":97,"version":98,"items":455,"primary":456,"id":468,"slice_type":155,"slice_label":5},[],{"media_group":457,"content":467,"align":138},[458,464],{"image":459,"vimeo_file_link":5,"use_media":277},{"dimensions":460,"alt":5,"copyright":5,"url":461,"id":462,"edit":463},{"width":245,"height":246},"https://images.prismic.io/mvds/aFwyGXfc4bHWiuPu_03_billboard.jpg?auto=format,compress","aFwyGXfc4bHWiuPu",{"x":25,"y":25,"zoom":26,"background":27},{"image":465,"vimeo_file_link":466,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096330241/rendition/1080p/file.mp4?loc=external&log_user=0&signature=4305677850ba26c14c65bd9705dd884eb2370cada32dd85bcde96d5e3066da7c",[],"double_media_text$7e1439c5-de4d-4109-80bd-c7bec6448b24",{"variation":97,"version":98,"items":470,"primary":471,"id":480,"slice_type":155,"slice_label":5},[],{"media_group":472,"content":479,"align":153},[473,476],{"image":474,"vimeo_file_link":475,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096330263/rendition/1080p/file.mp4?loc=external&log_user=0&signature=96a02af5203c7cd6dbe67399940f9eeaad3759493604cf3dfb351bae9592b241",{"image":477,"vimeo_file_link":478,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096330218/rendition/1080p/file.mp4?loc=external&log_user=0&signature=dcebedc7d813a0c9a6818a971a7fec8a32834c7454ea120fbe1a6e93e5add5e1",[],"double_media_text$445881c5-b4fa-4815-85a3-5475821297d6",{"variation":482,"version":98,"items":483,"primary":484,"id":491,"slice_type":138,"slice_label":5},"image_left_text_right",[],{"media":485,"vimeo_file_link":5,"use_media":277,"content":490,"align":128},{"dimensions":486,"alt":5,"copyright":5,"url":487,"id":488,"edit":489},{"width":271,"height":272},"https://images.prismic.io/mvds/aFwyvHfc4bHWiuQB_wayfinding_landscape.jpg?auto=format,compress","aFwyvHfc4bHWiuQB",{"x":25,"y":25,"zoom":26,"background":27},[],"media_text$8f9c03ab-69af-425e-8b8b-73a64995805d",{"variation":97,"version":98,"items":493,"primary":494,"id":509,"slice_type":155,"slice_label":5},[],{"media_group":495,"content":505,"align":138},[496,499],{"image":497,"vimeo_file_link":498,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096330276/rendition/1080p/file.mp4?loc=external&log_user=0&signature=083f08bdca9c7830a07e627972518a692c31858646ec6d13f030e0585ef4793a",{"image":500,"vimeo_file_link":5,"use_media":277},{"dimensions":501,"alt":5,"copyright":5,"url":502,"id":503,"edit":504},{"width":245,"height":246},"https://images.prismic.io/mvds/aFwxFnfc4bHWiuPb_06_inside.jpg?auto=format,compress","aFwxFnfc4bHWiuPb",{"x":25,"y":25,"zoom":26,"background":27},[506],{"type":124,"text":507,"spans":508,"direction":127},"Hypothetically, there were interactive installations inside the museum. With your hand, you could apply effects to the famous paintings. This kind of interactivity and fun increases engagement, especially for children. It would be a great way to let them explore famous artworks at a young age and introduce them to the cultural world.",[],"double_media_text$cd71e0bd-7c76-4738-b29b-7bd9b746f1ff",{"variation":97,"version":98,"items":511,"primary":512,"id":518,"slice_type":355,"slice_label":5},[],{"label":513,"body":514,"show_logo":5},"Marble explorations",[515],{"type":124,"text":516,"spans":517,"direction":127},"The work was based on my marble explorations. I drew 3D rings on a 2D canvas using projection and a rotation matrix. Each dot on the ring had a configured colour, and when a dot hovered over a cell, it filled the cell with that colour. Instead of using a configured colour, I took the colour from the painting by sampling the colour at the centre of the cell.",[],"single_text$a3461d8c-55ad-46e4-8cc9-214989afc656",{"variation":97,"version":98,"items":520,"primary":521,"id":530,"slice_type":155,"slice_label":5},[],{"media_group":522,"content":529,"align":138},[523,526],{"image":524,"vimeo_file_link":525,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099996792/rendition/1080p/file.mp4?loc=external&log_user=0&signature=711e8dc0f8c53a88c2e252840ef3a5e48c4c27e06c6c7ad0dac46f3d773fb1d6",{"image":527,"vimeo_file_link":528,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099996820/rendition/1080p/file.mp4?loc=external&log_user=0&signature=ff9bf49ce309542c5912b673d0bc3f7d1de0380440d18b4befcbb1bfcf15a0c7",[],"double_media_text$f6e9b741-7174-4426-a588-6755c9e64740",{"variation":97,"version":98,"items":532,"primary":533,"id":582,"slice_type":222,"slice_label":5},[],{"code_example":534,"resources":540},[535],{"description":536,"link":537},"This code example of the marble explorations 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":538,"url":539,"target":68,"text":376},"2ea13065-6440-46c6-92cf-5302034538be","/examples/mvds_marble_explorations.zip",[541,548,552,556,560,568,575],{"resource":542},{"id":543,"type":185,"tags":544,"lang":13,"slug":545,"first_publication_date":546,"last_publication_date":546,"uid":545,"link_type":36,"key":547,"isBroken":38},"aIy7IRIAACEAUGNa",[],"cc-112-3d-rendering-with-rotation-and-projection","2025-08-01T13:03:32+0000","9a7d3116-c31e-4617-8384-aa9e60c01791",{"resource":549},{"id":207,"type":185,"tags":550,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":551,"isBroken":38},[],"d19c9d9d-ef33-43c0-8de3-c88774864574",{"resource":553},{"id":199,"type":185,"tags":554,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":555,"isBroken":38},[],"92b17b59-8bbb-46ef-801f-582a7196142a",{"resource":557},{"id":215,"type":185,"tags":558,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":559,"isBroken":38},[],"3d733d0e-e0d1-45d6-9215-a14d862bae74",{"resource":561},{"id":562,"type":185,"tags":563,"lang":13,"slug":564,"first_publication_date":565,"last_publication_date":565,"uid":566,"link_type":36,"key":567,"isBroken":38},"aIyvdhIAAB8AUFA7",[],"suisse-intl-font","2025-08-01T12:13:43+0000","swiss-typefases","750236c1-70c6-4769-87fc-cd7539bd13cb",{"resource":569},{"id":570,"type":185,"tags":571,"lang":13,"slug":572,"first_publication_date":573,"last_publication_date":573,"uid":572,"link_type":36,"key":574,"isBroken":38},"aIywSRIAACEAUFGV",[],"art-directed-mockups","2025-08-01T12:17:14+0000","665480f4-bfc2-4933-a856-5653f099e2b3",{"resource":576},{"id":577,"type":185,"tags":578,"lang":13,"slug":579,"first_publication_date":580,"last_publication_date":580,"uid":579,"link_type":36,"key":581,"isBroken":38},"aIywahIAACIAUFHU",[],"mockup-maison","2025-08-01T12:17:47+0000","f69d845f-3959-41e5-a724-e850b196d377","resources$777ee088-aa05-4dac-8e8a-e3fccc8ca526",{},{"id":585,"uid":586,"url":5,"type":78,"href":587,"tags":588,"first_publication_date":589,"last_publication_date":590,"slugs":591,"linked_documents":592,"lang":13,"alternate_languages":593,"data":594},"aFwtqxEAACMAErEj","air-calligraphy","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aFwtqxEAACMAErEj%22%29+%5D%5D",[],"2025-06-25T17:11:10+0000","2025-08-01T12:23:38+0000",[586],[],[],{"title":595,"thumb":596,"vimeo_file_link":597,"use_media":90,"aspect_ratio":91,"tags":598,"slices":601,"meta_title":5,"meta_description":5,"meta_image":688},"Air Calligraphy",{},"https://player.vimeo.com/progressive_redirect/playback/1096247028/rendition/1080p/file.mp4?loc=external&log_user=0&signature=606c56014a99f0b24c1f1c3b7b8a0595d6f037d463395ef8fd416e101b726e81",[599],{"tag":600},"Live tool",[602,613,637,649,661],{"variation":97,"version":98,"items":603,"primary":604,"id":612,"slice_type":114,"slice_label":5},[],{"title_rows":605},[606,608,610],{"title":607,"align":104},"Calligraphy",{"title":609,"align":107},"is in",{"title":611,"align":110},"the air","editorial_hero$831ec24f-d0c9-40cd-8ed2-aca9a12f8ef5",{"variation":116,"version":98,"items":614,"primary":615,"id":636,"slice_type":138,"slice_label":5},[],{"media":616,"vimeo_file_link":597,"use_media":90,"content":617,"align":128,"details":621,"live_tool":626},{},[618],{"type":124,"text":619,"spans":620,"direction":127},"I’ve always been a fan of calligraphy in all its forms. Despite multiple attempts, I haven’t yet found the discipline to put in the hours it takes to master the craft itself. But I did build this tool. I like the way the whole canvas remains interactive while drawing. By moving your body or sitting against a different background, the work can take on a different feel.",[],[622,624],{"property":131,"value":623},"October 2024",{"property":134,"value":625},"P5.js",[627],{"body":628,"link":632},[629],{"type":124,"text":630,"spans":631,"direction":127},"This live-tool is for experimentation purposes only and may sometimes not work as expected. Best to use a modern browser on desktop.",[],{"link_type":65,"key":633,"url":634,"target":68,"text":635},"8ac308f0-b135-41f4-8035-11570baf745a","https://mikevandersanden.com/tools/air-calligraphy/","Visit live tool","media_text$8295196e-10ed-4732-99ab-78ed7bede0d3",{"variation":97,"version":98,"items":638,"primary":639,"id":648,"slice_type":155,"slice_label":5},[],{"media_group":640,"content":647,"align":138},[641,644],{"image":642,"vimeo_file_link":643,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096247094/rendition/1080p/file.mp4?loc=external&log_user=0&signature=d307e1bb75cf2183781ab5e6143d392283d84908a28dccf4ca794f226243d671",{"image":645,"vimeo_file_link":646,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096247183/rendition/1080p/file.mp4?loc=external&log_user=0&signature=7414f6d7235a93140f510d9b7e4d4a948171367211b4472f2b52072a6f5dcfec",[],"double_media_text$f2771ae8-9188-4343-81c7-106ac9ef62ce",{"variation":97,"version":98,"items":650,"primary":651,"id":660,"slice_type":155,"slice_label":5},[],{"media_group":652,"content":659,"align":153},[653,656],{"image":654,"vimeo_file_link":655,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096247238/rendition/1080p/file.mp4?loc=external&log_user=0&signature=2a7d5b138161bfa1c6454633bba9b9f20b57c238156c3a71bafbb32ca2a00ee6",{"image":657,"vimeo_file_link":658,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096247312/rendition/1080p/file.mp4?loc=external&log_user=0&signature=d6a3e8d3ed8aa3cb16f0be4fb3cdbaab0abef66f502a3943daaa6076d1de6df3",[],"double_media_text$7c047e56-2d17-4d8c-b85e-14cb60c776f7",{"variation":97,"version":98,"items":662,"primary":663,"id":687,"slice_type":222,"slice_label":5},[],{"code_example":664,"resources":665},[],[666,673,680],{"resource":667},{"id":668,"type":185,"tags":669,"lang":13,"slug":670,"first_publication_date":671,"last_publication_date":671,"uid":670,"link_type":36,"key":672,"isBroken":38},"aIyxrxIAACIAUFPs",[],"mediapipe-hand-landmarks","2025-08-01T12:23:12+0000","b75b876e-498b-47ab-8af5-6373fc60aec0",{"resource":674},{"id":675,"type":185,"tags":676,"lang":13,"slug":677,"first_publication_date":678,"last_publication_date":678,"uid":677,"link_type":36,"key":679,"isBroken":38},"aIymVRIAACAAUD-Q",[],"learn-glsl-shaders","2025-08-01T11:34:48+0000","a217f11a-1ce1-47bc-b024-b462353d24ba",{"resource":681},{"id":682,"type":185,"tags":683,"lang":13,"slug":684,"first_publication_date":685,"last_publication_date":685,"uid":684,"link_type":36,"key":686,"isBroken":38},"aIypUhIAAB8AUEQU",[],"p5js","2025-08-01T11:47:32+0000","b335ef99-5477-4d1e-9960-685b25839b48","resources$9bf2a889-b104-4363-949f-73a5a0fda7b8",{},{"id":690,"uid":691,"url":5,"type":78,"href":692,"tags":693,"first_publication_date":694,"last_publication_date":695,"slugs":696,"linked_documents":697,"lang":13,"alternate_languages":698,"data":699},"aEh7oxAAACAApmPi","cats-on-grids","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEh7oxAAACAApmPi%22%29+%5D%5D",[],"2025-06-10T18:38:30+0000","2025-08-01T12:35:10+0000",[691],[],[],{"title":700,"thumb":701,"vimeo_file_link":702,"use_media":90,"aspect_ratio":251,"tags":703,"slices":704,"meta_title":5,"meta_description":5,"meta_image":768},"Cats on Grids",{},"https://player.vimeo.com/progressive_redirect/playback/1092243867/rendition/1080p/file.mp4?loc=external&log_user=0&signature=be44662d36c3d0df6b6eff1fd1f1876fc16bc0a2c3fb9de0ab095f4067b3cd01",[],[705,714,743,750],{"variation":97,"version":98,"items":706,"primary":707,"id":713,"slice_type":114,"slice_label":5},[],{"title_rows":708},[709,711],{"title":710,"align":104},"Cats",{"title":712,"align":107},"on Grids","editorial_hero$2c7923ad-1ff0-4167-af8a-af597deebe23",{"variation":715,"version":98,"items":716,"primary":717,"id":742,"slice_type":155,"slice_label":5},"doubleMediaTextWithDetails",[],{"media_group":718,"content":724,"details":734,"live_tool":741},[719,721],{"image":720,"vimeo_file_link":702,"use_media":90},{},{"image":722,"vimeo_file_link":723,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096342352/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9f5fbf549629e1c45d6c7f896a0833e906d9ade54394d29e0fb3540acfd51c89",[725],{"type":124,"text":726,"spans":727,"direction":127},"Collab with my amazing life partner @sharipelk\n\n“Cats on a Grid” is a playful exploration of frame-by-frame hand-drawn animation and creative coding in Processing.\n\nIn every iteration, each empty cell on the grid chooses a random cat to fill the gap.",[728],{"start":729,"end":730,"type":731,"data":732},36,46,"hyperlink",{"link_type":65,"url":733,"target":68},"https://www.instagram.com/sharipelk/",[735,737,738],{"property":131,"value":736},"March 2025",{"property":134,"value":286},{"property":739,"value":740},"Collaboration","Shari Pelkmans",[],"double_media_text$4327ea1e-8097-4920-9670-70abf199baf6",{"variation":482,"version":98,"items":744,"primary":745,"id":749,"slice_type":138,"slice_label":5},[],{"media":746,"vimeo_file_link":747,"use_media":90,"content":748,"align":128},{},"https://player.vimeo.com/progressive_redirect/playback/1096342408/rendition/1080p/file.mp4?loc=external&log_user=0&signature=a8bad139a484d51b1d5a1804420e0975f9f08cf94ceebd59044896a681240104",[],"media_text$46d720cc-731c-4e26-b5e4-a28a77708356",{"variation":97,"version":98,"items":751,"primary":752,"id":767,"slice_type":222,"slice_label":5},[],{"code_example":753,"resources":754},[],[755,759,763],{"resource":756},{"id":207,"type":185,"tags":757,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":758,"isBroken":38},[],"8ab48965-b571-44ce-b0ac-0bc5e79f405d",{"resource":760},{"id":199,"type":185,"tags":761,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":762,"isBroken":38},[],"ee539e5c-71b8-46e1-b0d9-dee385ceea4f",{"resource":764},{"id":215,"type":185,"tags":765,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":766,"isBroken":38},[],"700eb5eb-ca58-4e4c-bae7-79cf14300e55","resources$1c955d5a-8369-4f11-af9f-79488258e86b",{},{"id":770,"uid":771,"url":5,"type":78,"href":772,"tags":773,"first_publication_date":774,"last_publication_date":775,"slugs":776,"linked_documents":777,"lang":13,"alternate_languages":778,"data":779},"aF_tRBEAACQAxeNr","math-curves","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",[771],[],[],{"title":780,"thumb":781,"vimeo_file_link":782,"use_media":90,"aspect_ratio":251,"tags":783,"slices":784,"meta_title":5,"meta_description":5,"meta_image":883},"Math Curves",{},"https://player.vimeo.com/progressive_redirect/playback/1097151258/rendition/1080p/file.mp4?loc=external&log_user=0&signature=eb2135a62e56f717f94f3edcf0264caa89b2ff63ac3528f1f747c3300566d45a",[],[785,796,816,828,843],{"variation":97,"version":98,"items":786,"primary":787,"id":795,"slice_type":114,"slice_label":5},[],{"title_rows":788},[789,791,793],{"title":790,"align":104},"Crazy",{"title":792,"align":110},"Mathematical",{"title":794,"align":107},"Curves","editorial_hero$2241c734-69e2-461d-b1de-2230cf4b04ea",{"variation":715,"version":98,"items":797,"primary":798,"id":815,"slice_type":155,"slice_label":5},[],{"media_group":799,"content":805,"details":809,"live_tool":814},[800,802],{"image":801,"vimeo_file_link":782,"use_media":90},{},{"image":803,"vimeo_file_link":804,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097152383/rendition/1080p/file.mp4?loc=external&log_user=0&signature=08c517f36cd5e7ba5e350bb544a3cff4b9852eeba30fde05ae5d7b3ddce21512",[806],{"type":124,"text":807,"spans":808,"direction":127},"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. ",[],[810,812],{"property":131,"value":811},"December 2023",{"property":134,"value":813},"Processing and P5.js",[],"double_media_text$47e9c9fd-a817-401b-90ef-6be611e83ffb",{"variation":97,"version":98,"items":817,"primary":818,"id":827,"slice_type":155,"slice_label":5},[],{"media_group":819,"content":826,"align":153},[820,823],{"image":821,"vimeo_file_link":822,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097151592/rendition/1080p/file.mp4?loc=external&log_user=0&signature=c8d621a24ab703af547768686fed3200afe01bff371a5351f00ca58cc6b15595",{"image":824,"vimeo_file_link":825,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097151598/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bf96bb2742950d2847b6accbfef4c30481872af843b76e5ac9fee0d062605c81",[],"double_media_text$c5ceed92-5e03-4185-9353-1a0f71cbd5c8",{"variation":97,"version":98,"items":829,"primary":830,"id":842,"slice_type":155,"slice_label":5},[],{"media_group":831,"content":838,"align":138},[832,835],{"image":833,"vimeo_file_link":834,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097152170/rendition/1080p/file.mp4?loc=external&log_user=0&signature=9849b311308c13552d51ac1c1c662be33be88c1e30cb96b082c346ced9126481",{"image":836,"vimeo_file_link":837,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097152184/rendition/1080p/file.mp4?loc=external&log_user=0&signature=49b381975725887ee6e00ca3e8df2a2c85063267f271e2615489672af7bdfdd5",[839],{"type":124,"text":840,"spans":841,"direction":127},"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.",[],"double_media_text$23040533-092b-4b28-a23e-1a9a6f45b19c",{"variation":97,"version":98,"items":844,"primary":845,"id":882,"slice_type":222,"slice_label":5},[],{"code_example":846,"resources":847},[],[848,855,862,866,870,874,878],{"resource":849},{"id":850,"type":185,"tags":851,"lang":13,"slug":852,"first_publication_date":853,"last_publication_date":853,"uid":852,"link_type":36,"key":854,"isBroken":38},"aIy2KRIAACEAUFuF",[],"tangent-lines-to-circles","2025-08-01T12:42:18+0000","5cda20c9-fb73-4ad3-9e62-a721f41cc21a",{"resource":856},{"id":857,"type":185,"tags":858,"lang":13,"slug":859,"first_publication_date":860,"last_publication_date":860,"uid":859,"link_type":36,"key":861,"isBroken":38},"aIyhQBIAACAAUDeF",[],"nature-of-code","2025-08-01T11:13:07+0000","ff7bae39-6e6d-44ae-a551-af4b5901b6ff",{"resource":863},{"id":207,"type":185,"tags":864,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":865,"isBroken":38},[],"173324e8-f304-456e-becf-04cfaf2b58e4",{"resource":867},{"id":199,"type":185,"tags":868,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":869,"isBroken":38},[],"5fe64431-0a14-48de-a556-b964e7b51fc3",{"resource":871},{"id":668,"type":185,"tags":872,"lang":13,"slug":670,"first_publication_date":671,"last_publication_date":671,"uid":670,"link_type":36,"key":873,"isBroken":38},[],"328fd7a1-323b-4fc4-850d-12c6e15b7549",{"resource":875},{"id":215,"type":185,"tags":876,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":877,"isBroken":38},[],"92d4e3cb-6f0e-42b1-aba0-7a7e9b8659e0",{"resource":879},{"id":682,"type":185,"tags":880,"lang":13,"slug":684,"first_publication_date":685,"last_publication_date":685,"uid":684,"link_type":36,"key":881,"isBroken":38},[],"7ed21be0-174e-4130-98d2-4cc3ed9a2e0a","resources$869635eb-3c89-4298-830d-e52e43a44710",{},{"id":885,"uid":886,"url":5,"type":78,"href":887,"tags":888,"first_publication_date":889,"last_publication_date":890,"slugs":891,"linked_documents":892,"lang":13,"alternate_languages":893,"data":894},"aEiK3BAAACEApnqq","hello-fluo","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEiK3BAAACEApnqq%22%29+%5D%5D",[],"2025-06-10T19:43:47+0000","2025-08-01T12:25:10+0000",[886],[],[],{"title":895,"thumb":896,"vimeo_file_link":5,"use_media":277,"aspect_ratio":251,"tags":902,"slices":904,"meta_title":5,"meta_description":5,"meta_image":1013},"Hello Fluo",{"dimensions":897,"alt":5,"copyright":5,"url":899,"id":900,"edit":901},{"width":898,"height":898},2160,"https://images.prismic.io/mvds/aFw9h3fc4bHWiuTy_04_cover_and_spread.jpg?auto=format,compress","aFw9h3fc4bHWiuTy",{"x":25,"y":25,"zoom":26,"background":27},[903],{"tag":600},[905,916,954,969,984,995],{"variation":97,"version":98,"items":906,"primary":907,"id":915,"slice_type":114,"slice_label":5},[],{"title_rows":908},[909,911,913],{"title":910,"align":104},"My hands",{"title":912,"align":110},"got printed",{"title":914,"align":107},"in Hello Fluo","editorial_hero$b3c0d66f-32e4-433e-a9ba-021afd5fbbdc",{"variation":116,"version":98,"items":917,"primary":918,"id":953,"slice_type":138,"slice_label":5},[],{"media":919,"vimeo_file_link":5,"use_media":277,"content":922,"align":128,"details":931,"live_tool":944},{"dimensions":920,"alt":5,"copyright":5,"url":899,"id":900,"edit":921},{"width":898,"height":898},{"x":25,"y":25,"zoom":26,"background":27},[923],{"type":124,"text":924,"spans":925,"direction":127},"Hello Fluo is a collection of creative coding visuals printed in Quadrifluox®. The experimental mix of fluorescent inks creates vibrant colors that become even crazier when illuminated with UV light.\n\nIt’s so weird to see my own visuals featured in a book I’d normally pick up for inspiration. Thanks to @lucacattan3o, for inviting me to be part of this project.",[926],{"start":927,"end":928,"type":731,"data":929},304,317,{"link_type":65,"url":930,"target":68},"https://www.instagram.com/lucacattan3o/",[932,933,936,939,941],{"property":131,"value":623},{"property":934,"value":935},"A project by","Mekit Studio, 70magenta",{"property":937,"value":938},"Printed on","Fedrigoni Arena Natural paper",{"property":288,"value":940},"Matijs Moeskops",{"property":942,"value":943},"Making of reel","Mekit Studio",[945],{"body":946,"link":949},[947],{"type":124,"text":630,"spans":948,"direction":127},[],{"link_type":65,"key":950,"url":951,"target":68,"text":952},"2cbe1104-6fe6-4290-a1ae-4921bb4b13ae","https://mikevandersanden.com/tools/hello-fluo-hand/","Visit Live Tool","media_text$1aaee977-de4e-4922-8e39-0c40c0048069",{"variation":97,"version":98,"items":955,"primary":956,"id":968,"slice_type":155,"slice_label":5},[],{"media_group":957,"content":967,"align":138},[958,961],{"image":959,"vimeo_file_link":960,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096345370/rendition/1080p/file.mp4?loc=external&log_user=0&signature=fb0274a1fa682c50be351499b7652dc8699b929df7815cc7fc1cd9b45588fe4c",{"image":962,"vimeo_file_link":5,"use_media":277},{"dimensions":963,"alt":5,"copyright":5,"url":964,"id":965,"edit":966},{"width":898,"height":898},"https://images.prismic.io/mvds/aFw9z3fc4bHWiuUN_05_detail.jpg?auto=format,compress","aFw9z3fc4bHWiuUN",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$2951722c-f072-4f9f-a71e-8e89e5122c59",{"variation":97,"version":98,"items":970,"primary":971,"id":983,"slice_type":155,"slice_label":5},[],{"media_group":972,"content":982,"align":153},[973,979],{"image":974,"vimeo_file_link":5,"use_media":277},{"dimensions":975,"alt":5,"copyright":5,"url":976,"id":977,"edit":978},{"width":898,"height":898},"https://images.prismic.io/mvds/aFw8znfc4bHWiuS4_06_name.jpg?auto=format,compress","aFw8znfc4bHWiuS4",{"x":25,"y":25,"zoom":26,"background":27},{"image":980,"vimeo_file_link":981,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096345411/rendition/1080p/file.mp4?loc=external&log_user=0&signature=4c3d3c205c4f488efc0f37c62a47f6f9161d5b2b55236cf756afbbe05299779f",[],"double_media_text$4e26386d-b4df-48fb-9deb-efe9e9ae3bdf",{"variation":482,"version":98,"items":985,"primary":986,"id":994,"slice_type":138,"slice_label":5},[],{"media":987,"vimeo_file_link":988,"use_media":90,"content":989,"align":993},{},"https://player.vimeo.com/progressive_redirect/playback/1096345385/rendition/1080p/file.mp4?loc=external&log_user=0&signature=46f32bcd93a3c2aa26edcb07cb3c04057fdee7302f74ca4f483e9b68765687ce",[990],{"type":124,"text":991,"spans":992,"direction":127},"The prints where created using a tool I built in p5.js. ",[],"text-image","media_text$76b0fdb5-30d2-4f83-86df-192e9d7f4b8c",{"variation":97,"version":98,"items":996,"primary":997,"id":1012,"slice_type":222,"slice_label":5},[],{"code_example":998,"resources":999},[],[1000,1004,1008],{"resource":1001},{"id":668,"type":185,"tags":1002,"lang":13,"slug":670,"first_publication_date":671,"last_publication_date":671,"uid":670,"link_type":36,"key":1003,"isBroken":38},[],"4a82d330-b1da-4bf0-9d51-73be2b9a2c8e",{"resource":1005},{"id":199,"type":185,"tags":1006,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":1007,"isBroken":38},[],"d9b63e26-e8c1-47e8-8a31-9143681b0309",{"resource":1009},{"id":682,"type":185,"tags":1010,"lang":13,"slug":684,"first_publication_date":685,"last_publication_date":685,"uid":684,"link_type":36,"key":1011,"isBroken":38},[],"c68ef5bc-d201-4813-baa0-42943ad322a9","resources$549ddb66-01e3-4457-87ad-26d5a32c7e6b",{},{"id":1015,"uid":1016,"url":5,"type":78,"href":1017,"tags":1018,"first_publication_date":1019,"last_publication_date":1020,"slugs":1021,"linked_documents":1022,"lang":13,"alternate_languages":1023,"data":1024},"aG44ZxAAAB8Aa48g","vcv-td-learning","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aG44ZxAAAB8Aa48g%22%29+%5D%5D",[],"2025-07-09T09:37:46+0000","2025-08-01T13:45:28+0000",[1016],[],[],{"title":1025,"thumb":1026,"vimeo_file_link":1027,"use_media":90,"aspect_ratio":91,"tags":1028,"slices":1029,"meta_title":5,"meta_description":5,"meta_image":1109},"VCV-TD-learning",{},"https://player.vimeo.com/progressive_redirect/playback/1099925169/rendition/720p/file.mp4?loc=external&log_user=0&signature=2eb57dd9f656c4ff4a15005f2703d9b292feccafb7b41f180af775c6bdcd462e",[],[1030,1043,1075],{"variation":97,"version":98,"items":1031,"primary":1032,"id":1042,"slice_type":114,"slice_label":5},[],{"title_rows":1033},[1034,1036,1038,1040],{"title":1035,"align":104},"Learning",{"title":1037,"align":107},"VCV Rack",{"title":1039,"align":104},"with Touch",{"title":1041,"align":110},"designer","editorial_hero$42fde161-2f7d-417a-9919-0f0253d8c2a7",{"variation":715,"version":98,"items":1044,"primary":1045,"id":1074,"slice_type":155,"slice_label":5},[],{"media_group":1046,"content":1058,"details":1068,"live_tool":1073},[1047,1055],{"image":1048,"vimeo_file_link":5,"use_media":277},{"dimensions":1049,"alt":5,"copyright":5,"url":1052,"id":1053,"edit":1054},{"width":1050,"height":1051},1478,1847,"https://images.prismic.io/mvds/aG4-jkMqNJQqHtwB_still_td.jpg?auto=format,compress","aG4-jkMqNJQqHtwB",{"x":25,"y":25,"zoom":26,"background":27},{"image":1056,"vimeo_file_link":1057,"use_media":121},{},"https://player.vimeo.com/progressive_redirect/playback/1099925169/rendition/1080p/file.mp4?loc=external&log_user=0&signature=6fea476ba4eb66b16f3e81cc483c5cac07b059405f410addf8eaa70f1b2dab3c",[1059,1062,1065],{"type":124,"text":1060,"spans":1061,"direction":127},"A month before I started this project I didn’t know anything about modular synths, had never heard of Eurorack and barely understood some basic Touchdesigner comps.\n\nBut then one day Pauric Freeman posted a new video and it was so awesome I was like: I need to know what is happening here and what all those cables and buttons are.",[],{"type":124,"text":1063,"spans":1064,"direction":127},"",[],{"type":124,"text":1066,"spans":1067,"direction":127},"A lot of research, tutorials, confusion and frustration later; I’m happy to share I managed to — at some basic level — understand what I’m doing. So I made this piece using VCV Rack and Touch Designer.",[],[1069,1071],{"property":131,"value":1070},"May 2025",{"property":134,"value":1072},"VCV Rack + Touch Designer",[],"double_media_text$bb19f172-6cda-41f4-9c65-0d1a590382b9",{"variation":97,"version":98,"items":1076,"primary":1077,"id":1108,"slice_type":222,"slice_label":5},[],{"code_example":1078,"resources":1079},[],[1080,1084,1093,1101],{"resource":1081},{"id":184,"type":185,"tags":1082,"lang":13,"slug":187,"first_publication_date":188,"last_publication_date":188,"uid":187,"link_type":36,"key":1083,"isBroken":38},[],"f7384523-f517-4f18-9d44-1b14734e487f",{"resource":1085},{"id":1086,"type":185,"tags":1087,"lang":13,"slug":1088,"first_publication_date":1089,"last_publication_date":1090,"uid":1091,"link_type":36,"key":1092,"isBroken":38},"aIzDjhIAACAAUHKa",[],"touch-designer-tutorials","2025-08-01T13:39:27+0000","2025-08-01T13:44:35+0000","td-bileam-tschepe-elekktronaut","dc2d5c69-aa74-43d3-bd4a-d010bd4d9dc9",{"resource":1094},{"id":1095,"type":185,"tags":1096,"lang":13,"slug":1097,"first_publication_date":1098,"last_publication_date":1098,"uid":1099,"link_type":36,"key":1100,"isBroken":38},"aIzEdBIAACEAUHQi",[],"pepes-tdvcv-notes","2025-08-01T13:43:26+0000","pepepepebrick","825e27f6-a033-477b-aa40-a4fd7909a76b",{"resource":1102},{"id":1103,"type":185,"tags":1104,"lang":13,"slug":1105,"first_publication_date":1106,"last_publication_date":1106,"uid":1105,"link_type":36,"key":1107,"isBroken":38},"aIzE7RIAACIAUHTt",[],"minilab-3","2025-08-01T13:45:18+0000","782f1252-7940-45a0-b194-32acca7b2b68","resources$0c4971bc-11f3-4142-8d64-3bb29320f802",{},{"id":1111,"uid":1112,"url":5,"type":78,"href":1113,"tags":1114,"first_publication_date":1115,"last_publication_date":1116,"slugs":1117,"linked_documents":1118,"lang":13,"alternate_languages":1119,"data":1120},"aEiOGhAAACEApn91","experimental-type-3","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEiOGhAAACEApn91%22%29+%5D%5D",[],"2025-06-10T19:57:18+0000","2025-08-01T13:47:55+0000",[1112],[],[],{"title":1121,"thumb":1122,"vimeo_file_link":5,"use_media":277,"aspect_ratio":251,"tags":1129,"slices":1131,"meta_title":5,"meta_description":5,"meta_image":1227},"Experimental Type 3",{"dimensions":1123,"alt":5,"copyright":5,"url":1126,"id":1127,"edit":1128},{"width":1124,"height":1125},1600,2000,"https://images.prismic.io/mvds/aFxACnfc4bHWiuW4_thumb.jpg?auto=format,compress","aFxACnfc4bHWiuW4",{"x":25,"y":25,"zoom":26,"background":27},[1130],{"tag":600},[1132,1145,1180,1198,1213],{"variation":97,"version":98,"items":1133,"primary":1134,"id":1144,"slice_type":114,"slice_label":5},[],{"title_rows":1135},[1136,1138,1140,1142],{"title":1137,"align":104},"Slanted",{"title":1139,"align":110},"Publishers",{"title":1141,"align":107},"Experimental",{"title":1143,"align":110},"Type 3","editorial_hero$4e19bc12-7945-43f8-b110-b0a915b8bb37",{"variation":116,"version":98,"items":1146,"primary":1147,"id":1179,"slice_type":138,"slice_label":5},[],{"media":1148,"vimeo_file_link":5,"use_media":277,"content":1154,"align":128,"details":1164,"live_tool":1171},{"dimensions":1149,"alt":5,"copyright":5,"url":1151,"id":1152,"edit":1153},{"width":898,"height":1150},1728,"https://images.prismic.io/mvds/aFw_2nfc4bHWiuWw_01_overview.jpg?auto=format,compress","aFw_2nfc4bHWiuWw",{"x":25,"y":25,"zoom":26,"background":27},[1155],{"type":124,"text":1156,"spans":1157,"direction":127},"Honoured that our work got featured in Experimental Type 3.0 by Slanted Publishers, alongside so many great designers.\n\nThese letterforms come from the experimental phase—playing with our coded type system—during our collaboration on Bas’ graduation project.",[1158],{"start":1159,"end":1160,"type":731,"data":1161},234,257,{"link_type":65,"url":1162,"target":1163},"/cases/save-our-sound","_self",[1165,1166,1169],{"property":131,"value":736},{"property":1167,"value":1168},"Published by","Slanted Publishers",{"property":739,"value":1170},"Bas van Brandwijk",[1172],{"body":1173,"link":1176},[1174],{"type":124,"text":630,"spans":1175,"direction":127},[],{"link_type":65,"key":1177,"url":1178,"target":68,"text":635},"f5f5f108-7e22-4e33-a30f-3da39bf4c47a","https://mikevandersanden.com/tools/save-our-sound/index.html","media_text$911909a2-b828-4aed-9cec-a9f89705814a",{"variation":97,"version":98,"items":1181,"primary":1182,"id":1197,"slice_type":155,"slice_label":5},[],{"media_group":1183,"content":1196,"align":153},[1184,1190],{"image":1185,"vimeo_file_link":5,"use_media":277},{"dimensions":1186,"alt":5,"copyright":5,"url":1187,"id":1188,"edit":1189},{"width":1124,"height":1125},"https://images.prismic.io/mvds/aFxA4Xfc4bHWiuXT_03_cover.jpg?auto=format,compress","aFxA4Xfc4bHWiuXT",{"x":25,"y":25,"zoom":26,"background":27},{"image":1191,"vimeo_file_link":5,"use_media":277},{"dimensions":1192,"alt":5,"copyright":5,"url":1193,"id":1194,"edit":1195},{"width":1124,"height":1125},"https://images.prismic.io/mvds/aFxA5Xfc4bHWiuXU_04_closup_eight.jpg?auto=format,compress","aFxA5Xfc4bHWiuXU",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$ce0a4a81-d5a5-4f82-a338-bc44a090b4c9",{"variation":97,"version":98,"items":1199,"primary":1200,"id":1212,"slice_type":155,"slice_label":5},[],{"media_group":1201,"content":1211,"align":138},[1202,1208],{"image":1203,"vimeo_file_link":5,"use_media":277},{"dimensions":1204,"alt":5,"copyright":5,"url":1205,"id":1206,"edit":1207},{"width":1124,"height":1125},"https://images.prismic.io/mvds/aFxA-nfc4bHWiuXW_06_closup_amp.jpg?auto=format,compress","aFxA-nfc4bHWiuXW",{"x":25,"y":25,"zoom":26,"background":27},{"image":1209,"vimeo_file_link":1210,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1096351177/rendition/1080p/file.mp4?loc=external&log_user=0&signature=ea5731896847770e9a67cafa97921593f63db7cce6e4777a2b9d328f5635f709",[],"double_media_text$91c41aca-2c7b-4d87-86d7-d8f938716ac2",{"variation":97,"version":98,"items":1214,"primary":1215,"id":1226,"slice_type":222,"slice_label":5},[],{"code_example":1216,"resources":1217},[],[1218],{"resource":1219},{"id":1220,"type":185,"tags":1221,"lang":13,"slug":1222,"first_publication_date":1223,"last_publication_date":1224,"uid":1222,"link_type":36,"key":1225,"isBroken":38},"aIzFehIAAB8AUHXJ",[],"resources-in-save-our-sound-project","2025-08-01T13:47:39+0000","2025-08-01T13:48:35+0000","4ad2c857-3469-4cbf-b196-9c8fe16937cf","resources$a6dcecf4-799c-456e-b17e-e86d1541efda",{},{"id":1229,"uid":1230,"url":5,"type":78,"href":1231,"tags":1232,"first_publication_date":1233,"last_publication_date":1234,"slugs":1235,"linked_documents":1236,"lang":13,"alternate_languages":1237,"data":1238},"aG5vbBAAAB8Aa-u1","air-drawings","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",[1230],[],[],{"title":1239,"thumb":1240,"vimeo_file_link":1241,"use_media":90,"aspect_ratio":251,"tags":1242,"slices":1244,"meta_title":5,"meta_description":5,"meta_image":1329},"Air Drawings",{},"https://player.vimeo.com/progressive_redirect/playback/1099982453/rendition/1080p/file.mp4?loc=external&log_user=0&signature=e8160949a9f21493cdf96b8850e740f0bfdfee36779fb611701c4a4d051d87af",[1243],{"tag":600},[1245,1255,1281,1293,1307],{"variation":97,"version":98,"items":1246,"primary":1247,"id":1254,"slice_type":114,"slice_label":5},[],{"title_rows":1248},[1249,1251,1253],{"title":1250,"align":104},"Draw your",{"title":1252,"align":110},"hands up in",{"title":611,"align":107},"editorial_hero$db1988fd-164e-4800-9dbf-254528eadaa5",{"variation":116,"version":98,"items":1256,"primary":1257,"id":1280,"slice_type":138,"slice_label":5},[],{"media":1258,"vimeo_file_link":1259,"use_media":90,"content":1260,"align":128,"details":1264,"live_tool":1269},{},"https://player.vimeo.com/progressive_redirect/playback/1099975301/rendition/2160p/file.mp4?loc=external&log_user=0&signature=d4d583f93c9655f3613b59eab55b21ab1a4d15fc15bfd57b0431fc06b74517da",[1261],{"type":124,"text":1262,"spans":1263,"direction":127},"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.",[],[1265,1267],{"property":131,"value":1266},"March 2024",{"property":134,"value":1268},"P5js, Shaders, Mediapipe",[1270],{"body":1271,"link":1277},[1272,1274],{"type":124,"text":630,"spans":1273,"direction":127},[],{"type":124,"text":1275,"spans":1276,"direction":127},"\n",[],{"link_type":65,"key":1278,"url":1279,"target":68,"text":635},"b2b93dca-4f64-41a0-87eb-cb6cd75af6b1","https://mikevandersanden.com/tools/air-drawings/","media_text$2e485c21-7184-4d8b-855e-507ac591b6bc",{"variation":97,"version":98,"items":1282,"primary":1283,"id":1292,"slice_type":155,"slice_label":5},[],{"media_group":1284,"content":1291,"align":153},[1285,1288],{"image":1286,"vimeo_file_link":1287,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099975404/rendition/1440p/file.mp4?loc=external&log_user=0&signature=d9746e2c68b15c638c45cc88b13b4df5b1f5bc4f41e7d030c2f8eb7fc7e0a5a9",{"image":1289,"vimeo_file_link":1290,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099975493/rendition/1440p/file.mp4?loc=external&log_user=0&signature=e80fb0f6cb1980a945609eeda380ea6af6cbf8385e357d5208a9f791e84dd91f",[],"double_media_text$3b76238d-11c6-4461-a7b5-35e6ed32d9b4",{"variation":97,"version":98,"items":1294,"primary":1295,"id":1306,"slice_type":155,"slice_label":5},[],{"media_group":1296,"content":1302,"align":138},[1297,1300],{"image":1298,"vimeo_file_link":1299,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099981212/rendition/1080p/file.mp4?loc=external&log_user=0&signature=3df5efa6e9a050846c9b00effe153563d7cef68619d0a54a6bf439476472a31c",{"image":1301,"vimeo_file_link":1241,"use_media":90},{},[1303],{"type":124,"text":1304,"spans":1305,"direction":127},"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":97,"version":98,"items":1308,"primary":1309,"id":1328,"slice_type":222,"slice_label":5},[],{"code_example":1310,"resources":1311},[],[1312,1316,1320,1324],{"resource":1313},{"id":668,"type":185,"tags":1314,"lang":13,"slug":670,"first_publication_date":671,"last_publication_date":671,"uid":670,"link_type":36,"key":1315,"isBroken":38},[],"d3bd0cb4-cdb0-44ad-ba24-c286706e734a",{"resource":1317},{"id":199,"type":185,"tags":1318,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":1319,"isBroken":38},[],"5da20762-8717-4a2d-85c6-6cae40251e22",{"resource":1321},{"id":675,"type":185,"tags":1322,"lang":13,"slug":677,"first_publication_date":678,"last_publication_date":678,"uid":677,"link_type":36,"key":1323,"isBroken":38},[],"8f2369da-9788-423d-a23c-d5e7aaedb084",{"resource":1325},{"id":682,"type":185,"tags":1326,"lang":13,"slug":684,"first_publication_date":685,"last_publication_date":685,"uid":684,"link_type":36,"key":1327,"isBroken":38},[],"8c1560fc-0ff6-469e-95ce-3f0444c99e27","resources$e9e51219-6e40-4f1b-b7bf-c5c2d217e9f0",{},{"id":1331,"uid":1332,"url":5,"type":78,"href":1333,"tags":1334,"first_publication_date":1335,"last_publication_date":1336,"slugs":1337,"linked_documents":1339,"lang":13,"alternate_languages":1340,"data":1341},"aEh7LBAAACEApmMZ","art_crafts_festival","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEh7LBAAACEApmMZ%22%29+%5D%5D",[],"2025-06-10T18:36:31+0000","2025-08-01T12:50:15+0000",[1338],"arts--crafts-festival",[],[],{"title":1342,"thumb":1343,"vimeo_file_link":5,"use_media":277,"aspect_ratio":251,"tags":1348,"slices":1349,"meta_title":5,"meta_description":5,"meta_image":1479},"Arts & Crafts Festival",{"dimensions":1344,"alt":5,"copyright":5,"url":1345,"id":1346,"edit":1347},{"width":1124,"height":1125},"https://images.prismic.io/mvds/aF7jYHfc4bHWizMe_zuil.jpg?auto=format,compress","aF7jYHfc4bHWizMe",{"x":25,"y":25,"zoom":26,"background":27},[],[1350,1360,1380,1398,1413,1422,1434,1446],{"variation":97,"version":98,"items":1351,"primary":1352,"id":1359,"slice_type":114,"slice_label":5},[],{"title_rows":1353},[1354,1356,1358],{"title":1355,"align":107},"Arts &",{"title":1357,"align":104},"Crafts",{"title":264,"align":110},"editorial_hero$561e692d-0fbe-4a26-a4bd-f36209990dd4",{"variation":116,"version":98,"items":1361,"primary":1362,"id":1379,"slice_type":138,"slice_label":5},[],{"media":1363,"vimeo_file_link":5,"use_media":277,"content":1368,"align":128,"details":1372,"live_tool":1378},{"dimensions":1364,"alt":5,"copyright":5,"url":1365,"id":1366,"edit":1367},{"width":271,"height":272},"https://images.prismic.io/mvds/aF7jgHfc4bHWizMj_poster.jpg?auto=format,compress","aF7jgHfc4bHWizMj",{"x":25,"y":25,"zoom":26,"background":27},[1369],{"type":124,"text":1370,"spans":1371,"direction":127},"A poster for a (fictional) festival called Arts & Crafts. The design direction aims to create an analogue feeling of ripping and gluing paper, while at the same time appearing very digital and grungy. In addition to the timed random animations, there is also the possibility to interact with this poster: by moving your mouse, or hypothetically by standing in front of the poster and moving your hand, you can push away the letters made out of particles.",[],[1373,1375],{"property":131,"value":1374},"September 2024",{"property":1376,"value":1377},"Typeface","Agrandir by Pangram Pangram",[],"media_text$5adadc0a-bef4-4f7f-a055-9b710494fb43",{"variation":97,"version":98,"items":1381,"primary":1382,"id":1397,"slice_type":155,"slice_label":5},[],{"media_group":1383,"content":1393,"align":153},[1384,1387],{"image":1385,"vimeo_file_link":1386,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097004158/rendition/1440p/file.mp4?loc=external&log_user=0&signature=2da543c6aeef8ca1a94f1dbbbfe7cde3a3cf893e07c3ac42298bb41e72d1806c",{"image":1388,"vimeo_file_link":5,"use_media":277},{"dimensions":1389,"alt":5,"copyright":5,"url":1390,"id":1391,"edit":1392},{"width":1125,"height":1125},"https://images.prismic.io/mvds/aF7kRHfc4bHWizMs_program.jpg?auto=format,compress","aF7kRHfc4bHWizMs",{"x":25,"y":25,"zoom":26,"background":27},[1394],{"type":124,"text":1395,"spans":1396,"direction":127},"What I appreciate in an experimental approach is the ability to combine previously learned techniques to create something new. Dynamic grid scaling responds to the mouse position, while random morphing shapes within each cell generate continuously organic motion. Multiple PGraphics layers are merged in a shader, using the number of grid overlaps as a mask. Text is converted to points and manipulated with vector mathematics to produce black moving letters that react when the mouse approaches. A pixelate shader applied to the grid mask reinforces the overall digital feel. Finally, multiple brushstrokes enhanced by a subtle glitch shader create a textured, painterly effect.",[],"double_media_text$4a5138db-156b-40cb-ac9d-caef2a130321",{"variation":97,"version":98,"items":1399,"primary":1400,"id":1412,"slice_type":155,"slice_label":5},[],{"media_group":1401,"content":1411,"align":138},[1402,1405],{"image":1403,"vimeo_file_link":1404,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097004126/rendition/1080p/file.mp4?loc=external&log_user=0&signature=41920754748fdf032eb09b2fd831d8345ba452765f38532570c0798b8dd03001",{"image":1406,"vimeo_file_link":5,"use_media":277},{"dimensions":1407,"alt":5,"copyright":5,"url":1408,"id":1409,"edit":1410},{"width":1124,"height":1124},"https://images.prismic.io/mvds/aF7lAHfc4bHWizNA_zuil2.jpg?auto=format,compress","aF7lAHfc4bHWizNA",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$cf6a549b-932e-4ad7-b858-bf18ded015c4",{"variation":97,"version":98,"items":1414,"primary":1415,"id":1421,"slice_type":355,"slice_label":5},[],{"label":1416,"body":1417,"show_logo":5},"Born from exploration",[1418],{"type":124,"text":1419,"spans":1420,"direction":127},"The idea for the interactive poster came from some experimentation I did with grids and shapes. In this phase it was just about making it and seeing what it looks like. In the first round it was a single grid of shapes. Later I tried layering grids on top of each other with difference effects using shaders.",[],"single_text$1a193a46-fb60-4ffc-b505-4de3d6ea35d3",{"variation":97,"version":98,"items":1423,"primary":1424,"id":1433,"slice_type":155,"slice_label":5},[],{"media_group":1425,"content":1432,"align":138},[1426,1429],{"image":1427,"vimeo_file_link":1428,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097007125/rendition/1080p/file.mp4?loc=external&log_user=0&signature=a4ab35293c4607d266399c3d5a29ac3530d1cf47575ef22195db4464d9edd5eb",{"image":1430,"vimeo_file_link":1431,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097007322/rendition/1080p/file.mp4?loc=external&log_user=0&signature=5b9d2ae8f8a4bf48b3e887e6bab4833e6b1365ddb0e197544d9842d56f98bc1e",[],"double_media_text$eb5f3be9-9f8c-4218-b75a-c0dce8fbe28e",{"variation":97,"version":98,"items":1435,"primary":1436,"id":1445,"slice_type":155,"slice_label":5},[],{"media_group":1437,"content":1444,"align":153},[1438,1441],{"image":1439,"vimeo_file_link":1440,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097007384/rendition/1080p/file.mp4?loc=external&log_user=0&signature=8fe4abe3b7d4391494313ca3e82d75e68a1da7077b43f553446c7bc9257a631d",{"image":1442,"vimeo_file_link":1443,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097007287/rendition/1080p/file.mp4?loc=external&log_user=0&signature=d2b82df3851f7a0a86f1e88ddfec44c2cca2f213e71407cd77d0e5fa7a6e06d5",[],"double_media_text$4b86aedd-440f-4a01-b128-0fa95df6da0b",{"variation":97,"version":98,"items":1447,"primary":1448,"id":1478,"slice_type":222,"slice_label":5},[],{"code_example":1449,"resources":1450},[],[1451,1458,1462,1466,1470,1474],{"resource":1452},{"id":1453,"type":185,"tags":1454,"lang":13,"slug":1455,"first_publication_date":1456,"last_publication_date":1456,"uid":1455,"link_type":36,"key":1457,"isBroken":38},"aIy35BIAAB8AUF42",[],"pp-agrandir-font","2025-08-01T12:49:41+0000","d670cdec-194e-4635-814a-33d93000a6cc",{"resource":1459},{"id":570,"type":185,"tags":1460,"lang":13,"slug":572,"first_publication_date":573,"last_publication_date":573,"uid":572,"link_type":36,"key":1461,"isBroken":38},[],"d1bc7671-9b33-4ea2-abe8-12568448bea0",{"resource":1463},{"id":577,"type":185,"tags":1464,"lang":13,"slug":579,"first_publication_date":580,"last_publication_date":580,"uid":579,"link_type":36,"key":1465,"isBroken":38},[],"4526dad3-f3de-495e-89e8-50a9834747a3",{"resource":1467},{"id":207,"type":185,"tags":1468,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":1469,"isBroken":38},[],"b6e4ef01-5088-4803-be57-fc7c9a26e312",{"resource":1471},{"id":199,"type":185,"tags":1472,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":1473,"isBroken":38},[],"02265e1d-39eb-476c-851e-892b3e2f965e",{"resource":1475},{"id":675,"type":185,"tags":1476,"lang":13,"slug":677,"first_publication_date":678,"last_publication_date":678,"uid":677,"link_type":36,"key":1477,"isBroken":38},[],"f73aeeac-8460-4c8f-9bc1-d0eaf5626016","resources$d8f277b8-bc68-4214-b271-d8ac222ce6fa",{},{"id":1481,"uid":1482,"url":5,"type":78,"href":1483,"tags":1484,"first_publication_date":1485,"last_publication_date":1486,"slugs":1487,"linked_documents":1488,"lang":13,"alternate_languages":1489,"data":1490},"aEiLFhAAACAApnsF","modifier-tool","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEiLFhAAACAApnsF%22%29+%5D%5D",[],"2025-06-10T19:44:28+0000","2025-08-01T12:53:40+0000",[1482],[],[],{"title":1491,"thumb":1492,"vimeo_file_link":5,"use_media":277,"aspect_ratio":1499,"tags":1500,"slices":1502,"meta_title":5,"meta_description":5,"meta_image":1613},"Modifier Tool",{"dimensions":1493,"alt":5,"copyright":5,"url":1496,"id":1497,"edit":1498},{"width":1494,"height":1495},4000,2668,"https://images.prismic.io/mvds/aEiLDbNJEFaPX184_Komma_vibes_foto-12.jpg?auto=format,compress","aEiLDbNJEFaPX184",{"x":25,"y":25,"zoom":26,"background":27},"5x4",[1501],{"tag":600},[1503,1512,1544,1559,1571,1586],{"variation":97,"version":98,"items":1504,"primary":1505,"id":1511,"slice_type":114,"slice_label":5},[],{"title_rows":1506},[1507,1509],{"title":1508,"align":104},"Modifier",{"title":1510,"align":107},"Tool","editorial_hero$218fdfea-1c75-45d5-9267-2df2c3ae5e30",{"variation":116,"version":98,"items":1513,"primary":1514,"id":1543,"slice_type":138,"slice_label":5},[],{"media":1515,"vimeo_file_link":5,"use_media":277,"content":1520,"align":128,"details":1524,"live_tool":1529},{"dimensions":1516,"alt":5,"copyright":5,"url":1517,"id":1518,"edit":1519},{"width":271,"height":272},"https://images.prismic.io/mvds/aF-3Onfc4bHWizpI_Komma_vibes_foto-12.jpg?auto=format,compress","aF-3Onfc4bHWizpI",{"x":25,"y":25,"zoom":26,"background":27},[1521],{"type":124,"text":1522,"spans":1523,"direction":127},"While I was learning about shaders, I came across a number of examples where they were used to apply effects to images. At the time, I was having the most fun building tools that others could potentially enjoy as well. So I thought: why not build a tool where you can create modified versions of an image in a playful way?",[],[1525,1527],{"property":131,"value":1526},"September 2023",{"property":1528,"value":940},"Hero photo",[1530],{"body":1531,"link":1540},[1532,1535,1537],{"type":124,"text":1533,"spans":1534,"direction":127},"This live-tool only works on an iPad. It is for experimentation purposes only and may sometimes not work as expected. ",[],{"type":124,"text":1063,"spans":1536,"direction":127},[],{"type":124,"text":1538,"spans":1539,"direction":127},"Use two fingers to apply an effect, tap with a third finger to change the effect. You can also use your own photos. They stay on the so called client-side so they are not saved or seen by me in any way. ",[],{"link_type":65,"key":1541,"url":1542,"target":68,"text":635},"70ae196a-b943-4746-a6fe-2f92cf556730","https://mikevandersanden.com/tools/modifier-tool/","media_text$393d2c49-8218-4d7c-bef6-b2e7f4dd8766",{"variation":97,"version":98,"items":1545,"primary":1546,"id":1558,"slice_type":155,"slice_label":5},[],{"media_group":1547,"content":1554,"align":138},[1548,1551],{"image":1549,"vimeo_file_link":1550,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097135154/rendition/1080p/file.mp4?loc=external&log_user=0&signature=4dd62d0d2efc011a13084a667132d202622e4383c968982a83c219093dce2da2",{"image":1552,"vimeo_file_link":1553,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097135142/rendition/1080p/file.mp4?loc=external&log_user=0&signature=e6a568b84e2f7b4fd279c3dc162845af7cf6fdeaf55a9553bb9f56c49cb028ee",[1555],{"type":124,"text":1556,"spans":1557,"direction":127},"The project resulted in a desktop tool you'll find below. Then I came across the work of Frankfurt-based design studio Schultzschultz. They built multi-touch tools on iPad, which in my opinion creates an even stronger connection between the user and the result. So I started researching how to approach this and implemented all my existing effects into a multi-touch interface. If you happen to visit this page on an iPad, make sure to check out the live tool.",[],"double_media_text$fc7280ee-d2b8-4b2c-aa20-708b9ec7357e",{"variation":97,"version":98,"items":1560,"primary":1561,"id":1570,"slice_type":155,"slice_label":5},[],{"media_group":1562,"content":1569,"align":153},[1563,1566],{"image":1564,"vimeo_file_link":1565,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097135172/rendition/1440p/file.mp4?loc=external&log_user=0&signature=459a1ced2bb0293599149d2c3e90a991596cd38556f18655abc6c38c0f554f49",{"image":1567,"vimeo_file_link":1568,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097135161/rendition/1440p/file.mp4?loc=external&log_user=0&signature=fbcb316daa2fc3ef263a3a806863cc0e3ece92eff52c549f42de14c48d9d41b8",[],"double_media_text$ab21077f-2830-4375-bd9d-3104dabc06de",{"variation":97,"version":98,"items":1572,"primary":1573,"id":1585,"slice_type":155,"slice_label":5},[],{"media_group":1574,"content":1581,"align":138},[1575,1578],{"image":1576,"vimeo_file_link":1577,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097135182/rendition/1440p/file.mp4?loc=external&log_user=0&signature=f8b6ca54fadc963607682b6070d1876ed33898a43f4f66e4d8ea25ee0db29c9e",{"image":1579,"vimeo_file_link":1580,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097135187/rendition/1440p/file.mp4?loc=external&log_user=0&signature=6fb340404e86c0f00b0594354fd317e8a437936c28c3e255d7b7d0f206eb66eb",[1582],{"type":124,"text":1583,"spans":1584,"direction":127},"I looked into all kinds of functionality Such as placing animation points on the canvas to generate automatic movement. A lot of ideas were simply too much and ended up being discarded.",[],"double_media_text$836762b6-5df5-4fdf-b281-1a4771f134bd",{"variation":97,"version":98,"items":1587,"primary":1588,"id":1612,"slice_type":222,"slice_label":5},[],{"code_example":1589,"resources":1590},[],[1591,1595,1599,1603],{"resource":1592},{"id":207,"type":185,"tags":1593,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":1594,"isBroken":38},[],"8a969482-f6ca-4a9d-8f00-be84cb637a4d",{"resource":1596},{"id":199,"type":185,"tags":1597,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":1598,"isBroken":38},[],"6f43392f-915a-4327-a6a0-503460e720da",{"resource":1600},{"id":675,"type":185,"tags":1601,"lang":13,"slug":677,"first_publication_date":678,"last_publication_date":678,"uid":677,"link_type":36,"key":1602,"isBroken":38},[],"832f7715-e632-4bab-83f7-20bf5bcb8a6e",{"resource":1604},{"id":1605,"type":185,"tags":1606,"lang":13,"slug":1607,"first_publication_date":1608,"last_publication_date":1609,"uid":1610,"link_type":36,"key":1611,"isBroken":38},"aIy4thIAACEAUF9y",[],"freely-usable-images","2025-08-01T12:53:11+0000","2025-08-01T12:54:27+0000","unsplash","15de6e19-766d-4579-b6bb-a0ae07e989d3","resources$9e95a884-6f52-46c1-af30-0bb7563d3375",{},{"id":1615,"uid":1616,"url":5,"type":78,"href":1617,"tags":1618,"first_publication_date":1619,"last_publication_date":1620,"slugs":1621,"linked_documents":1622,"lang":13,"alternate_languages":1623,"data":1624},"aEh75xAAACAApmRJ","coded-typeface","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEh75xAAACAApmRJ%22%29+%5D%5D",[],"2025-06-10T18:39:38+0000","2025-08-01T12:02:15+0000",[1616],[],[],{"title":1625,"thumb":1626,"vimeo_file_link":1627,"use_media":90,"aspect_ratio":251,"tags":1628,"slices":1630,"meta_title":5,"meta_description":5,"meta_image":1713},"Coded Typeface",{},"https://player.vimeo.com/progressive_redirect/playback/1097118715/rendition/1080p/file.mp4?loc=external&log_user=0&signature=de16515b7a503f9ca2f0b22b99ceb8764579512e825047db6acc02bee3c4f9c4",[1629],{"tag":600},[1631,1639,1661,1673,1685,1699],{"variation":97,"version":98,"items":1632,"primary":1633,"id":1638,"slice_type":114,"slice_label":5},[],{"title_rows":1634},[1635,1637],{"title":1636,"align":104},"Coded",{"title":1376,"align":110},"editorial_hero$17dbd394-66ab-45bb-b4d3-d90c1fb25a91",{"variation":116,"version":98,"items":1640,"primary":1641,"id":1660,"slice_type":138,"slice_label":5},[],{"media":1642,"vimeo_file_link":1643,"use_media":90,"content":1644,"align":128,"details":1648,"live_tool":1652},{},"https://player.vimeo.com/progressive_redirect/playback/1097121212/rendition/1440p/file.mp4?loc=external&log_user=0&signature=cc465876f101b371ca351c3f527de57c1e482c671f2defb357ddb30d4be61d0c",[1645],{"type":124,"text":1646,"spans":1647,"direction":127},"I’ve started working on a small coded typeface that uses vector math to connect circles. ",[],[1649,1651],{"property":131,"value":1650},"February 2024",{"property":134,"value":625},[1653],{"body":1654,"link":1657},[1655],{"type":124,"text":630,"spans":1656,"direction":127},[],{"link_type":65,"key":1658,"url":1659,"target":68,"text":952},"fb690371-6e54-4be8-ba8e-c79e473b54dc","https://mikevandersanden.com/tools/coded-typeface/","media_text$c291a3ed-7b49-42d6-9a60-86d9e030181c",{"variation":97,"version":98,"items":1662,"primary":1663,"id":1672,"slice_type":155,"slice_label":5},[],{"media_group":1664,"content":1671,"align":138},[1665,1668],{"image":1666,"vimeo_file_link":1667,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097118732/rendition/1080p/file.mp4?loc=external&log_user=0&signature=afd82a6e9c27b233beefabf7188d8009f147ce9f1a3276483801ffa6d787ff41",{"image":1669,"vimeo_file_link":1670,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097118761/rendition/1440p/file.mp4?loc=external&log_user=0&signature=788064929563938930708240df3942f123525da22882c6e11dfd02a096ab9b37",[],"double_media_text$11d3d7f6-8642-417d-bcb8-84da50f2ef76",{"variation":97,"version":98,"items":1674,"primary":1675,"id":1684,"slice_type":155,"slice_label":5},[],{"media_group":1676,"content":1683,"align":153},[1677,1680],{"image":1678,"vimeo_file_link":1679,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097118771/rendition/1440p/file.mp4?loc=external&log_user=0&signature=6f49a18155def7885f078045dda2d3f48b96ea10d05a32eb1d87e713a9c03448",{"image":1681,"vimeo_file_link":1682,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097118749/rendition/1440p/file.mp4?loc=external&log_user=0&signature=1054503a14a615242001daafe5d98945c5da5969d69320222d80b9998629b43a",[],"double_media_text$cb7a7651-9fe4-4aec-bd9b-2a9dfbd481bd",{"variation":97,"version":98,"items":1686,"primary":1687,"id":1698,"slice_type":155,"slice_label":5},[],{"media_group":1688,"content":1697,"align":138},[1689],{"image":1690,"vimeo_file_link":5,"use_media":277},{"dimensions":1691,"alt":5,"copyright":5,"url":1694,"id":1695,"edit":1696},{"width":1692,"height":1693},1274,1594,"https://images.prismic.io/mvds/aF-yaHfc4bHWizoo_02_digits.png?auto=format,compress","aF-yaHfc4bHWizoo",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$9d8ff4ac-50a3-4edb-8686-3e48f085a9cc",{"variation":97,"version":98,"items":1700,"primary":1701,"id":1712,"slice_type":222,"slice_label":5},[],{"code_example":1702,"resources":1703},[],[1704,1708],{"resource":1705},{"id":682,"type":185,"tags":1706,"lang":13,"slug":684,"first_publication_date":685,"last_publication_date":685,"uid":684,"link_type":36,"key":1707,"isBroken":38},[],"ebdc12a8-b4e7-490f-b673-78a50f0bdac2",{"resource":1709},{"id":857,"type":185,"tags":1710,"lang":13,"slug":859,"first_publication_date":860,"last_publication_date":860,"uid":859,"link_type":36,"key":1711,"isBroken":38},[],"d6df664f-0cfc-4a1b-8ea0-b18615d7b498","resources$4bb84aa4-961e-4e9c-9d4f-5c1846fa597f",{},{"id":1715,"uid":1716,"url":5,"type":78,"href":1717,"tags":1718,"first_publication_date":1719,"last_publication_date":1720,"slugs":1721,"linked_documents":1722,"lang":13,"alternate_languages":1723,"data":1724},"aEiKsBAAACIApnpn","generative-lettering","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEiKsBAAACIApnpn%22%29+%5D%5D",[],"2025-06-10T19:42:43+0000","2025-08-01T12:06:42+0000",[1716],[],[],{"title":1725,"thumb":1726,"vimeo_file_link":5,"use_media":277,"aspect_ratio":91,"tags":1731,"slices":1732,"meta_title":5,"meta_description":5,"meta_image":1850},"Generative Lettering",{"dimensions":1727,"alt":5,"copyright":5,"url":1728,"id":1729,"edit":1730},{"width":245,"height":246},"https://images.prismic.io/mvds/aEiKlbNJEFaPX18w_03_Research-CA.png?auto=format,compress","aEiKlbNJEFaPX18w",{"x":25,"y":25,"zoom":26,"background":27},[],[1733,1742,1759,1774,1795,1807,1819],{"variation":97,"version":98,"items":1734,"primary":1735,"id":1741,"slice_type":114,"slice_label":5},[],{"title_rows":1736},[1737,1739],{"title":1738,"align":104},"Generative",{"title":1740,"align":110},"Lettering","editorial_hero$c7bf1e0e-8da7-4bc8-b05b-037a552827c3",{"variation":116,"version":98,"items":1743,"primary":1744,"id":1758,"slice_type":138,"slice_label":5},[],{"media":1745,"vimeo_file_link":5,"use_media":277,"content":1750,"align":128,"details":1754,"live_tool":1757},{"dimensions":1746,"alt":5,"copyright":5,"url":1747,"id":1748,"edit":1749},{"width":245,"height":245},"https://images.prismic.io/mvds/aF7pSXfc4bHWizOL_03_Research-CA.jpg?auto=format,compress","aF7pSXfc4bHWizOL",{"x":25,"y":25,"zoom":26,"background":27},[1751],{"type":124,"text":1752,"spans":1753,"direction":127},"What if I could connect random parts of mathematical roses?\n\nThat was a thought that went through my head last December. It turned out to be a little harder than I anticipated, and for quite some time, I had no idea if it was going to be visually interesting. But if I truly stand by my belief—that it’s more about the process than the result—then that shouldn’t matter.",[],[1755,1756],{"property":131,"value":284},{"property":134,"value":286},[],"media_text$19e9e971-70c9-4fe8-a339-421119cf75f2",{"variation":97,"version":98,"items":1760,"primary":1761,"id":1773,"slice_type":155,"slice_label":5},[],{"media_group":1762,"content":1769,"align":153},[1763,1766],{"image":1764,"vimeo_file_link":1765,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097010713/rendition/1080p/file.mp4?loc=external&log_user=0&signature=80ce044b69794bb90280646545b642f4ffd56ce3e40c8de6852ade72b0b2d303",{"image":1767,"vimeo_file_link":1768,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097010733/rendition/1080p/file.mp4?loc=external&log_user=0&signature=c398c20293301c26ca53a20a800c3e702d0150316a6e85b4c5ba1d8b7587f5ae",[1770],{"type":124,"text":1771,"spans":1772,"direction":127},"So I continued fixing bugs and adding features, just to get things working properly. Then, suddenly, things started to come together — I began seeing results that had been in my head since last December.",[],"double_media_text$1f8adcd4-0aad-4a89-819f-54be88703319",{"variation":97,"version":98,"items":1775,"primary":1776,"id":1794,"slice_type":155,"slice_label":5},[],{"media_group":1777,"content":1790,"align":138},[1778,1784],{"image":1779,"vimeo_file_link":5,"use_media":277},{"dimensions":1780,"alt":5,"copyright":5,"url":1781,"id":1782,"edit":1783},{"width":245,"height":246},"https://images.prismic.io/mvds/aF7rAHfc4bHWizOj_04_Research_MC.jpg?auto=format,compress","aF7rAHfc4bHWizOj",{"x":25,"y":25,"zoom":26,"background":27},{"image":1785,"vimeo_file_link":5,"use_media":277},{"dimensions":1786,"alt":5,"copyright":5,"url":1787,"id":1788,"edit":1789},{"width":245,"height":246},"https://images.prismic.io/mvds/aF7rC3fc4bHWizOl_05_Research-RF.jpg?auto=format,compress","aF7rC3fc4bHWizOl",{"x":25,"y":25,"zoom":26,"background":27},[1791],{"type":124,"text":1792,"spans":1793,"direction":127},"\nAlthough I still have many ideas for applications, I thought this would be a nice moment to share my process. In this case, you’ll find different results from my explorations, along with a poster series bringing my favourites to life.",[],"double_media_text$4f536637-8de1-4755-b909-c03bebdb2881",{"variation":97,"version":98,"items":1796,"primary":1797,"id":1806,"slice_type":155,"slice_label":5},[],{"media_group":1798,"content":1805,"align":138},[1799,1802],{"image":1800,"vimeo_file_link":1801,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097010788/rendition/1080p/file.mp4?loc=external&log_user=0&signature=576406b859fd12602b76c95e269049cf12770430c230e83c5bf09a09b781df77",{"image":1803,"vimeo_file_link":1804,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097010757/rendition/1080p/file.mp4?loc=external&log_user=0&signature=6a7b432c459172dcd60156c841593bb44908499948b5259cb1ee82757ba8ad87",[],"double_media_text$a255ae83-6849-4e3b-bfc0-e07f21847fda",{"variation":97,"version":98,"items":1808,"primary":1809,"id":1818,"slice_type":155,"slice_label":5},[],{"media_group":1810,"content":1817,"align":138},[1811,1814],{"image":1812,"vimeo_file_link":1813,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097010769/rendition/1080p/file.mp4?loc=external&log_user=0&signature=a78fb38db0fe214264737c4fba9a80d00139f5705a1144565b244d11ad334f38",{"image":1815,"vimeo_file_link":1816,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097010719/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bafcef30603e98fda8f6c73f366170366364220b1984165545542c3acf029656",[],"double_media_text$bc5b041e-6756-4bc1-a2b6-2a028eb93af3",{"variation":97,"version":98,"items":1820,"primary":1821,"id":1849,"slice_type":222,"slice_label":5},[],{"code_example":1822,"resources":1823},[],[1824,1832,1841,1845],{"resource":1825},{"id":1826,"type":185,"tags":1827,"lang":13,"slug":1828,"first_publication_date":1829,"last_publication_date":1829,"uid":1830,"link_type":36,"key":1831,"isBroken":38},"aIytkxIAACEAUE1T",[],"cc-55-mathematical-rose-patterns","2025-08-01T12:05:41+0000","mathematical-rose-patterns","d9bc0d6e-5801-4c4e-b886-09451a9bca86",{"resource":1833},{"id":1834,"type":185,"tags":1835,"lang":13,"slug":1836,"first_publication_date":1837,"last_publication_date":1838,"uid":1839,"link_type":36,"key":1840,"isBroken":38},"aIytPhIAACEAUEzH",[],"mathematical-rose-wiki","2025-08-01T12:04:16+0000","2025-08-01T12:05:49+0000","mathematical-roses","9e7205a2-d9f3-4f3d-8424-91f6110ec7e9",{"resource":1842},{"id":207,"type":185,"tags":1843,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":1844,"isBroken":38},[],"fdd43a0f-6262-4489-8aa9-e85727db0298",{"resource":1846},{"id":215,"type":185,"tags":1847,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":1848,"isBroken":38},[],"e2c6c613-aada-495a-94a1-3417b7c98f75","resources$df85dcf2-af08-4372-afaf-2c99e8cbbe4c",{},{"id":1852,"uid":1853,"url":5,"type":78,"href":1854,"tags":1855,"first_publication_date":1856,"last_publication_date":1857,"slugs":1858,"linked_documents":1859,"lang":13,"alternate_languages":1860,"data":1861},"aEiLuxAAAB8Apnv6","ode-to-mandelbrot","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aEiLuxAAAB8Apnv6%22%29+%5D%5D",[],"2025-06-10T19:47:11+0000","2025-08-01T13:23:03+0000",[1853],[],[],{"title":1862,"thumb":1863,"vimeo_file_link":5,"use_media":277,"aspect_ratio":251,"tags":1869,"slices":1871,"meta_title":5,"meta_description":5,"meta_image":1983},"Ode to Mandelbrot",{"dimensions":1864,"alt":5,"copyright":5,"url":1866,"id":1867,"edit":1868},{"width":1865,"height":1865},3000,"https://images.prismic.io/mvds/aEiLb7NJEFaPX19A_three_posters.jpg?auto=format,compress","aEiLb7NJEFaPX19A",{"x":25,"y":25,"zoom":26,"background":27},[1870],{"tag":600},[1872,1883,1908,1920,1936],{"variation":97,"version":98,"items":1873,"primary":1874,"id":1882,"slice_type":114,"slice_label":5},[],{"title_rows":1875},[1876,1878,1880],{"title":1877,"align":104},"Ode to",{"title":1879,"align":110},"Benoît",{"title":1881,"align":107},"Mandelbrot","editorial_hero$d5ff2582-64a3-45b8-aeaa-ccd49fdb5c04",{"variation":116,"version":98,"items":1884,"primary":1885,"id":1907,"slice_type":138,"slice_label":5},[],{"media":1886,"vimeo_file_link":5,"use_media":277,"content":1891,"align":128,"details":1895,"live_tool":1898},{"dimensions":1887,"alt":5,"copyright":5,"url":1888,"id":1889,"edit":1890},{"width":271,"height":272},"https://images.prismic.io/mvds/aF7tMHfc4bHWizPI_three_posters.jpg?auto=format,compress","aF7tMHfc4bHWizPI",{"x":25,"y":25,"zoom":26,"background":27},[1892],{"type":124,"text":1893,"spans":1894,"direction":127},"This project is from the week I discovered the Mandelbrot set. I was completely blown away by this. This arose from an experiment where I use the Mandelbrot set to distort type. ",[],[1896],{"property":131,"value":1897},"June 2023",[1899],{"body":1900,"link":1903},[1901],{"type":124,"text":630,"spans":1902,"direction":127},[],{"link_type":65,"key":1904,"url":1905,"target":68,"text":1906},"3d896ff9-0486-48bf-99ef-5d5c3b387e31","https://mikevandersanden.com/tools/mandelbrot/","Visite live tool","media_text$9ebc8894-32f8-4b25-baaf-b6af5edf6b54",{"variation":97,"version":98,"items":1909,"primary":1910,"id":1919,"slice_type":155,"slice_label":5},[],{"media_group":1911,"content":1918,"align":153},[1912,1915],{"image":1913,"vimeo_file_link":1914,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097014806/rendition/1440p/file.mp4?loc=external&log_user=0&signature=ada7f4f3ecfc501a66ce23725ae1d3d32304c78d3e4bae27e907d3b333e48acb",{"image":1916,"vimeo_file_link":1917,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097014782/rendition/2160p/file.mp4?loc=external&log_user=0&signature=7accf1eef356bb23b486fd844d764e45901f1da70ccf28dab4dfb948f2eb4b88",[],"double_media_text$654024de-ac11-4921-a263-eda662eeb3f5",{"variation":97,"version":98,"items":1921,"primary":1922,"id":1935,"slice_type":155,"slice_label":5},[],{"media_group":1923,"content":1934,"align":138},[1924,1931],{"image":1925,"vimeo_file_link":5,"use_media":277},{"dimensions":1926,"alt":5,"copyright":5,"url":1928,"id":1929,"edit":1930},{"width":1927,"height":1125},2001,"https://images.prismic.io/mvds/aF7t03fc4bHWizPO_poster.jpg?auto=format,compress","aF7t03fc4bHWizPO",{"x":25,"y":25,"zoom":26,"background":27},{"image":1932,"vimeo_file_link":1933,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097014823/rendition/2160p/file.mp4?loc=external&log_user=0&signature=299ae51a636cdf4f80804b0e1180c622452b3bb004f968adc06fc60404f85998",[],"double_media_text$eb335595-1435-45fe-a692-1adba44f112d",{"variation":97,"version":98,"items":1937,"primary":1938,"id":1982,"slice_type":222,"slice_label":5},[],{"code_example":1939,"resources":1940},[],[1941,1948,1955,1962,1970,1974,1978],{"resource":1942},{"id":1943,"type":185,"tags":1944,"lang":13,"slug":1945,"first_publication_date":1946,"last_publication_date":1946,"uid":1945,"link_type":36,"key":1947,"isBroken":38},"aIy98RIAACAAUGgZ",[],"whats-so-special-about-the-mandelbrot-set","2025-08-01T13:20:09+0000","a77fe915-8475-458e-b18e-9ccd13292967",{"resource":1949},{"id":1950,"type":185,"tags":1951,"lang":13,"slug":1952,"first_publication_date":1953,"last_publication_date":1953,"uid":1952,"link_type":36,"key":1954,"isBroken":38},"aIy_KxIAACEAUGoP",[],"the-mandelbrot-set","2025-08-01T13:21:32+0000","dc514d87-0717-416b-b56c-6a4ab38b85e3",{"resource":1956},{"id":1957,"type":185,"tags":1958,"lang":13,"slug":1959,"first_publication_date":1960,"last_publication_date":1960,"uid":1959,"link_type":36,"key":1961,"isBroken":38},"aIy_pBIAACAAUGrW",[],"cc-21-mandelbrot-set","2025-08-01T13:22:45+0000","af49c07e-caa6-406e-bee0-5f2318a4909b",{"resource":1963},{"id":1964,"type":185,"tags":1965,"lang":13,"slug":1966,"first_publication_date":1967,"last_publication_date":1967,"uid":1968,"link_type":36,"key":1969,"isBroken":38},"aIy9cRIAAB8AUGdZ",[],"pp-fraktion-sans-font","2025-08-01T13:13:23+0000","pangram-pangram","37a5da61-b5eb-4dcc-9560-7d19e407e273",{"resource":1971},{"id":207,"type":185,"tags":1972,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":1973,"isBroken":38},[],"e9a2cf55-25ee-4200-9808-befc09c99854",{"resource":1975},{"id":199,"type":185,"tags":1976,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":1977,"isBroken":38},[],"3b5aae91-299c-4404-aac3-f8152ae55058",{"resource":1979},{"id":215,"type":185,"tags":1980,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":1981,"isBroken":38},[],"3b770b90-42e3-4061-bc75-fa471fc271d4","resources$42194214-cca9-4d13-9b63-cb40059016e4",{},{"id":1985,"uid":1986,"url":5,"type":78,"href":1987,"tags":1988,"first_publication_date":1989,"last_publication_date":1990,"slugs":1991,"linked_documents":1993,"lang":13,"alternate_languages":1994,"data":1995},"aG5bJBAAACAAa8om","36-days-of-type-is-a-project-that-invites-designer","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aG5bJBAAACAAa8om%22%29+%5D%5D",[],"2025-07-09T12:09:53+0000","2025-08-01T12:59:51+0000",[1992],"36-days-of-type-2023",[],[],{"title":1996,"thumb":1997,"vimeo_file_link":1998,"use_media":90,"aspect_ratio":91,"tags":1999,"slices":2000,"meta_title":5,"meta_description":5,"meta_image":2090},"36 Days of Type 2023",{},"https://player.vimeo.com/progressive_redirect/playback/1099953190/rendition/1080p/file.mp4?loc=external&log_user=0&signature=38f73d3d04ec56976f5df2a394db9546cd5c4f510cf9f1b8ce1a57a6c46af98c",[],[2001,2012,2032,2053,2062,2072],{"variation":97,"version":98,"items":2002,"primary":2003,"id":2011,"slice_type":114,"slice_label":5},[],{"title_rows":2004},[2005,2007,2009],{"title":2006,"align":104},"36 days",{"title":2008,"align":107},"of type",{"title":2010,"align":107},"2023","editorial_hero$43b4d916-2237-47e2-9e3c-4e25191961ac",{"variation":715,"version":98,"items":2013,"primary":2014,"id":2031,"slice_type":155,"slice_label":5},[],{"media_group":2015,"content":2022,"details":2026,"live_tool":2030},[2016,2019],{"image":2017,"vimeo_file_link":2018,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099953412/rendition/720p/file.mp4?loc=external&log_user=0&signature=42a7f01675c448bfa6161b2dda9c31878a634f87d6b40d2d5617a0d355a8f21c",{"image":2020,"vimeo_file_link":2021,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099956406/rendition/1080p/file.mp4?loc=external&log_user=0&signature=738b314b38b1c1e2c4a363e3aee418c74aab3308c92985824e3a52bf5bdd54cd",[2023],{"type":124,"text":2024,"spans":2025,"direction":127},"36 Days of Type is a project that invites designers to express their unique interpretation of the letters and numbers of the Latin alphabet. In 2023, I participated for the second time. At this point I was just learning to use Processing. As I remembered from the first time I joined in 2022: 36 Days of Type is one of the most fun and efficient ways to learn new things. It takes many hours in a short period of time, but the amount of skill you gain is amazing, especially when you're new to something.",[],[2027,2029],{"property":131,"value":2028},"April 2023",{"property":134,"value":286},[],"double_media_text$708d9398-4b04-4f0a-b044-150624c18ffe",{"variation":97,"version":98,"items":2033,"primary":2034,"id":2052,"slice_type":155,"slice_label":5},[],{"media_group":2035,"content":2045,"align":153},[2036,2039],{"image":2037,"vimeo_file_link":2038,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1099955255/rendition/1080p/file.mp4?loc=external&log_user=0&signature=32ca244ec00f481e0e0f499564a51b0921db61a2b73cf6d85cc62fa8dd551ffb",{"image":2040,"vimeo_file_link":5,"use_media":277},{"dimensions":2041,"alt":5,"copyright":5,"url":2042,"id":2043,"edit":2044},{"width":1125,"height":1927},"https://images.prismic.io/mvds/aG5dW0MqNJQqHuGL_overview.jpg?auto=format,compress","aG5dW0MqNJQqHuGL",{"x":25,"y":25,"zoom":26,"background":27},[2046,2049],{"type":124,"text":2047,"spans":2048,"direction":127},"The plan was to create a consistent series of letters, all following the same core principle and color scheme. I worked on this technique for quite a while. The idea came from building random constructions — every layer is built randomly on top of the previous one. So every time you run it, it's different. By plotting an image of a letter onto the construction, I added maximum heights. So eventually, as the city grows, you start to see the shape of a letter.",[],{"type":124,"text":2050,"spans":2051,"direction":127},"For every building, I added a different technique to make the letter stand out from the others. Whether it was physics or a growing mesh, I figured this approach would keep things interesting enough for me to make it to the end.",[],"double_media_text$bdc1ba59-cc0a-47c0-ac28-055432467221",{"variation":482,"version":98,"items":2054,"primary":2055,"id":2061,"slice_type":138,"slice_label":5},[],{"media":2056,"vimeo_file_link":1998,"use_media":90,"content":2057,"align":128},{},[2058],{"type":124,"text":2059,"spans":2060,"direction":127},"Then I got bored. Now there was a decision to make: do I continue day after day being bored—or worse, do I break my consistent plan? With pain in every muscle of my brain, I let go of the plan. Context over consistency. Suddenly, a whole new world opened up. Best decision I could’ve made.",[],"media_text$1ed4467b-2621-4a26-8dfc-17c28367eb3b",{"variation":482,"version":98,"items":2063,"primary":2064,"id":2071,"slice_type":138,"slice_label":5},[],{"media":2065,"vimeo_file_link":2066,"use_media":90,"content":2067,"align":993},{},"https://player.vimeo.com/progressive_redirect/playback/1099953220/rendition/1080p/file.mp4?loc=external&log_user=0&signature=1e1637e85fe0c3552ebe907e36b1494b4c98d985a71a047957d9fa1a666364e6",[2068],{"type":124,"text":2069,"spans":2070,"direction":127},"I pushed myself to come up with a new idea every day, learning even faster and ending up in places I wouldn’t have expected. At this moment, I’m really embracing tools — learning how to build them cleaner, more scalable, and more reusable (which comes in handy when you need to make something new every day). What a fun project this ended up to be. Here you’ll find a collection and overview of all my tools and results.",[],"media_text$ff7a70c2-1947-48c4-a9bd-9db2ca11431c",{"variation":97,"version":98,"items":2073,"primary":2074,"id":2089,"slice_type":222,"slice_label":5},[],{"code_example":2075,"resources":2076},[],[2077,2081,2085],{"resource":2078},{"id":207,"type":185,"tags":2079,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":2080,"isBroken":38},[],"d0950645-f11b-4b1b-9790-b17db9cac367",{"resource":2082},{"id":199,"type":185,"tags":2083,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":2084,"isBroken":38},[],"71b6f291-b1aa-43c4-b18f-1392bc8a8ba6",{"resource":2086},{"id":215,"type":185,"tags":2087,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":2088,"isBroken":38},[],"43860d5f-0d74-431f-884a-8db6292550bd","resources$202e3d0a-3e9e-4133-af7d-9b290aec110b",{},{"id":2092,"uid":2093,"url":5,"type":78,"href":2094,"tags":2095,"first_publication_date":2096,"last_publication_date":2097,"slugs":2098,"linked_documents":2099,"lang":13,"alternate_languages":2100,"data":2101},"aEiMIRAAACEApnyW","morph-grid","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",[2093],[],[],{"title":2102,"thumb":2103,"vimeo_file_link":2104,"use_media":90,"aspect_ratio":251,"tags":2105,"slices":2106,"meta_title":5,"meta_description":5,"meta_image":2208},"Morph Grid",{},"https://player.vimeo.com/progressive_redirect/playback/1097121913/rendition/1080p/file.mp4?loc=external&log_user=0&signature=e5d13b0659f71cdaa6ad1e0873b7cfe4c1254285eea5cded2b3e49351ae6ceaa",[],[2107,2118,2134,2149,2158,2170,2182],{"variation":97,"version":98,"items":2108,"primary":2109,"id":2117,"slice_type":114,"slice_label":5},[],{"title_rows":2110},[2111,2113,2115],{"title":2112,"align":104},"Modifier Grid —",{"title":2114,"align":110},"An introduction",{"title":2116,"align":107},"to shaders","editorial_hero$8f1d4c66-dd97-45bc-83ec-dfdab3b73653",{"variation":116,"version":98,"items":2119,"primary":2120,"id":2133,"slice_type":138,"slice_label":5},[],{"media":2121,"vimeo_file_link":2104,"use_media":90,"content":2122,"align":128,"details":2126,"live_tool":2132},{},[2123],{"type":124,"text":2124,"spans":2125,"direction":127},"A week ago, I visited Rotterdam. When I came across the Boijmans Depot, its distorted reflection inspired me for this tool. ",[],[2127,2129],{"property":131,"value":2128},"October 2023",{"property":2130,"value":2131},"Depot photo","Ray van den Heuvel",[],"media_text$1bef7a49-36d2-4d30-b8fd-f33af12209e4",{"variation":97,"version":98,"items":2135,"primary":2136,"id":2148,"slice_type":155,"slice_label":5},[],{"media_group":2137,"content":2147,"align":138},[2138,2144],{"image":2139,"vimeo_file_link":5,"use_media":277},{"dimensions":2140,"alt":5,"copyright":5,"url":2141,"id":2142,"edit":2143},{"width":245,"height":246},"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":2145,"vimeo_file_link":2146,"use_media":90},{},"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",{"variation":97,"version":98,"items":2150,"primary":2151,"id":2157,"slice_type":355,"slice_label":5},[],{"label":2152,"body":2153,"show_logo":5},"Graphic variations",[2154],{"type":124,"text":2155,"spans":2156,"direction":127},"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",{"variation":97,"version":98,"items":2159,"primary":2160,"id":2169,"slice_type":155,"slice_label":5},[],{"media_group":2161,"content":2168,"align":138},[2162,2165],{"image":2163,"vimeo_file_link":2164,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097122562/rendition/540p/file.mp4?loc=external&log_user=0&signature=dca233bf61ce7d3705fcd9dc5c218e1d3dd9afe6257b19ae160a820542c2b5bc",{"image":2166,"vimeo_file_link":2167,"use_media":90},{},"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":97,"version":98,"items":2171,"primary":2172,"id":2181,"slice_type":155,"slice_label":5},[],{"media_group":2173,"content":2180,"align":153},[2174,2177],{"image":2175,"vimeo_file_link":2176,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097122610/rendition/1080p/file.mp4?loc=external&log_user=0&signature=041d75524bb588cccf5116285d539ae78a2a62f960c55084e2b398d772d956c0",{"image":2178,"vimeo_file_link":2179,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1097122597/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bcd81f403a2e808c701a3af923ca14e29e050cde14bcde83f1c4d88b4bf4fc00",[],"double_media_text$592a02f6-2cd7-4584-bb79-5e9196a35485",{"variation":97,"version":98,"items":2183,"primary":2184,"id":2207,"slice_type":222,"slice_label":5},[],{"code_example":2185,"resources":2186},[],[2187,2191,2195,2199,2203],{"resource":2188},{"id":675,"type":185,"tags":2189,"lang":13,"slug":677,"first_publication_date":678,"last_publication_date":678,"uid":677,"link_type":36,"key":2190,"isBroken":38},[],"df6bcd84-af89-4644-83f5-8cbff4c06a2e",{"resource":2192},{"id":207,"type":185,"tags":2193,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":2194,"isBroken":38},[],"ef33dad6-7174-4246-a8f7-dac6891959fc",{"resource":2196},{"id":199,"type":185,"tags":2197,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":2198,"isBroken":38},[],"96581543-efc1-47d5-92fe-078e83ec0517",{"resource":2200},{"id":215,"type":185,"tags":2201,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":2202,"isBroken":38},[],"2517596b-3b61-4ca5-968a-36e292c4d375",{"resource":2204},{"id":1605,"type":185,"tags":2205,"lang":13,"slug":1607,"first_publication_date":1608,"last_publication_date":1609,"uid":1610,"link_type":36,"key":2206,"isBroken":38},[],"c7347219-7dd8-4606-ae50-ba0a990b2878","resources$8f17e234-7f55-49b8-8b8d-91c728b8275b",{},{"id":2210,"uid":2211,"url":5,"type":78,"href":2212,"tags":2213,"first_publication_date":2214,"last_publication_date":2215,"slugs":2216,"linked_documents":2218,"lang":13,"alternate_languages":2219,"data":2220},"aKywHhIAACIAwp8C","128kb-is-a-framework-for-creative-coding-within-bo","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",[2217],"128kb-challenge",[],[],{"title":2221,"thumb":2222,"vimeo_file_link":2223,"use_media":90,"aspect_ratio":91,"tags":2224,"slices":2227,"meta_title":5,"meta_description":5,"meta_image":2310},"128kb Challenge",{},"https://player.vimeo.com/progressive_redirect/playback/1112990068/rendition/540p/file.mp4?loc=external&log_user=0&signature=e19f505ce032d73410331fc66d490074ccf1fd19b8d8ee57dba002cebc98d2bc",[2225],{"tag":2226},"code example",[2228,2239,2274,2292],{"variation":97,"version":98,"items":2229,"primary":2230,"id":2238,"slice_type":114,"slice_label":5},[],{"title_rows":2231},[2232,2234,2236],{"title":2233,"align":104},"TRCC",{"title":2235,"align":110},"128kb",{"title":2237,"align":107},"challenge","editorial_hero$fa6d8bee-868d-4f58-be5b-75aba9e76d4a",{"variation":116,"version":98,"items":2240,"primary":2241,"id":2273,"slice_type":138,"slice_label":5},[],{"media":2242,"vimeo_file_link":2243,"use_media":90,"content":2244,"align":128,"details":2265,"live_tool":2272},{},"https://player.vimeo.com/progressive_redirect/playback/1112989728/rendition/1080p/file.mp4?loc=external&log_user=0&signature=f8c172655b329605b7ca9528d7c1324d813a3d44680b54277a8a6b628fe45a7b",[2245,2257],{"type":124,"text":2246,"spans":2247,"direction":127},"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?",[2248,2252],{"start":25,"end":2249,"type":731,"data":2250},5,{"link_type":65,"url":2251,"target":68},"https://128kb.timrodenbroeker.de/",{"start":2253,"end":2254,"type":731,"data":2255},136,151,{"link_type":65,"url":2256,"target":68},"https://timrodenbroeker.de/",{"type":124,"text":2258,"spans":2259,"direction":127},"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. ",[2260],{"start":2261,"end":2262,"type":731,"data":2263},129,144,{"link_type":65,"url":2264,"target":68},"https://128kb.timrodenbroeker.de/submissions/flow/",[2266,2268,2271],{"property":131,"value":2267},"April 2024",{"property":2269,"value":2270},"Project","128kb by Tim Rodenbröker",{"property":134,"value":286},[],"media_text$b9b38712-05e2-483b-b773-a06b55944c81",{"variation":97,"version":98,"items":2275,"primary":2276,"id":2291,"slice_type":155,"slice_label":5},[],{"media_group":2277,"content":2284,"align":153},[2278,2281],{"image":2279,"vimeo_file_link":2280,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1112989755/rendition/720p/file.mp4?loc=external&log_user=0&signature=ecd72217ec419e1288852a3c280f67da1e56b6d7efc1f31d24e146d8fc5edf5e",{"image":2282,"vimeo_file_link":2283,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1112989925/rendition/720p/file.mp4?loc=external&log_user=0&signature=66f6ffe64812e617b652a0a0cd82b90ac365d534845957d2d8c4527630518601",[2285,2288],{"type":124,"text":2286,"spans":2287,"direction":127},"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":124,"text":2289,"spans":2290,"direction":127},"Attentive viewers might also notice that this is the piece responsible for the footer of this website.",[],"double_media_text$2bdef71a-d3a5-483d-ad08-3ad253ea09a3",{"variation":97,"version":98,"items":2293,"primary":2294,"id":2309,"slice_type":222,"slice_label":5},[],{"code_example":2295,"resources":2300},[2296],{"description":176,"link":2297},{"link_type":65,"key":2298,"url":2299,"target":68,"text":376},"38256f81-edc9-40e5-8ecc-6ec202d95eaf","/examples/mvds_128kb_flow.zip",[2301,2305],{"resource":2302},{"id":207,"type":185,"tags":2303,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":2304,"isBroken":38},[],"9b61df7f-8efe-4f36-8e21-993bbd4074fb",{"resource":2306},{"id":199,"type":185,"tags":2307,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":2308,"isBroken":38},[],"f8b3b3e0-adce-4129-826c-55c9c9e85ab2","resources$50e13fc6-91c5-44d3-bc56-fe33c40453e6",{},{"id":2312,"uid":2313,"url":5,"type":78,"href":2314,"tags":2315,"first_publication_date":2316,"last_publication_date":2317,"slugs":2318,"linked_documents":2319,"lang":13,"alternate_languages":2320,"data":2321},"aFvt4xEAACUAEkfX","a-poster-about-birds","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aFvt4xEAACUAEkfX%22%29+%5D%5D",[],"2025-06-25T12:40:41+0000","2025-08-01T18:27:53+0000",[2313],[],[],{"title":2322,"thumb":2323,"vimeo_file_link":5,"use_media":277,"aspect_ratio":91,"tags":2329,"slices":2330,"meta_title":5,"meta_description":5,"meta_image":2446},"A poster about birds",{"dimensions":2324,"alt":5,"copyright":5,"url":2326,"id":2327,"edit":2328},{"width":2325,"height":1124},1280,"https://images.prismic.io/mvds/aG5pGUMqNJQqHuNl_post02.jpg?auto=format,compress","aG5pGUMqNJQqHuNl",{"x":25,"y":25,"zoom":26,"background":27},[],[2331,2342,2359,2368,2391,2409],{"variation":97,"version":98,"items":2332,"primary":2333,"id":2341,"slice_type":114,"slice_label":5},[],{"title_rows":2334},[2335,2337,2339],{"title":2336,"align":104},"This is",{"title":2338,"align":110},"a poster",{"title":2340,"align":107},"about birds","editorial_hero$63e14085-66eb-4217-be68-1955bee20e55",{"variation":116,"version":98,"items":2343,"primary":2344,"id":2358,"slice_type":138,"slice_label":5},[],{"media":2345,"vimeo_file_link":2346,"use_media":90,"content":2347,"align":128,"details":2351,"live_tool":2357},{},"https://player.vimeo.com/progressive_redirect/playback/1096241497/rendition/1080p/file.mp4?loc=external&log_user=0&signature=2185940b097e2278a420aec0f27e70f3732f428628304152709e112540ead3d0",[2348],{"type":124,"text":2349,"spans":2350,"direction":127},"A poster about birds.",[],[2352,2353,2356],{"property":134,"value":286},{"property":2354,"value":2355},"Riso print","De Kijm & Zonen, The Hague (NL)",{"property":288,"value":940},[],"media_text$61f6168f-2d7e-4203-957c-6a96b25f67a3",{"variation":97,"version":98,"items":2360,"primary":2361,"id":2367,"slice_type":355,"slice_label":5},[],{"label":2362,"body":2363,"show_logo":5},"An actual poster",[2364],{"type":124,"text":2365,"spans":2366,"direction":127},"We thought it would be fun to experiment with Riso. It was something I had never done before and had been high on my wish list. I love the effect when multiple flocks multiply and interact with one another.",[],"single_text$4899c275-4069-4415-a196-8584720323d0",{"variation":97,"version":98,"items":2369,"primary":2370,"id":2390,"slice_type":155,"slice_label":5},[],{"media_group":2371,"content":2384,"align":153},[2372,2378],{"image":2373,"vimeo_file_link":5,"use_media":277},{"dimensions":2374,"alt":5,"copyright":5,"url":2375,"id":2376,"edit":2377},{"width":2325,"height":1124},"https://images.prismic.io/mvds/aFvtOnfc4bHWitjT_post04.jpg?auto=format,compress","aFvtOnfc4bHWitjT",{"x":25,"y":25,"zoom":26,"background":27},{"image":2379,"vimeo_file_link":5,"use_media":277},{"dimensions":2380,"alt":5,"copyright":5,"url":2381,"id":2382,"edit":2383},{"width":2325,"height":1124},"https://images.prismic.io/mvds/aFvtTXfc4bHWitjV_post03.jpg?auto=format,compress","aFvtTXfc4bHWitjV",{"x":25,"y":25,"zoom":26,"background":27},[2385,2387],{"type":124,"text":2354,"spans":2386,"direction":127},[],{"type":124,"text":2388,"spans":2389,"direction":127},"A2 Metapaper extra rough / White 150grs.\nFluorescent Red x Blue",[],"double_media_text$d289eeb9-dbca-4156-a0ee-5596ef2e2f1a",{"variation":97,"version":98,"items":2392,"primary":2393,"id":2408,"slice_type":155,"slice_label":5},[],{"media_group":2394,"content":2407,"align":138},[2395,2401],{"image":2396,"vimeo_file_link":5,"use_media":277},{"dimensions":2397,"alt":5,"copyright":5,"url":2398,"id":2399,"edit":2400},{"width":2325,"height":1124},"https://images.prismic.io/mvds/aFvutHfc4bHWitkA_post01.jpg?auto=format,compress","aFvutHfc4bHWitkA",{"x":25,"y":25,"zoom":26,"background":27},{"image":2402,"vimeo_file_link":5,"use_media":277},{"dimensions":2403,"alt":5,"copyright":5,"url":2404,"id":2405,"edit":2406},{"width":2325,"height":1124},"https://images.prismic.io/mvds/aFvuvHfc4bHWitkG_post02.jpg?auto=format,compress","aFvuvHfc4bHWitkG",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$ad496dcb-c24d-47b1-bc7f-794fa0c5b518",{"variation":97,"version":98,"items":2410,"primary":2411,"id":2445,"slice_type":222,"slice_label":5},[],{"code_example":2412,"resources":2413},[],[2414,2418,2425,2429,2433,2437],{"resource":2415},{"id":857,"type":185,"tags":2416,"lang":13,"slug":859,"first_publication_date":860,"last_publication_date":860,"uid":859,"link_type":36,"key":2417,"isBroken":38},[],"b3fc1c50-2ef9-49c7-b5e1-54d1ff17ff52",{"resource":2419},{"id":2420,"type":185,"tags":2421,"lang":13,"slug":2422,"first_publication_date":2423,"last_publication_date":2423,"uid":2422,"link_type":36,"key":2424,"isBroken":38},"aIyqnRIAACIAUEjC",[],"boids","2025-08-01T11:53:02+0000","7b3686a4-08db-443a-8cde-0a712c0da52e",{"resource":2426},{"id":207,"type":185,"tags":2427,"lang":13,"slug":209,"first_publication_date":210,"last_publication_date":211,"uid":209,"link_type":36,"key":2428,"isBroken":38},[],"075db746-11e5-4891-8934-f9b93587e2c6",{"resource":2430},{"id":199,"type":185,"tags":2431,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":2432,"isBroken":38},[],"7cd35b75-2485-4465-b5c9-ccd8ac649c6e",{"resource":2434},{"id":215,"type":185,"tags":2435,"lang":13,"slug":217,"first_publication_date":218,"last_publication_date":219,"uid":217,"link_type":36,"key":2436,"isBroken":38},[],"cc5297a2-f22a-40dd-9522-0ad06f5e4c3f",{"resource":2438},{"id":2439,"type":185,"tags":2440,"lang":13,"slug":2441,"first_publication_date":2442,"last_publication_date":2442,"uid":2443,"link_type":36,"key":2444,"isBroken":38},"aIyu1xIAACEAUE9I",[],"t1-korium-font","2025-08-01T12:11:04+0000","t1-korium","e2ec4c62-5d7f-4ada-abcf-78463effa295","resources$cdb1bb92-91f9-4293-a90f-bf97c75390f1",{},{"id":2448,"uid":2449,"url":5,"type":78,"href":2450,"tags":2451,"first_publication_date":2452,"last_publication_date":2453,"slugs":2454,"linked_documents":2456,"lang":13,"alternate_languages":2457,"data":2458},"aG59exAAACIAbAIk","i-built-a-small-application-in-p5.js-that-uses-the","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aG59exAAACIAbAIk%22%29+%5D%5D",[],"2025-07-09T14:33:52+0000","2025-08-01T13:28:41+0000",[2455],"window-communication",[],[],{"title":2459,"thumb":2460,"vimeo_file_link":5,"use_media":277,"aspect_ratio":91,"tags":2465,"slices":2466,"meta_title":5,"meta_description":5,"meta_image":2544},"Window communication",{"dimensions":2461,"alt":5,"copyright":5,"url":2462,"id":2463,"edit":2464},{"width":245,"height":246},"https://images.prismic.io/mvds/aG58i0MqNJQqHuZZ_image2.jpg?auto=format,compress","aG58i0MqNJQqHuZZ",{"x":25,"y":25,"zoom":26,"background":27},[],[2467,2480,2498,2513,2523],{"variation":97,"version":98,"items":2468,"primary":2469,"id":2479,"slice_type":114,"slice_label":5},[],{"title_rows":2470},[2471,2473,2475,2477],{"title":2472,"align":104},"Motion through",{"title":2474,"align":107},"multiple",{"title":2476,"align":110},"browser",{"title":2478,"align":107},"windows","editorial_hero$679b65fc-afe7-4446-ae60-3b9c6b62b894",{"variation":116,"version":98,"items":2481,"primary":2482,"id":2497,"slice_type":138,"slice_label":5},[],{"media":2483,"vimeo_file_link":2484,"use_media":90,"content":2485,"align":128,"details":2492,"live_tool":2496},{},"https://player.vimeo.com/progressive_redirect/playback/1100002323/rendition/1080p/file.mp4?loc=external&log_user=0&signature=3bf2ba5cf57b398664ce029eee31bbd0e6a440a93878e82bffccfecfdf698682",[2486,2489],{"type":124,"text":2487,"spans":2488,"direction":127},"I built a small application in P5.js that uses the JavaScript window object to enable interaction between multiple browser windows. To check off several items on my learning wishlist, I also used this project to integrate P5.js with TypeScript — something I had been wanting to learn for a while.",[],{"type":124,"text":2490,"spans":2491,"direction":127},"I got the idea for the browser interaction from a post by Bjørn Staal. He also shared a small Three.js example that helped me understand how the principle works. Be sure to check out his work.",[],[2493,2494],{"property":131,"value":1650},{"property":134,"value":2495},"P5js",[],"media_text$5177a51e-8a48-42b0-a2ad-285be3a8085d",{"variation":97,"version":98,"items":2499,"primary":2500,"id":2512,"slice_type":155,"slice_label":5},[],{"media_group":2501,"content":2511,"align":153},[2502,2505],{"image":2503,"vimeo_file_link":2504,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1100002249/rendition/1440p/file.mp4?loc=external&log_user=0&signature=f083c7d6d1e74318a9b10737dcb65d36fffb791da0fdacb407c0e5cb9b0fba5c",{"image":2506,"vimeo_file_link":5,"use_media":277},{"dimensions":2507,"alt":5,"copyright":5,"url":2508,"id":2509,"edit":2510},{"width":245,"height":246},"https://images.prismic.io/mvds/aG59vEMqNJQqHuak_image2.jpg?auto=format,compress","aG59vEMqNJQqHuak",{"x":25,"y":25,"zoom":26,"background":27},[],"double_media_text$9d3303d0-a53e-4a9a-b3db-a6e963fb3008",{"variation":482,"version":98,"items":2514,"primary":2515,"id":2522,"slice_type":138,"slice_label":5},[],{"media":2516,"vimeo_file_link":2517,"use_media":90,"content":2518,"align":128},{},"https://player.vimeo.com/progressive_redirect/playback/1100002291/rendition/1080p/file.mp4?loc=external&log_user=0&signature=fef425f7682a7226555847344fbd81daca734fc9dff6abba49aa03ac953c6a01",[2519],{"type":124,"text":2520,"spans":2521,"direction":127},"I made a variation, drawing inspiration from another project I did using Mediapipe and shaders. In each window, the fingers follow a different color scheme. But since all windows are drawing to the same canvas, you end up with multiple colours in the painting.",[],"media_text$0c426368-4980-4d61-8254-ffcb252998de",{"variation":97,"version":98,"items":2524,"primary":2525,"id":2543,"slice_type":222,"slice_label":5},[],{"code_example":2526,"resources":2527},[],[2528,2535,2539],{"resource":2529},{"id":2530,"type":185,"tags":2531,"lang":13,"slug":2532,"first_publication_date":2533,"last_publication_date":2533,"uid":2532,"link_type":36,"key":2534,"isBroken":38},"aIzA9xIAACAAUG0y",[],"multiple-window-3d-scene","2025-08-01T13:28:25+0000","9275e6d3-5c4e-4059-8f41-eb59f62b8464",{"resource":2536},{"id":199,"type":185,"tags":2537,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":2538,"isBroken":38},[],"6c4165e8-7c9e-4c31-8332-c2b11608bd30",{"resource":2540},{"id":682,"type":185,"tags":2541,"lang":13,"slug":684,"first_publication_date":685,"last_publication_date":685,"uid":684,"link_type":36,"key":2542,"isBroken":38},[],"3aaed32b-cc67-49ce-8d9d-14ea27484054","resources$f428b02d-5db3-4f19-bfec-a63c501e453e",{},{"id":2546,"uid":2547,"url":5,"type":78,"href":2548,"tags":2549,"first_publication_date":2550,"last_publication_date":2551,"slugs":2552,"linked_documents":2553,"lang":13,"alternate_languages":2554,"data":2555},"aG6zohAAACIAbFbS","save-our-sound","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aG6zohAAACIAbFbS%22%29+%5D%5D",[],"2025-07-09T18:31:19+0000","2025-08-01T13:32:58+0000",[2547],[],[],{"title":2556,"thumb":2557,"vimeo_file_link":2558,"use_media":90,"aspect_ratio":1499,"tags":2559,"slices":2561,"meta_title":5,"meta_description":5,"meta_image":2700},"Save our Sound",{},"https://player.vimeo.com/progressive_redirect/playback/1100072815/rendition/1080p/file.mp4?loc=external&log_user=0&signature=d29bec64ee597a39936002ff1d770df44617878fd6558e3b15ca413259e32e6b",[2560],{"tag":600},[2562,2571,2599,2614,2633,2649,2663,2675],{"variation":97,"version":98,"items":2563,"primary":2564,"id":2570,"slice_type":114,"slice_label":5},[],{"title_rows":2565},[2566,2568],{"title":2567,"align":104},"Save our",{"title":2569,"align":110},"Sound","editorial_hero$32394564-77eb-45bc-b503-39c42a946241",{"variation":116,"version":98,"items":2572,"primary":2573,"id":2598,"slice_type":138,"slice_label":5},[],{"media":2574,"vimeo_file_link":2575,"use_media":121,"content":2576,"align":128,"details":2585,"live_tool":2590},{},"https://player.vimeo.com/progressive_redirect/playback/1100076743/rendition/1080p/file.mp4?loc=external&log_user=0&signature=61e2b570855445503a8d0e50200effa3bcc29f1834a42b8920b4af3972999d8a",[2577],{"type":124,"text":2578,"spans":2579,"direction":127},"Save Our Sound is a project for the graduation of Bas van Brandwijk. This initiative aims to raise awareness for endangered animals through a sound-based motion campaign. Animals contribute to the unique soundtrack of our planet. The project highlights the urgent need to preserve these sounds for future generations. To create an interactive experience we've developed an sound-based motion system in p5js.",[2580],{"start":2581,"end":2582,"type":731,"data":2583},50,68,{"link_type":65,"url":2584,"target":68},"https://basvanbrandwijk.com/",[2586,2588,2589],{"property":131,"value":2587},"July 2024",{"property":134,"value":2495},{"property":739,"value":1170},[2591],{"body":2592,"link":2595},[2593],{"type":124,"text":630,"spans":2594,"direction":127},[],{"link_type":65,"key":2596,"url":2597,"target":68,"text":635},"14fc84ba-ef68-4c6c-a256-c65c8dbe32cb","https://mikevandersanden.com/tools/save-our-sound/","media_text$f7a5ad0b-e193-4669-91b5-0f32fed96c97",{"variation":97,"version":98,"items":2600,"primary":2601,"id":2613,"slice_type":155,"slice_label":5},[],{"media_group":2602,"content":2609,"align":153},[2603,2606],{"image":2604,"vimeo_file_link":2605,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1100070661/rendition/1080p/file.mp4?loc=external&log_user=0&signature=10757a018d587da1b5d6b2287b17aae2d3e5fdb03cb9598f570d53ad60db7e3e",{"image":2607,"vimeo_file_link":2608,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1100070673/rendition/1080p/file.mp4?loc=external&log_user=0&signature=a0eab72b729ab3c2dec2bbab1b8337d4e76a9e4c1ec72fdacf008851de906f59",[2610],{"type":124,"text":2611,"spans":2612,"direction":127},"At first, I had no idea how to accomplish the difference effect within an interactive tool. My first guess was to work with vectors. I tried a couple of things, but as soon as the copies grew, it became slow and laggy. Then one day, I thought about using a shader — creating letters in different opacities and then calculating the number of overlaps. With an odd/even check, I could decide whether to color the pixel or not. This turned out to work very well.",[],"double_media_text$badfd67c-de9b-44c3-830d-c452056b72c8",{"variation":97,"version":98,"items":2615,"primary":2616,"id":2632,"slice_type":155,"slice_label":5},[],{"media_group":2617,"content":2628,"align":138},[2618,2621],{"image":2619,"vimeo_file_link":2620,"use_media":121},{},"https://player.vimeo.com/progressive_redirect/playback/1100072764/rendition/1080p/file.mp4?loc=external&log_user=0&signature=6ce9ce0fefec7060b7c298fd5aad9c017ba64531957b851361744d011562b735",{"image":2622,"vimeo_file_link":5,"use_media":277},{"dimensions":2623,"alt":5,"copyright":5,"url":2625,"id":2626,"edit":2627},{"width":2624,"height":2624},1200,"https://images.prismic.io/mvds/aG62JkMqNJQqHu2d_bas_mike.jpg?auto=format,compress","aG62JkMqNJQqHu2d",{"x":25,"y":25,"zoom":26,"background":27},[2629],{"type":124,"text":2630,"spans":2631,"direction":127},"Through lots of remote and some physical meetings, we got closer and closer to what we had in mind. Every time we hit a milestone we would think of something new, pushing the project as far as we could. ",[],"double_media_text$b3337e8e-ec64-4412-8b89-ea7dfafaa8af",{"variation":97,"version":98,"items":2634,"primary":2635,"id":2648,"slice_type":155,"slice_label":5},[],{"media_group":2636,"content":2647,"align":153},[2637,2644],{"image":2638,"vimeo_file_link":5,"use_media":277},{"dimensions":2639,"alt":5,"copyright":5,"url":2641,"id":2642,"edit":2643},{"width":2640,"height":2640},1238,"https://images.prismic.io/mvds/aG63oUMqNJQqHu21_still.jpg?auto=format,compress","aG63oUMqNJQqHu21",{"x":25,"y":25,"zoom":26,"background":27},{"image":2645,"vimeo_file_link":2646,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1100078308/rendition/1440p/file.mp4?loc=external&log_user=0&signature=8a4caede25cd49ed822e7d84316308069d3574d3890ad40b5e2e43c6cd25ad29",[],"double_media_text$808de2b6-4ee9-49b4-afcb-bc9f2ce4ef6a",{"variation":97,"version":98,"items":2650,"primary":2651,"id":2662,"slice_type":355,"slice_label":5},[],{"label":2652,"body":2653,"show_logo":5},"Black and white",[2654],{"type":124,"text":2655,"spans":2656,"direction":127},"As a side project we made a graphic series of black and white variations. Exploring the limits of our coded type system. This eventually got featured in Slanted Publishers' Experimental Type 3",[2657],{"start":2658,"end":2659,"type":731,"data":2660},173,192,{"link_type":65,"url":2661,"target":1163},"/cases/experimental-type-3","single_text$47d300e7-509b-4017-b3cc-ed0e46238667",{"variation":97,"version":98,"items":2664,"primary":2665,"id":2674,"slice_type":155,"slice_label":5},[],{"media_group":2666,"content":2673,"align":138},[2667,2670],{"image":2668,"vimeo_file_link":2669,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1100079773/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bd50501fc4976dcf69f7b8af12462d80d0d52779c0314e33215c976975f48eea",{"image":2671,"vimeo_file_link":2672,"use_media":90},{},"https://player.vimeo.com/progressive_redirect/playback/1100079826/rendition/1440p/file.mp4?loc=external&log_user=0&signature=9fbb0d42c6dc9959ad9a85a1a180ad0a59769a7108ea5a2ee27a7d314fc0572b",[],"double_media_text$b18edf4c-bc61-47b8-bfa4-bd34a8cdd02a",{"variation":97,"version":98,"items":2676,"primary":2677,"id":2699,"slice_type":222,"slice_label":5},[],{"code_example":2678,"resources":2679},[],[2680,2684,2691,2695],{"resource":2681},{"id":675,"type":185,"tags":2682,"lang":13,"slug":677,"first_publication_date":678,"last_publication_date":678,"uid":677,"link_type":36,"key":2683,"isBroken":38},[],"e84f0817-7407-463a-bd87-6fa3a42a7b28",{"resource":2685},{"id":2686,"type":185,"tags":2687,"lang":13,"slug":2688,"first_publication_date":2689,"last_publication_date":2689,"uid":2688,"link_type":36,"key":2690,"isBroken":38},"aIynahIAAB8AUEEy",[],"tweakpane","2025-08-01T11:39:24+0000","663bd69a-d42c-4af2-865d-879417f7bc6c",{"resource":2692},{"id":199,"type":185,"tags":2693,"lang":13,"slug":201,"first_publication_date":202,"last_publication_date":202,"uid":203,"link_type":36,"key":2694,"isBroken":38},[],"db61a77c-4f0e-4d8c-b6ec-fc68a768c091",{"resource":2696},{"id":682,"type":185,"tags":2697,"lang":13,"slug":684,"first_publication_date":685,"last_publication_date":685,"uid":684,"link_type":36,"key":2698,"isBroken":38},[],"9e32c6b4-0a6c-4b7f-a00c-6d9b56e3dc30","resources$61396505-6ef3-46c9-9677-fdb37f30efc8",{},1759581900760]