{"id":412,"date":"2022-10-06T09:58:07","date_gmt":"2022-10-06T07:58:07","guid":{"rendered":"http:\/\/quadern-programacio.recursos.uoc.edu\/?page_id=412"},"modified":"2022-10-06T09:58:07","modified_gmt":"2022-10-06T07:58:07","slug":"6-2-ejecucion-unica-vs-continua","status":"publish","type":"page","link":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/6-2-ejecucion-unica-vs-continua\/","title":{"rendered":"6.2. Ejecuci\u00f3n \u00fanica <em>vs<\/em> continua"},"content":{"rendered":"<p>Ya hemos visto en anteriores ocasiones las diferencias entre el c\u00f3digo que se ejecuta dentro del <span class=\"courier\">setup()<\/span> y del <span class=\"courier\">draw()<\/span>, pero no est\u00e1 de m\u00e1s que repasemos brevemente con un par de ejemplos c\u00f3mo se comportan ambas funciones. La funci\u00f3n <span class=\"courier\">setup()<\/span> se ejecuta una \u00fanica vez cuando iniciamos nuestro <em>sketch<\/em>:<\/p>\n<pre>function setup() {\r\n  console.log(\u201cExecuting SETUP\u201d);\r\n  console.log(\u201cFRAME: \u201d + frameCount);\r\n}<\/pre>\n<p>Si ejecutamos el c\u00f3digo anterior, la consola nos mostrar\u00e1 una l\u00ednea con el texto <em>Executing SETUP<\/em> y otra l\u00ednea a continuaci\u00f3n mostrando el texto <em>FRAME: 0<\/em>. Sin embargo, si ejecutamos el siguiente c\u00f3digo:<\/p>\n<pre>function setup() {\r\n}\r\n\r\nfunction draw() {\r\n  console.log(\u201cExecuting DRAW\u201d);\r\n  console.log(\u201cFRAME: \u201d + frameCount);\r\n}<\/pre>\n<p>la consola estar\u00e1 continuamente mostr\u00e1ndonos:<\/p>\n<pre>Executing DRAW\r\nFRAME: 1\r\nExecuting DRAW\r\nFRAME: 2\r\nExecuting DRAW\r\nFRAME: 3<\/pre>\n<p>Esto es consecuencia de lo que ya conocemos: el <span class=\"courier\">draw()<\/span> se ejecuta continuamente a raz\u00f3n de 60 <em>frames<\/em> por segundo (a no ser que le indiquemos otro <em>frame rate <\/em>mediante <span class=\"courier\">frameRate()<\/span>). El hecho de que el <em>sketch<\/em> se est\u00e9 ejecutando continuamente ser\u00e1 clave a la hora de poder introducir elementos interactivos, como comprobaremos a continuaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ya hemos visto en anteriores ocasiones las diferencias entre el c\u00f3digo que se ejecuta dentro del y del , pero no est\u00e1 de m\u00e1s que repasemos brevemente con un par de ejemplos c\u00f3mo se comportan ambas funciones. La funci\u00f3n se ejecuta una \u00fanica vez cuando iniciamos nuestro sketch: function setup() { console.log(\u201cExecuting SETUP\u201d); console.log(\u201cFRAME: \u201d [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/412"}],"collection":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":1,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/412\/revisions"}],"predecessor-version":[{"id":413,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/412\/revisions\/413"}],"wp:attachment":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}