{"id":1980,"date":"2019-07-10T14:26:49","date_gmt":"2019-07-10T12:26:49","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=1980"},"modified":"2019-08-10T18:48:46","modified_gmt":"2019-08-10T16:48:46","slug":"3-5-teclado","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/3-5-teclado\/","title":{"rendered":"3.5. Teclado"},"content":{"rendered":"<p>Igual que podemos interaccionar con el rat\u00f3n, tambi\u00e9n lo podemos hacer con el teclado. En los ejemplos 5-16, 5-17, 5-18 y 5-19 se introducen las siguientes variables y funciones:<\/p>\n<ol>\n<li><span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/keyIsPressed\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">keyIsPressed<\/span><\/a><\/span><\/li>\n<li><span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/textSize\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">textSize()<\/span><\/a><\/span><\/li>\n<li><span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/textAlign\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">textAling()<\/span><\/a><\/span><\/li>\n<li><span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/text\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">text()<\/span><\/a><\/span><\/li>\n<li><span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/key\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">key<\/span><\/a><\/span><\/li>\n<li><span style=\"color: #4a86e8;\"><a href=\"https:\/\/p5js.org\/es\/reference\/#\/p5\/keyCode\" target=\"_blank\" rel=\"noopener\"><span style=\"font-family: Courier, Arial;\">keyCode<\/span><\/a><\/span><\/li>\n<\/ol>\n<div class=\"featured featured-blue\"><p>Fijaos en que las que llevan par\u00e9ntesis son funciones y las que no los llevan son variables. Los ejemplos son bastante claros y no hacen falta explicaciones.<\/p>\n<\/div>\n<h2>Ejercicios<\/h2>\n<ol>\n<li>Haced para cada una de las funciones y variables que se tratan en este apartado una breve descripci\u00f3n de su funcionamiento.<\/li>\n<li>Dibujad un c\u00edrculo y haced que cambie de color cuando puls\u00e9is una tecla.<\/li>\n<li>Dibujad un c\u00edrculo blanco que cambie de color seg\u00fan la tecla que se puls\u00f3. As\u00ed, si se pulsa la tecla B, el fondo del c\u00edrculo se pintar\u00e1 de azul, y si se pulsa la tecla V, de rojo.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Igual que podemos interaccionar con el rat\u00f3n, tambi\u00e9n lo podemos hacer con el teclado. En los ejemplos 5-16, 5-17, 5-18 y 5-19 se introducen las siguientes variables y funciones: keyIsPressed textSize() textAling() text() key keyCode Ejercicios Haced para cada una de las funciones y variables que se tratan en este apartado una breve descripci\u00f3n de [&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\/es\/wp-json\/wp\/v2\/pages\/1980"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/comments?post=1980"}],"version-history":[{"count":7,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1980\/revisions"}],"predecessor-version":[{"id":3357,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1980\/revisions\/3357"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/media?parent=1980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}