[{"data":1,"prerenderedAt":178},["ShallowReactive",2],{"mdc-7k4cg-key":3,"mdc--1byxis-key":16,"mdc-3xk72h-key":25,"mdc-gcctlz-key":34,"mdc-qu9zep-key":43,"mdc--webzvu-key":52,"mdc-ipys3i-key":61},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13],{"type":14,"value":15},"text","2024",{"data":17,"body":18},{},{"type":6,"children":19},[20],{"type":9,"tag":10,"props":21,"children":22},{},[23],{"type":14,"value":24},"Franc Studio",{"data":26,"body":27},{},{"type":6,"children":28},[29],{"type":9,"tag":10,"props":30,"children":31},{},[32],{"type":14,"value":33},"Zara Coolsingel, Rotterdam",{"data":35,"body":36},{},{"type":6,"children":37},[38],{"type":9,"tag":10,"props":39,"children":40},{},[41],{"type":14,"value":42},"Programming and configuration: TouchDesigner and Python",{"data":44,"body":45},{},{"type":6,"children":46},[47],{"type":9,"tag":10,"props":48,"children":49},{},[50],{"type":14,"value":51},"Double-sided LED screen, 2 Full HD ceiling cameras and a PC with an RTX 4090",{"data":53,"body":54},{},{"type":6,"children":55},[56],{"type":9,"tag":10,"props":57,"children":58},{},[59],{"type":14,"value":60},"Visitor movement and Rotterdam's live weather",{"data":62,"body":63},{},{"type":6,"children":64},[65,85,94,101,113,138,143,161,167,172],{"type":9,"tag":10,"props":66,"children":67},{},[68,70,76,78,83],{"type":14,"value":69},"Generative Cave brings people's movement and the city's live weather into Zara's Coolsingel store in Rotterdam. Next to the fitting rooms and the tiered seating, a double-sided LED screen shows cave-like textures (reflections, erosion, grain) that never repeat. We made it at Franc Studio in late 2024, from two of the store's concepts: ",{"type":9,"tag":71,"props":72,"children":73},"strong",{},[74],{"type":14,"value":75},"Zara Athleticz",{"type":14,"value":77},", movement, and ",{"type":9,"tag":71,"props":79,"children":80},{},[81],{"type":14,"value":82},"Grotto",{"type":14,"value":84},", cave textures.",{"type":9,"tag":86,"props":87,"children":93},"media",{"alt":88,"effect":89,"src":90,"fit":91,"poster":92},"Generative textures on the LED screen","reveal","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,q_auto,w_1080\u002F24zaragc-1_h2cwbd.mp4","contain","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_2,w_1080,q_auto\u002F24zaragc-1_h2cwbd.webp",[],{"type":9,"tag":95,"props":96,"children":98},"h2",{"id":97},"my-part-the-generative-engine",[99],{"type":14,"value":100},"My part: the generative engine",{"type":9,"tag":10,"props":102,"children":103},{},[104,106,111],{"type":14,"value":105},"I programmed and configured the experience in ",{"type":9,"tag":71,"props":107,"children":108},{},[109],{"type":14,"value":110},"TouchDesigner and Python",{"type":14,"value":112},". The system blends two live inputs:",{"type":9,"tag":114,"props":115,"children":116},"ul",{},[117,128],{"type":9,"tag":118,"props":119,"children":120},"li",{},[121,126],{"type":9,"tag":71,"props":122,"children":123},{},[124],{"type":14,"value":125},"Movement.",{"type":14,"value":127}," Two ceiling cameras capture passers-by; their image becomes pixel flows and colour inference, the basis of the drawing.",{"type":9,"tag":118,"props":129,"children":130},{},[131,136],{"type":9,"tag":71,"props":132,"children":133},{},[134],{"type":14,"value":135},"Weather.",{"type":14,"value":137}," Rotterdam's live weather adjusts colour, rhythm, brightness and speed. Each type of weather (storm, rain, snow, cloud, sun) has its own palette, with a day and a night version.",{"type":9,"tag":10,"props":139,"children":140},{},[141],{"type":14,"value":142},"The challenge was balance: alive enough to add to the store's rhythm, restrained enough to blend into it. It works on two levels: ambient for people heading to the fitting rooms, and interactive for those who stop to play with it.",{"type":9,"tag":144,"props":145,"children":148},"grid",{"cols":146,"gap":147},2,"md",[149,155],{"type":9,"tag":86,"props":150,"children":154},{"alt":151,"effect":152,"src":153},"Cave texture generated in real time","bend","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fimage\u002Fupload\u002Fc_fill,g_auto,w_900,h_1200,q_auto\u002F24zaragc-0_owdzvx.webp",[],{"type":9,"tag":86,"props":156,"children":160},{"alt":157,"effect":152,"src":158,"fit":91,"poster":159},"The Zara Coolsingel facade in Rotterdam","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,q_auto,w_1080\u002F24zaragc-exterier_hw5bzf.mp4","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_2,w_1080,q_auto\u002F24zaragc-exterier_hw5bzf.webp",[],{"type":9,"tag":95,"props":162,"children":164},{"id":163},"from-prototype-to-store",[165],{"type":14,"value":166},"From prototype to store",{"type":9,"tag":10,"props":168,"children":169},{},[170],{"type":14,"value":171},"We explored the art direction with two moodboards (with people interacting and with the space empty) and built the prototype in TouchDesigner, with the live-weather mode already wired to the palettes. Then came the preparation: motion tracking, optimising the node network so a single PC (RTX 4090) could run both video inputs and all the generation, and installing the software in the store.",{"type":9,"tag":86,"props":173,"children":177},{"alt":174,"effect":89,"src":175,"fit":91,"poster":176},"The screen installed next to the seating","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,q_auto,w_1080\u002F24zaragc-instalation_xtrgd0.mp4","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_2,w_1080,q_auto\u002F24zaragc-instalation_xtrgd0.webp",[],1794317809960]