[{"data":1,"prerenderedAt":386},["ShallowReactive",2],{"$sBXLId4RTz":3,"$ggEEF5xeQI":74,"resources-cc-112-3d-rendering-with-rotation-and-projection-trcc-courses-the-coding-train-getting-started-guide-processing-swiss-typefases-art-directed-mockups-mockup-maison":305},{"id":4,"uid":5,"url":5,"type":6,"href":7,"tags":8,"first_publication_date":9,"last_publication_date":10,"slugs":11,"linked_documents":12,"lang":13,"alternate_languages":14,"data":15},"aDqYsxEAACYATEhc",null,"settings","https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aDqYsxEAACYATEhc%22%29+%5D%5D",[],"2025-05-31T05:54:51+0000","2025-08-05T06:06:51+0000",[6],[],"en-us",[],{"site_title":16,"meta_description":17,"meta_image":18,"navigation":28,"footer_nav":48,"socials":63},"Mike van der Sanden","Hi, my name is Mike van der Sanden and I am a interdisciplinary designer.",{"dimensions":19,"alt":5,"copyright":5,"url":22,"id":23,"edit":24},{"width":20,"height":21},2400,1260,"https://images.prismic.io/mvds/aI4C1aTt2nPbZywB_og-image.jpg?auto=format%2Ccompress&rect=0%2C0%2C2400%2C1260&w=2400&h=1260","aI4C1aTt2nPbZywB",{"x":25,"y":25,"zoom":26,"background":27},0,1,"transparent",[29,40],{"id":30,"type":31,"tags":32,"lang":13,"slug":33,"first_publication_date":34,"last_publication_date":35,"uid":33,"link_type":36,"key":37,"isBroken":38,"text":39},"aDxwLhEAACYATt7E","page",[],"cases","2025-06-01T15:22:33+0000","2025-09-24T05:43:11+0000","Document","a5153a27-a276-4b02-a988-596963e91c73",false,"Cases",{"id":41,"type":31,"tags":42,"lang":13,"slug":43,"first_publication_date":44,"last_publication_date":45,"uid":43,"link_type":36,"key":46,"isBroken":38,"text":47},"aDsFlhEAACUATOKP",[],"about","2025-05-31T13:35:19+0000","2025-10-04T12:44:22+0000","8e831512-c797-4e48-a90a-52e0e3f29db6","About",[49,57,60],{"id":50,"type":31,"tags":51,"lang":13,"slug":52,"first_publication_date":53,"last_publication_date":54,"uid":52,"link_type":36,"key":55,"isBroken":38,"text":56},"aDsFhhEAACgATOJy",[],"home","2025-05-31T13:35:05+0000","2025-09-24T05:42:55+0000","7bc5883a-6327-499f-9e7b-51a7cbe9f1e6","Home",{"id":30,"type":31,"tags":58,"lang":13,"slug":33,"first_publication_date":34,"last_publication_date":35,"uid":33,"link_type":36,"key":59,"isBroken":38,"text":39},[],"93a6da17-52b3-455e-bc1e-74dadda5266a",{"id":41,"type":31,"tags":61,"lang":13,"slug":43,"first_publication_date":44,"last_publication_date":45,"uid":43,"link_type":36,"key":62,"isBroken":38,"text":47},[],"67de3346-dcaf-47c3-b649-fb476e54a7b5",[64,70],{"link_type":65,"key":66,"url":67,"target":68,"text":69},"Web","29ab8b70-e17b-449b-800a-8eb6e764a3fc","https://www.instagram.com/mikevdsanden/","_blank","Instagram",{"link_type":65,"key":71,"url":72,"target":68,"text":73},"2d93c469-68fa-4ffb-aab8-0208fcf01ee3","https://www.linkedin.com/in/mike-van-der-sanden-736ab2b/","LinkedIn",{"id":75,"uid":76,"url":5,"type":77,"href":78,"tags":79,"first_publication_date":80,"last_publication_date":81,"slugs":82,"linked_documents":83,"lang":13,"alternate_languages":84,"data":85},"aEh6thAAACEApmJf","living-art-lab","casestudy","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",[76],[],[],{"title":86,"thumb":87,"vimeo_file_link":5,"use_media":94,"aspect_ratio":95,"tags":96,"slices":99,"meta_title":5,"meta_description":5,"meta_image":304},"Living Art Lab",{"dimensions":88,"alt":5,"copyright":5,"url":91,"id":92,"edit":93},{"width":89,"height":90},1080,1350,"https://images.prismic.io/mvds/aEh6jLNJEFaPX13l_07_tripple_signs.jpg?auto=format,compress","aEh6jLNJEFaPX13l",{"x":25,"y":25,"zoom":26,"background":27},"image","1x1",[97],{"tag":98},"Code example",[100,114,142,157,172,184,197,215,225,237],{"variation":101,"version":102,"items":103,"primary":104,"id":112,"slice_type":113,"slice_label":5},"default","initial",[],{"title_rows":105},[106,109],{"title":107,"align":108},"Living","Left",{"title":110,"align":111},"Art Lab","Center","editorial_hero$37e160d8-d1a6-44ae-a59b-01adbccd9c87","editorial_hero",{"variation":115,"version":102,"items":116,"primary":117,"id":140,"slice_type":141,"slice_label":5},"mediaTextWithDetails",[],{"media":118,"vimeo_file_link":5,"use_media":94,"content":125,"align":131,"details":132,"live_tool":139},{"dimensions":119,"alt":5,"copyright":5,"url":122,"id":123,"edit":124},{"width":120,"height":121},2344,1874,"https://images.prismic.io/mvds/aFwxmXfc4bHWiuPn_main.jpg?auto=format,compress","aFwxmXfc4bHWiuPn",{"x":25,"y":25,"zoom":26,"background":27},[126],{"type":127,"text":128,"spans":129,"direction":130},"paragraph","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.",[],"ltr","image-text",[133,136],{"property":134,"value":135},"Published","August, 2024",{"property":137,"value":138},"Tech","Processing",[],"media_text$79b6cf2e-adce-4fd6-8cd2-3c0c81e16743","media_text",{"variation":101,"version":102,"items":143,"primary":144,"id":155,"slice_type":156,"slice_label":5},[],{"media_group":145,"content":153,"align":154},[146,150],{"image":147,"vimeo_file_link":148,"use_media":149},{},"https://player.vimeo.com/progressive_redirect/playback/1096330341/rendition/1080p/file.mp4?loc=external&log_user=0&signature=510b67dd1f7c95a55aa1cabc24829368e40372a49c10612f0aa9f35fcfc77a85","vimeo",{"image":151,"vimeo_file_link":152,"use_media":149},{},"https://player.vimeo.com/progressive_redirect/playback/1096330365/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b9f6771725004641baeba6d5d739f2ff824cd789c29477f4d879dcf548360a75",[],"text_media","double_media_text$5d239b6b-7841-4bda-afbb-ddd11467ceca","double_media_text",{"variation":101,"version":102,"items":158,"primary":159,"id":171,"slice_type":156,"slice_label":5},[],{"media_group":160,"content":170,"align":141},[161,167],{"image":162,"vimeo_file_link":5,"use_media":94},{"dimensions":163,"alt":5,"copyright":5,"url":164,"id":165,"edit":166},{"width":89,"height":90},"https://images.prismic.io/mvds/aFwyGXfc4bHWiuPu_03_billboard.jpg?auto=format,compress","aFwyGXfc4bHWiuPu",{"x":25,"y":25,"zoom":26,"background":27},{"image":168,"vimeo_file_link":169,"use_media":149},{},"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":101,"version":102,"items":173,"primary":174,"id":183,"slice_type":156,"slice_label":5},[],{"media_group":175,"content":182,"align":154},[176,179],{"image":177,"vimeo_file_link":178,"use_media":149},{},"https://player.vimeo.com/progressive_redirect/playback/1096330263/rendition/1080p/file.mp4?loc=external&log_user=0&signature=96a02af5203c7cd6dbe67399940f9eeaad3759493604cf3dfb351bae9592b241",{"image":180,"vimeo_file_link":181,"use_media":149},{},"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":185,"version":102,"items":186,"primary":187,"id":196,"slice_type":141,"slice_label":5},"image_left_text_right",[],{"media":188,"vimeo_file_link":5,"use_media":94,"content":195,"align":131},{"dimensions":189,"alt":5,"copyright":5,"url":192,"id":193,"edit":194},{"width":190,"height":191},2560,2048,"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":101,"version":102,"items":198,"primary":199,"id":214,"slice_type":156,"slice_label":5},[],{"media_group":200,"content":210,"align":141},[201,204],{"image":202,"vimeo_file_link":203,"use_media":149},{},"https://player.vimeo.com/progressive_redirect/playback/1096330276/rendition/1080p/file.mp4?loc=external&log_user=0&signature=083f08bdca9c7830a07e627972518a692c31858646ec6d13f030e0585ef4793a",{"image":205,"vimeo_file_link":5,"use_media":94},{"dimensions":206,"alt":5,"copyright":5,"url":207,"id":208,"edit":209},{"width":89,"height":90},"https://images.prismic.io/mvds/aFwxFnfc4bHWiuPb_06_inside.jpg?auto=format,compress","aFwxFnfc4bHWiuPb",{"x":25,"y":25,"zoom":26,"background":27},[211],{"type":127,"text":212,"spans":213,"direction":130},"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":101,"version":102,"items":216,"primary":217,"id":223,"slice_type":224,"slice_label":5},[],{"label":218,"body":219,"show_logo":5},"Marble explorations",[220],{"type":127,"text":221,"spans":222,"direction":130},"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","single_text",{"variation":101,"version":102,"items":226,"primary":227,"id":236,"slice_type":156,"slice_label":5},[],{"media_group":228,"content":235,"align":141},[229,232],{"image":230,"vimeo_file_link":231,"use_media":149},{},"https://player.vimeo.com/progressive_redirect/playback/1099996792/rendition/1080p/file.mp4?loc=external&log_user=0&signature=711e8dc0f8c53a88c2e252840ef3a5e48c4c27e06c6c7ad0dac46f3d773fb1d6",{"image":233,"vimeo_file_link":234,"use_media":149},{},"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":101,"version":102,"items":238,"primary":239,"id":302,"slice_type":303,"slice_label":5},[],{"code_example":240,"resources":247},[241],{"description":242,"link":243},"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":244,"url":245,"target":68,"text":246},"2ea13065-6440-46c6-92cf-5302034538be","/examples/mvds_marble_explorations.zip","Download code",[248,256,264,272,280,288,295],{"resource":249},{"id":250,"type":251,"tags":252,"lang":13,"slug":253,"first_publication_date":254,"last_publication_date":254,"uid":253,"link_type":36,"key":255,"isBroken":38},"aIy7IRIAACEAUGNa","resource",[],"cc-112-3d-rendering-with-rotation-and-projection","2025-08-01T13:03:32+0000","9a7d3116-c31e-4617-8384-aa9e60c01791",{"resource":257},{"id":258,"type":251,"tags":259,"lang":13,"slug":260,"first_publication_date":261,"last_publication_date":262,"uid":260,"link_type":36,"key":263,"isBroken":38},"aIyhYxIAACEAUDe8",[],"trcc-courses","2025-08-01T11:13:45+0000","2025-08-01T11:13:55+0000","d19c9d9d-ef33-43c0-8de3-c88774864574",{"resource":265},{"id":266,"type":251,"tags":267,"lang":13,"slug":268,"first_publication_date":269,"last_publication_date":269,"uid":270,"link_type":36,"key":271,"isBroken":38},"aIyv4hIAACAAUFD0",[],"getting-started-guide","2025-08-01T12:15:33+0000","the-coding-train-getting-started-guide","92b17b59-8bbb-46ef-801f-582a7196142a",{"resource":273},{"id":274,"type":251,"tags":275,"lang":13,"slug":276,"first_publication_date":277,"last_publication_date":278,"uid":276,"link_type":36,"key":279,"isBroken":38},"aIyptBIAACAAUESw",[],"processing","2025-08-01T11:49:10+0000","2025-08-01T11:50:36+0000","3d733d0e-e0d1-45d6-9215-a14d862bae74",{"resource":281},{"id":282,"type":251,"tags":283,"lang":13,"slug":284,"first_publication_date":285,"last_publication_date":285,"uid":286,"link_type":36,"key":287,"isBroken":38},"aIyvdhIAAB8AUFA7",[],"suisse-intl-font","2025-08-01T12:13:43+0000","swiss-typefases","750236c1-70c6-4769-87fc-cd7539bd13cb",{"resource":289},{"id":290,"type":251,"tags":291,"lang":13,"slug":292,"first_publication_date":293,"last_publication_date":293,"uid":292,"link_type":36,"key":294,"isBroken":38},"aIywSRIAACEAUFGV",[],"art-directed-mockups","2025-08-01T12:17:14+0000","665480f4-bfc2-4933-a856-5653f099e2b3",{"resource":296},{"id":297,"type":251,"tags":298,"lang":13,"slug":299,"first_publication_date":300,"last_publication_date":300,"uid":299,"link_type":36,"key":301,"isBroken":38},"aIywahIAACIAUFHU",[],"mockup-maison","2025-08-01T12:17:47+0000","f69d845f-3959-41e5-a724-e850b196d377","resources$777ee088-aa05-4dac-8e8a-e3fccc8ca526","resources",{},[306,318,330,341,352,364,375],{"id":250,"uid":253,"url":5,"type":251,"href":307,"tags":308,"first_publication_date":254,"last_publication_date":254,"slugs":309,"linked_documents":310,"lang":13,"alternate_languages":311,"data":312},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIy7IRIAACEAUGNa%22%29+%5D%5D",[],[253],[],[],{"label":313,"credits":314,"link":315},"CC #112: 3D Rendering with Rotation and Projection","The Coding Train",{"link_type":65,"key":316,"url":317,"target":68},"33395cf8-313b-4009-a556-7ceeb89120cd","https://thecodingtrain.com/challenges/112-3d-rendering-with-rotation-and-projection",{"id":258,"uid":260,"url":5,"type":251,"href":319,"tags":320,"first_publication_date":261,"last_publication_date":262,"slugs":321,"linked_documents":322,"lang":13,"alternate_languages":323,"data":324},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyhYxIAACEAUDe8%22%29+%5D%5D",[],[260],[],[],{"label":325,"credits":326,"link":327},"TRCC Courses","Tim Rodenbröker",{"link_type":65,"key":328,"url":329,"target":68},"2b01e781-72e6-4349-a611-dfb7f1fa1e94","https://timrodenbroeker.de/courses/",{"id":266,"uid":270,"url":5,"type":251,"href":331,"tags":332,"first_publication_date":269,"last_publication_date":269,"slugs":333,"linked_documents":334,"lang":13,"alternate_languages":335,"data":336},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyv4hIAACAAUFD0%22%29+%5D%5D",[],[268],[],[],{"label":337,"credits":314,"link":338},"Getting Started Guide",{"link_type":65,"key":339,"url":340,"target":68},"4bd07397-bd8b-4d19-97d9-2a6f8f9daca9","https://thecodingtrain.com/guides/getting-started#start-learning-and-coding!",{"id":274,"uid":276,"url":5,"type":251,"href":342,"tags":343,"first_publication_date":277,"last_publication_date":278,"slugs":344,"linked_documents":345,"lang":13,"alternate_languages":346,"data":347},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyptBIAACAAUESw%22%29+%5D%5D",[],[276],[],[],{"label":138,"credits":348,"link":349},"Ben Fry & Casey Reas",{"link_type":65,"key":350,"url":351,"target":68},"05a2beab-f65f-4b31-b3d6-3c628ae0ed1d","https://processing.org/",{"id":282,"uid":286,"url":5,"type":251,"href":353,"tags":354,"first_publication_date":285,"last_publication_date":285,"slugs":355,"linked_documents":356,"lang":13,"alternate_languages":357,"data":358},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIyvdhIAAB8AUFA7%22%29+%5D%5D",[],[284],[],[],{"label":359,"credits":360,"link":361},"Suisse Int'l font","Swiss Typefases",{"link_type":65,"key":362,"url":363,"target":68},"76eead22-bd59-4f16-ab6f-45f657bb7000","https://www.swisstypefaces.com/fonts/suisse/",{"id":290,"uid":292,"url":5,"type":251,"href":365,"tags":366,"first_publication_date":293,"last_publication_date":293,"slugs":367,"linked_documents":368,"lang":13,"alternate_languages":369,"data":370},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIywSRIAACEAUFGV%22%29+%5D%5D",[],[292],[],[],{"label":371,"credits":5,"link":372},"Art Directed Mockups",{"link_type":65,"key":373,"url":374,"target":68},"e5cffd09-5baf-45c2-9305-b7e7e851c6b8","https://artdirected.design/",{"id":297,"uid":299,"url":5,"type":251,"href":376,"tags":377,"first_publication_date":300,"last_publication_date":300,"slugs":378,"linked_documents":379,"lang":13,"alternate_languages":380,"data":381},"https://mvds.cdn.prismic.io/api/v2/documents/search?ref=aOEWphIAACIAuQ9C&q=%5B%5B%3Ad+%3D+at%28document.id%2C+%22aIywahIAACIAUFHU%22%29+%5D%5D",[],[299],[],[],{"label":382,"credits":5,"link":383},"Mockup Maison",{"link_type":65,"key":384,"url":385,"target":68},"a63af702-b952-42db-a026-500e984d40e2","https://mockup.maison/",1759581901966]