{"id":657,"date":"2019-07-07T15:44:11","date_gmt":"2019-07-07T13:44:11","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=657"},"modified":"2019-07-30T17:06:03","modified_gmt":"2019-07-30T15:06:03","slug":"3-5-teclat","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/3-5-teclat\/","title":{"rendered":"3.5. Teclat"},"content":{"rendered":"<p>Igual que podem interaccionar amb el ratol\u00ed, tamb\u00e9 ho podem fer amb el teclat. En els exemples 5-16, 5-17, 5-18 i 5-19, s\u2019introdueixen les variables i funcions seg\u00fcents:<\/p>\n<p>1. <span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/keyIsPressed\" target=\"_blank\" rel=\"noopener\">keyIsPressed<\/a><\/span><br \/>\n2. <span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/textSize\" target=\"_blank\" rel=\"noopener\">textSize()<\/a><\/span><br \/>\n3. <span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/textAlign\" target=\"_blank\" rel=\"noopener\">textAling()<\/a><\/span><br \/>\n4. <span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/text\" target=\"_blank\" rel=\"noopener\">text()<\/a><\/span><br \/>\n5. <span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/key\" target=\"_blank\" rel=\"noopener\">key<\/a><\/span><br \/>\n6. <span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/keyCode\" target=\"_blank\" rel=\"noopener\">keyCode<\/a><\/span><\/p>\n<div class=\"featured featured-blue\"><p>Fixeu-vos que les que porten par\u00e8ntesi s\u00f3n funcions i les que no en porten variables. Els exemples s\u00f3n prou clars i no calen explicacions.<\/p>\n<\/div>\n<h2>Exercicis<\/h2>\n<ol>\n<li>Feu per a cadascuna de les funcions i variables que es tracten en aquest apartat una breu descripci\u00f3 del seu funcionament.<\/li>\n<li>Dibuixeu un cercle i feu que canvi\u00ef de color quan premeu una tecla.<\/li>\n<li>Dibuixeu un cercle blanc que canvi\u00ef de color segons la tecla que es premi. Aix\u00ed, si es prem la tecla B, el fons del cercle es pintar\u00e0 de blau i si es prem la tecla V, de vermell.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Igual que podem interaccionar amb el ratol\u00ed, tamb\u00e9 ho podem fer amb el teclat. En els exemples 5-16, 5-17, 5-18 i 5-19, s\u2019introdueixen les variables i funcions seg\u00fcents: 1. keyIsPressed 2. textSize() 3. textAling() 4. text() 5. key 6. keyCode Exercicis Feu per a cadascuna de les funcions i variables que es tracten en aquest [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/657"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/comments?post=657"}],"version-history":[{"count":7,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/657\/revisions"}],"predecessor-version":[{"id":3179,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/657\/revisions\/3179"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/media?parent=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}