{"id":473,"date":"2022-10-06T19:50:21","date_gmt":"2022-10-06T17:50:21","guid":{"rendered":"http:\/\/quadern-programacio.recursos.uoc.edu\/?page_id=473"},"modified":"2022-10-13T09:46:38","modified_gmt":"2022-10-13T07:46:38","slug":"anexo-6-el-archivo-sketch-js","status":"publish","type":"page","link":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/anexo-6-el-archivo-sketch-js\/","title":{"rendered":"Anexo 6. El archivo sketch.js"},"content":{"rendered":"<p>Vamos ahora a crear el archivo sketch.js.<\/p>\n<p>En el editor de texto, situamos el rat\u00f3n sobre la carpeta js y hacemos clic con el bot\u00f3n derecho del rat\u00f3n. Seleccionamos Crear un nuevo archivo, al que llamaremos sketch.js.<\/p>\n<p>En ese archivo copiaremos este c\u00f3digo:<\/p>\n<pre>let posX = 100;\r\n\r\nfunction setup() {\r\n  createCanvas(400, 400);\r\n  background(200);\r\n}\r\n\r\nfunction draw() {\r\n  ellipse(posX,height*0.5,50,50);\r\n  posX++;\r\n}<\/pre>\n<p>Ahora, podemos visualizar esa p\u00e1gina web en un navegador:<\/p>\n<figure id=\"attachment_322\" aria-describedby=\"caption-attachment-322\" style=\"width: 572px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-322\" src=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_141.jpg\" alt=\"\" width=\"572\" height=\"471\" srcset=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_141.jpg 572w, \/wp-content\/uploads\/2022\/10\/PID_00290094_141-300x247.jpg 300w\" sizes=\"(max-width: 572px) 100vw, 572px\" \/><figcaption id=\"caption-attachment-322\" class=\"wp-caption-text\">Figura 142<br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>\n<p>Finalmente, incluimos un gr\u00e1fico para recordaros la estructura de carpetas:<\/p>\n<figure id=\"attachment_324\" aria-describedby=\"caption-attachment-324\" style=\"width: 727px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-324\" src=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_142.jpg\" alt=\"\" width=\"727\" height=\"771\" srcset=\"\/wp-content\/uploads\/2022\/10\/PID_00290094_142.jpg 727w, \/wp-content\/uploads\/2022\/10\/PID_00290094_142-283x300.jpg 283w\" sizes=\"(max-width: 727px) 100vw, 727px\" \/><figcaption id=\"caption-attachment-324\" class=\"wp-caption-text\">Figura 143<br \/>Fuente: elaboraci\u00f3n propia.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Vamos ahora a crear el archivo sketch.js. En el editor de texto, situamos el rat\u00f3n sobre la carpeta js y hacemos clic con el bot\u00f3n derecho del rat\u00f3n. Seleccionamos Crear un nuevo archivo, al que llamaremos sketch.js. En ese archivo copiaremos este c\u00f3digo: let posX = 100; function setup() { createCanvas(400, 400); background(200); } function [&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\/473"}],"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=473"}],"version-history":[{"count":2,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":591,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/473\/revisions\/591"}],"wp:attachment":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}