{"id":333,"date":"2014-03-28T20:02:56","date_gmt":"2014-03-28T19:02:56","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=333"},"modified":"2021-08-08T13:11:46","modified_gmt":"2021-08-08T12:11:46","slug":"controles","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/controles\/","title":{"rendered":"Controles"},"content":{"rendered":"<p align=\"justify\">Un objeto que sirve para que el usuario o usuaria modifique los par\u00e1metros que intervienen en una escena se llama un <strong>control<\/strong>. Descartes cuenta con cinco tipos de <strong>controles<\/strong>: <em>num\u00e9rico<\/em>, <em>gr\u00e1fico<\/em>, <em>texto, audio y v\u00eddeo.<\/em><\/p>\n<p>Los <b>controles num\u00e9ricos<\/b> o <b>pulsadores <\/b>sirven para modificar el valor de un solo par\u00e1metro. \u00c9ste es un ejemplo de un control num\u00e9rico para un par\u00e1metro p :<\/p>\n<p style=\"text-align: center;\"><span style=\"text-align: center;\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/ControlNumerico_JS\/\" width=\"220\" height=\"110\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/span><\/p>\n<p>A la izquierda aparece el <strong>nombre<\/strong> del par\u00e1metro (o del control). A la derecha aparece un campo de texto que exhibe el valor actual del par\u00e1metro y al centro dos flechas, llamadas\u00a0<a style=\"background-color: #ffffff;\" name=\"pulsadores\"><\/a><strong>pulsadores<\/strong>, que sirven para aumentar o disminuir en una cantidad predeterminada el valor del par\u00e1metro. Puede descargar la escena desde <a href=\"https:\/\/descartesjs.org\/repositorio\/ControlNumerico_JS.zip\">este enlace<\/a>. Un detalle de los controles num\u00e9ricos lo tiene en <a href=\"https:\/\/descartesjs.org\/documentacion\/?p=435\">este art\u00edculo<\/a>.<\/p>\n<p>Los <strong>controles gr\u00e1ficos<\/strong> son objetos que aparecen sobre la escena y que puede arrastrar con el rat\u00f3n o con las flechas del teclado, con lo cual modifica en realidad un punto de la escena cuyas\u00a0 coordenadas se pueden usar como <em>par\u00e1metros<\/em> de la escena. Los controles gr\u00e1ficos se representan por peque\u00f1os discos cuyo radio y color pueden ser elegidos por el autor o autora. El siguiente ejemplo contiene dos controles gr\u00e1ficos etiquetados con las letras <strong>A<\/strong> y <strong>B<\/strong>. Puede descargarlo desde <a href=\"https:\/\/descartesjs.org\/repositorio\/ControlGrafico_JS.zip\">este enlace<\/a>.<\/p>\n<p style=\"text-align: center;\" align=\"justify\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/ControlGrafico_JS\/index.html\" width=\"230\" height=\"190\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p style=\"text-align: left;\" align=\"justify\">Un detalle sobre los controles gr\u00e1ficos lo tiene en <a href=\"https:\/\/descartesjs.org\/documentacion\/?p=437\">este art\u00edculo<\/a>.<\/p>\n<p>Los <b>controles de texto<\/b> son \u00e1reas en las que el usuario puede escribir o corregir textos y f\u00f3rmulas y comprobar si lo hizo correctamente, comparando con el modelo dado por el autor al que se puede acceder pulsando el bot\u00f3n S (de Soluci\u00f3n). En DescartesJS no est\u00e1 disponible la opci\u00f3n de edici\u00f3n de f\u00f3rmulas en campos de texto.<\/p>\n<p>He aqu\u00ed un ejemplo para el int\u00e9rprete de Descartes5 por lo que necesitar\u00e1 Java y autorizar la ejecuci\u00f3n del mismo. Puede descargarlo desde <a href=\"https:\/\/descartesjs.org\/repositorio\/ControlTexto_JS.zip\">este enlace<\/a>.<\/p>\n<p style=\"text-align: center;\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/ControlTexto_JS\/\" width=\"430\" height=\"180\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p style=\"text-align: left;\">Un detalle sobre este tipo de controles de texto lo tiene en <a href=\"https:\/\/descartesjs.org\/documentacion\/?p=439\">este art\u00edculo<\/a>.<\/p>\n<p style=\"text-align: left;\">\n<p align=\"justify\">Finalmente se cuenta con <strong>controles para audio y v\u00eddeo<\/strong>. La siguiente escena muestra un control de audio y un control de video que puede ser reproducido\/pausado\/parado bien desde el propio reproductor del control o a trav\u00e9s de unos controles num\u00e9ricos tipo bot\u00f3n.<\/p>\n<p style=\"text-align: center;\" align=\"justify\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/ControlAudioVideo_JS\/\" width=\"555\" height=\"425\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p style=\"text-align: left;\" align=\"justify\">Puede descargar la escena anterior desde <a href=\"https:\/\/descartesjs.org\/repositorio\/ControlAudioVideo_JS.zip\">este enlace<\/a>. Un detalle sobre los controles de audio y v\u00eddeo lo tiene en el <a href=\"https:\/\/descartesjs.org\/documentacion\/?p=1322\">siguiente art\u00edculo<\/a>.<\/p>\n<p style=\"text-align: left;\" align=\"justify\">\n<p align=\"justify\">Para crear y editar controles tanto gr\u00e1ficos, num\u00e9ricos como de texto, hay que abrir la ventana de edici\u00f3n de configuraciones (pulsando <strong>config<\/strong>) y seleccionar <strong>Controles<\/strong>:<\/p>\n<p><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/controles2.png\"><img class=\"aligncenter size-full wp-image-1126\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/controles2.png\" alt=\"controles\" width=\"796\" height=\"22\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/controles2.png 796w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/controles2-300x8.png 300w\" sizes=\"(max-width: 796px) 100vw, 796px\" \/><\/a><\/p>\n<p>Al hacerlo aparece el Panel de configuraci\u00f3n de <strong>Controles<\/strong> que tiene este aspecto:<\/p>\n<p align=\"justify\"><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl.png\"><img class=\"aligncenter size-full wp-image-1123\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl.png\" alt=\"confControl\" width=\"826\" height=\"433\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl.png 826w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl-300x157.png 300w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/a><\/p>\n<p align=\"justify\"><em><strong>Nota<\/strong><\/em>: Si se hace un clic sobre la etiqueta azul de <strong>Controles<\/strong>, aparecer\u00e1 una ventana con un \u00e1rea de texto que contiene el c\u00f3digo de todos los controles, uno en cada l\u00ednea. Este texto se puede editar manualmente y pulsando <strong>aceptar<\/strong> se actualiza el editor con los cambios realizados. Los autores experimentados pueden encontrar este m\u00e9todo de edici\u00f3n muy c\u00f3modo y \u00fatil para cierto tipo de modificaciones.<\/p>\n<p align=\"justify\"><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl1.png\"><img class=\"aligncenter size-full wp-image-1124\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl1.png\" alt=\"confControl\" width=\"826\" height=\"433\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl1.png 826w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/confControl1-300x157.png 300w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/a><\/p>\n<p align=\"justify\">\n","protected":false},"excerpt":{"rendered":"<p>Un objeto que sirve para que el usuario o usuaria modifique los par\u00e1metros que intervienen en una escena se llama un control. Descartes cuenta con cinco tipos de controles: num\u00e9rico, gr\u00e1fico, texto, audio y v\u00eddeo. Los controles num\u00e9ricos o pulsadores sirven para modificar el valor de un solo par\u00e1metro. \u00c9ste es un ejemplo de un control num\u00e9rico para un par\u00e1metro p : A la izquierda aparece el nombre del par\u00e1metro (o del control). A la derecha aparece un campo de texto que exhibe el valor actual del par\u00e1metro y al centro dos flechas, llamadas\u00a0pulsadores, que sirven para aumentar o disminuir<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/controles\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[35],"tags":[47],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/333"}],"collection":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":75,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"predecessor-version":[{"id":3558,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/333\/revisions\/3558"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}