[{"data":1,"prerenderedAt":101},["ShallowReactive",2],{"mdc-ipq7qi-key":3,"mdc-tpq88g-key":16,"mdc-shu3qm-key":25,"mdc--vjggtw-key":34,"mdc--9ljznu-key":43},{"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","Franc",{"data":17,"body":18},{},{"type":6,"children":19},[20],{"type":9,"tag":10,"props":21,"children":22},{},[23],{"type":14,"value":24},"J.Franc Studio",{"data":26,"body":27},{},{"type":6,"children":28},[29],{"type":9,"tag":10,"props":30,"children":31},{},[32],{"type":14,"value":33},"2021-2022",{"data":35,"body":36},{},{"type":6,"children":37},[38],{"type":9,"tag":10,"props":39,"children":40},{},[41],{"type":14,"value":42},"Three.js, 3ds Max and Corona",{"data":44,"body":45},{},{"type":6,"children":46},[47,52,60,67,72,78,83,90,96],{"type":9,"tag":10,"props":48,"children":49},{},[50],{"type":14,"value":51},"J.Franc Studio's portfolio presents the studio's work through 3D scenes and objects, images and videos. I developed it with Franc.",{"type":9,"tag":53,"props":54,"children":59},"media",{"alt":55,"effect":56,"poster":57,"src":58},"Featured project carousel with 3D objects","reveal","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_2,w_1080,q_auto\u002Ffranc.studio-sample1-roulette.mp4-hevc-c_pjarrc.webp","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,q_auto,w_1080\u002Ffranc.studio-sample1-roulette.mp4-hevc-c_pjarrc.mp4",[],{"type":9,"tag":61,"props":62,"children":64},"h2",{"id":63},"what-it-is",[65],{"type":14,"value":66},"What it is",{"type":9,"tag":10,"props":68,"children":69},{},[70],{"type":14,"value":71},"The home page lets visitors browse projects through a real-time carousel of 3D objects. Each project opens its own page with images, the client and a description of the commission.",{"type":9,"tag":61,"props":73,"children":75},{"id":74},"the-website",[76],{"type":14,"value":77},"The website",{"type":9,"tag":10,"props":79,"children":80},{},[81],{"type":14,"value":82},"Navigation combines a WebGL scene with the portfolio content: the objects rotate and respond to movement, and each project opens its own entry with images and videos.",{"type":9,"tag":53,"props":84,"children":89},{"alt":85,"effect":86,"poster":87,"src":88},"A walkthrough of the J.Franc Studio website","bend","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_2,w_1080,q_auto\u002Ffranc.studio-final.mp4-hevc-c_c91roa.webp","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,q_auto,w_1080\u002Ffranc.studio-final.mp4-hevc-c_c91roa.mp4",[],{"type":9,"tag":61,"props":91,"children":93},{"id":92},"my-part",[94],{"type":14,"value":95},"My part",{"type":9,"tag":10,"props":97,"children":98},{},[99],{"type":14,"value":100},"I handled the web development, using Three.js to integrate the navigation and the 3D elements.",1794317809960]