{"id":401,"date":"2025-06-02T15:35:33","date_gmt":"2025-06-02T13:35:33","guid":{"rendered":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/?page_id=401"},"modified":"2025-06-02T16:31:41","modified_gmt":"2025-06-02T14:31:41","slug":"robot-p5js","status":"publish","type":"page","link":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/robot-p5js\/","title":{"rendered":"Robot p5js"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<h2 class=\"wp-block-heading alignwide has-text-align-center\"><strong>Robot P5js<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"401\" height=\"401\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-content\/uploads\/sites\/70\/2025\/06\/EX1_Gines_Abad_Andrea.png.png\" alt=\"\" class=\"wp-image-307\" style=\"width:1276px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-content\/uploads\/sites\/70\/2025\/06\/EX1_Gines_Abad_Andrea.png.png 401w, http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-content\/uploads\/sites\/70\/2025\/06\/EX1_Gines_Abad_Andrea.png-300x300.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-content\/uploads\/sites\/70\/2025\/06\/EX1_Gines_Abad_Andrea.png-150x150.png 150w\" sizes=\"auto, (max-width: 401px) 100vw, 401px\" \/><\/figure>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<p class=\"has-medium-font-size\">Aquest projecte es basa en la creaci\u00f3 i disseny d\u2019un robot mitjan\u00e7ant el llenguatge de programaci\u00f3 P5.js, una eina que permet generar gr\u00e0fics visuals interactius a trav\u00e9s de codi. El proc\u00e9s va comen\u00e7ar amb la definici\u00f3 conceptual del personatge: es van establir les seves caracter\u00edstiques f\u00edsiques, la seva funci\u00f3, personalitat i estil general. A partir d\u2019aix\u00f2, es va desenvolupar el disseny del robot amb especial atenci\u00f3 als detalls visuals com la forma del cos, el rostre, els components mec\u00e0nics i el vestuari, tot programat gr\u00e0ficament amb formes i colors que transmetessin coher\u00e8ncia i identitat pr\u00f2pia.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Un cop definit el robot, es va crear tamb\u00e9 el seu entorn visual, pensant en un fons que reforc\u00e9s la seva narrativa i funcionalitat. L\u2019espai en qu\u00e8 habita aquest personatge es va dissenyar des de zero amb P5.js, incloent-hi elements com el paisatge, la il\u00b7luminaci\u00f3, textures i altres detalls visuals que ajuden a contextualitzar el robot dins d\u2019un univers propi. Aquest projecte combina aix\u00ed el disseny de personatges amb la creaci\u00f3 d\u2019escenografies digitals, tot dins d\u2019un entorn generatiu on cada element ha estat programat per obtenir una composici\u00f3 final coherent, expressiva i visualment atractiva.<\/p>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Robot P5js Aquest projecte es basa en la creaci\u00f3 i disseny d\u2019un robot mitjan\u00e7ant el llenguatge de programaci\u00f3 P5.js, una eina que permet generar gr\u00e0fics visuals interactius a trav\u00e9s de codi. El proc\u00e9s va comen\u00e7ar amb la definici\u00f3 conceptual del personatge: es van establir les seves caracter\u00edstiques f\u00edsiques, la seva funci\u00f3, personalitat i estil general. [&hellip;]<\/p>\n","protected":false},"author":171,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-401","page","type-page","status-publish","hentry"],"acf":[],"mb":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"","author_link":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Robot P5js Aquest projecte es basa en la creaci\u00f3 i disseny d\u2019un robot mitjan\u00e7ant el llenguatge de programaci\u00f3 P5.js, una eina que permet generar gr\u00e0fics visuals interactius a trav\u00e9s de codi. El proc\u00e9s va comen\u00e7ar amb la definici\u00f3 conceptual del personatge: es van establir les seves caracter\u00edstiques f\u00edsiques, la seva funci\u00f3, personalitat i estil general.&hellip;","mfb_rest_fields":["title","uagb_featured_image_src","uagb_author_info","uagb_comment_info","uagb_excerpt"],"_links":{"self":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/pages\/401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/users\/171"}],"replies":[{"embeddable":true,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/comments?post=401"}],"version-history":[{"count":2,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/pages\/401\/revisions"}],"predecessor-version":[{"id":515,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/pages\/401\/revisions\/515"}],"wp:attachment":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2025-web2\/wp-json\/wp\/v2\/media?parent=401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}