{"id":1825,"date":"2024-12-03T17:14:18","date_gmt":"2024-12-03T17:14:18","guid":{"rendered":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/?page_id=1825"},"modified":"2025-05-13T21:35:34","modified_gmt":"2025-05-13T21:35:34","slug":"visual-performance","status":"publish","type":"page","link":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/?page_id=1825","title":{"rendered":"Visual performance"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull has-custom-content-position is-position-bottom-center\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:840px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"2560\" class=\"wp-block-cover__image-background wp-image-1828\" alt=\"\" src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2024\/12\/IMG_9468-scaled.jpeg\" style=\"object-position:43% 36%\" data-object-fit=\"cover\" data-object-position=\"43% 36%\" srcset=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2024\/12\/IMG_9468-scaled.jpeg 1920w, https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2024\/12\/IMG_9468-225x300.jpeg 225w, https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2024\/12\/IMG_9468-768x1024.jpeg 768w, https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2024\/12\/IMG_9468-1152x1536.jpeg 1152w, https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2024\/12\/IMG_9468-1536x2048.jpeg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-10 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-d89aad35 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group alignwide has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-12dd3699 wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading alignwide has-text-align-left has-contrast-color has-text-color has-link-color has-xx-large-font-size wp-elements-559b755ea341caf181476927274fef1f\">Visual performance<\/h1>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure style=\"padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50)\" class=\"wp-block-video\"><video height=\"1920\" style=\"aspect-ratio: 1080 \/ 1920;\" width=\"1080\" autoplay controls loop muted src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2024\/12\/Adobe-Express-2024-12-03-18.19.20.mp4\"><\/video><\/figure>\n\n\n\n<p>Made together with Fleur Marin Roorda (<a href=\"https:\/\/www.instagram.com\/fleur.marin\/\">https:\/\/www.instagram.com\/fleur.marin\/<\/a>)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:0\">What started it?<\/h3>\n\n\n\n<p>Visual Performance was a school project that Fleur Marin and I used as a opportunity to make this effect that we had in mind for a while. This effect was inspired by the work of Peter Greenway&#8217;s artwork projecting on Leonardo&#8217;s Last Supper (<a href=\"https:\/\/www.factum-arte.com\/pag\/36\/peter-greenaway-on-leonardo-s-last-supper\">https:\/\/www.factum-arte.com\/pag\/36\/peter-greenaway-on-leonardo-s-last-supper<\/a>) <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:0\">How did we make it?<\/h3>\n\n\n\n<p>It&#8217;s a flat painting we projected light onto with a projector. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"3024\" height=\"2385\" src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2025\/05\/IMG_9467-1.jpeg\" alt=\"\" class=\"wp-image-2433\" style=\"width:431px;height:auto\"\/><\/figure>\n\n\n\n<p>The process we developed is as follows:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>We took a picture of the painting and we created a depth map and normal map using software. It looks a bit wonky but it&#8217;s not noticeable when it&#8217;s actually projected on the painting<\/li>\n\n\n\n<li>With this, we created a tessellated plane with the depth map and normal map<\/li>\n\n\n\n<li>Added this plane and a light into Unity<\/li>\n\n\n\n<li>Made the light rotate around the painting using the mouse<\/li>\n\n\n\n<li>We send the camera output of unity to Resolume Arena to map it onto the painting <\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1476\" src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2025\/05\/IMG_9418-1.jpeg\" alt=\"\" class=\"wp-image-2436\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1476\" src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2025\/05\/Painting_OriginalDepthMap.png\" alt=\"\" class=\"wp-image-2434\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"1476\" src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2025\/05\/NormalMap-2.png\" alt=\"\" class=\"wp-image-2435\"\/><\/figure>\n<\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"462\" height=\"539\" data-id=\"2438\" src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2025\/05\/3dPlaneGif.gif\" alt=\"\" class=\"wp-image-2438\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"347\" height=\"414\" data-id=\"2440\" src=\"https:\/\/studentpress.hku.nl\/ischa.westerveld\/wp-content\/uploads\/2025\/05\/3dPlaneGif_2.gif\" alt=\"\" class=\"wp-image-2440\"\/><\/figure>\n<\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Made together with Fleur Marin Roorda (https:\/\/www.instagram.com\/fleur.marin\/) What started it? Visual Performance was a school project that Fleur Marin and I used as a opportunity to make this effect that we had in mind for a while. This effect was inspired by the work of Peter Greenway&#8217;s artwork projecting on Leonardo&#8217;s Last Supper (https:\/\/www.factum-arte.com\/pag\/36\/peter-greenaway-on-leonardo-s-last-supper) How [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1828,"parent":1925,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1825","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/pages\/1825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1825"}],"version-history":[{"count":17,"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/pages\/1825\/revisions"}],"predecessor-version":[{"id":2442,"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/pages\/1825\/revisions\/2442"}],"up":[{"embeddable":true,"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/pages\/1925"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=\/wp\/v2\/media\/1828"}],"wp:attachment":[{"href":"https:\/\/studentpress.hku.nl\/ischa.westerveld\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}