{"id":13709,"date":"2018-03-22T10:52:40","date_gmt":"2018-03-22T09:52:40","guid":{"rendered":"http:\/\/projectes.xtec.cat\/programacioirobotica\/?page_id=12508"},"modified":"2018-09-12T13:07:37","modified_gmt":"2018-09-12T11:07:37","slug":"m4-sessio7","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/escolasaavedra\/curs-scratch-primaria\/modul-4-2\/m4-sessio7\/","title":{"rendered":"Sessi\u00f3 7. La c\u00e0mera de v\u00eddeo i l&#8217;Scratch"},"content":{"rendered":"<h2>Pla de treball<\/h2>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li>Els sensors de v\u00eddeo.<\/li>\n<li>La gesti\u00f3 dels blocs.<\/li>\n<li>Els personatges i l&#8217;escenari detecten moviments.<\/li>\n<li>La imatge de l&#8217;usuari productor del moviment: visible\/invisible.<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Els blocs<\/h2>\n<p>Tornem a \u00a0treballar amb els sensors que s\u00f3n\u00a0els blocs que ens permeten detectar quan existeix algun tipus d&#8217;interacci\u00f3 entre els personatges o quan l&#8217;usuari interact\u00faa amb el programa. Ara ens interessa aprendre a gestionar la c\u00e0mera de l&#8217;ordinador per incorporar les imatges al nostre programa.<\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li><strong>Des del personatge<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-13963\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/video2.png\" alt=\"\" width=\"122\" height=\"25\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Encendre la c\u00e0mera.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13962\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/video1.png\" alt=\"\" width=\"248\" height=\"20\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0Detectar si hi ha moviment a prop del personatge.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-13964\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/video3.png\" alt=\"\" width=\"244\" height=\"25\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Fer visible o invisible a l&#8217;usuari.<\/li>\n<li><strong>Des de l&#8217;escenari<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-13966\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/video5.png\" alt=\"\" width=\"122\" height=\"25\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Enc\u00e9n la c\u00e0mera.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13965\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/video4.png\" alt=\"\" width=\"211\" height=\"21\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Detectar si hi ha moviment a prop de l&#8217;escenari<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-13967\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/video6.png\" alt=\"\" width=\"244\" height=\"25\" \/>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Fer visible o invisible a l&#8217;usuari amb la resoluci\u00f3 d&#8217;imatge que marquem.<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<h2>Els personatges i els sensors<\/h2>\n<p>Anem a veure com gestionar els blocs per a qu\u00e8 el nostre personatge detecti un moviment prop seu i es bellugui amb, per exemple, la part del cos que movem.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_tasques.png\" alt=\"Pas a pas\" width=\"32\" \/>\u00a0<strong>Fem-ho pas a pas:<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<p><strong>Com fer que un personatge detecti moviment i el segueixi.<\/strong><\/p>\n<ul>\n<li>Haurem de fer que el nostre personatge apunti en una direcci\u00f3 que marcarem i fixarem la rotaci\u00f3 esquerra-dreta. Aquesta instrucci\u00f3 serveix per a qu\u00e8 el personatge quedi orientat seguint el moviment de qui el belluga. Aquesta orientaci\u00f3 el fa m\u00e9s real en els seus moviments i fa l&#8217;efecte que surt de la pantalla.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13970\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/gestiopersonatge.png\" alt=\"\" width=\"195\" height=\"107\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-13971\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/rotacio.png\" alt=\"\" width=\"204\" height=\"91\" \/><\/li>\n<li>A continuaci\u00f3 haurem de fer que s&#8217;encengui la c\u00e0mera. Amb un condicional i amb un operador farem que si el moviment de l&#8217;objecte \u00e9s superior a 10 apunti a la direcci\u00f3 del moviment del v\u00eddeo i despr\u00e9s que es mogui 10 vegades. Aquest seria un petit programa per seguir una m\u00e0 o la part del cos que proposem per fer el moviment a prop del personatge.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13973\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/gestioblocs.png\" alt=\"\" width=\"392\" height=\"186\" \/><\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/>\u00a0<img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte1.png\" alt=\"Repte 1\" width=\"100\" \/><\/p>\n<p>Obriu en el vostre compte un nou projecte i l&#8217;anomeneu\u00a0<strong>m4repte71.<\/strong>\u00a0Trieu un escenari i feu apar\u00e8ixer alguns objectes en les coordenades que decidiu. Heu d&#8217;aconseguir que un personatge, controlat amb els vostres moviments, pugui recollir els objectes afegits a l&#8217;escenari, \u00e9s a dir, que al tocar-los els faci desapar\u00e8ixer.<\/p>\n<p><strong style=\"font-family: inherit; font-size: 1em;\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_pista.png\" alt=\"Icona pista\" width=\"24\" \/><\/strong>Pista:\u00a0Recordeu que els personatges es poden mostrar o amagar segons les condicions que vulgueu. En aquest cas, estar\u00e0 controlat per la posici\u00f3 d&#8217;un altre personatge.<\/p>\n<hr \/>\n<div style=\"padding-left: 50px;\">\n<p><strong>Com fer que l&#8217;escenari detecti moviment.<\/strong><\/p>\n<ul>\n<li>Si volem que sigui l&#8217;escenari qui detecti el moviment haurem de fer que s&#8217;activi a la programaci\u00f3 de l&#8217;escenari.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13976\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/escenariactivavideo.png\" alt=\"\" width=\"238\" height=\"85\" \/><\/li>\n<li>Tornem a poder fer visible o invisible a l&#8217;usuari si ens interessa i tot continuar\u00e0 funcionant.<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/>\u00a0\u00a0<img decoding=\"async\" class=\"alignnone wp-image-9443\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte2.png\" alt=\"\" width=\"100\" \/><\/p>\n<p>Recupereu el vostre projecte <strong>m4repte71<\/strong>, feu-ne una c\u00f2pia i l&#8217;anomeneu\u00a0<strong>m4repte72<\/strong>. Podeu aconseguir que, un cop el personatge hagi recollit tots els objectes, es produeixi un canvi d&#8217;escenari amb el moviment de la vostra m\u00e0?.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_pista.png\" alt=\"Icona pista\" width=\"24\" \/>Pista:<strong>\u00a0<\/strong>Heu de controlar que els moviments, en aquest cas, nom\u00e9s afectin a l&#8217;escenari i no als personatges.<\/p>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/>\u00a0\u00a0<img decoding=\"async\" class=\"alignnone wp-image-9444\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte3.png\" alt=\"\" width=\"100\" \/><\/p>\n<p>Recupereu el vostre projecte\u00a0<strong>m4repte72 , <\/strong>feu-ne una c\u00f2pia i l&#8217;anomeneu\u00a0<strong>m4repte73<\/strong>. Podeu fer que en un altre moment del joc\u00a0sigui un altre personatge el que detecti els moviments de l&#8217;usuari i desaparegui quan hagi fet la tasca que li heu assignat?.<\/p>\n<p><strong style=\"font-family: inherit; font-size: 1em;\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_pista.png\" alt=\"Icona pista\" width=\"24\" \/><\/strong>Pista:<strong style=\"font-family: inherit; font-size: 1em;\">\u00a0<\/strong>Feu que cada personatge apunti cap a una direcci\u00f3 diferent i situeu-lo en coordenades (x,y) diferents.<\/p>\n<hr \/>\n<div style=\"padding-left: 50px;\">\n<p><strong>La imatge de l&#8217;usuari amb la webcam: visible-invisible.<\/strong><\/p>\n<ul>\n<li>Quan l&#8217;usuari produeix el moviment podem fer-lo invisible o visible a la mateixa pantalla de l&#8217;ordinador. L&#8217;usuari quan juga es diverteix veient com interact\u00faa amb els personatges creats i els altres usuaris que visualitzen la partida tamb\u00e9.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13975\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/transparencia.png\" alt=\"\" width=\"254\" height=\"25\" \/><\/li>\n<li>Si la fixem a 100 no veurem res. Si baixem de 100 s&#8217;anir\u00e0 fent visible.<\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/>\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9445\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte4.png\" alt=\"\" width=\"96\" height=\"33\" \/><\/p>\n<p>Recupereu el repte\u00a0<strong>m4repte73,\u00a0<\/strong>feu-ne una c\u00f2pia i l&#8217;anomeneu\u00a0<strong>m4repte74<\/strong>. Jugueu amb la transpar\u00e8ncia de l&#8217;usuari proposant diferents intercanvis de jugadors.<\/p>\n<hr \/>\n<div style=\"padding-left: 50px;\">\n<p><strong> Afegim sons, efectes i puntuacions<\/strong><\/p>\n<ul>\n<li>Ara us proposem afegir el control dels encerts i de les errades cada vegada que toquem una pilota amb el cap. Li hem afegit a la programaci\u00f3 que la pilota vagi canviant de color i un so quan va detectant el moviment del nostre cap i vagi comptant les vegades que la toquem com a punts.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14059\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/puntuacioballcap.png\" alt=\"\" width=\"404\" height=\"356\" \/><\/li>\n<li>Per detectar les errades li podeu dibuixar a baix de tot de l&#8217;escenari una l\u00ednia vermella i cada vegada que la toqui comptar\u00e0 com errada.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14058\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2018\/03\/puntuacio.png\" alt=\"\" width=\"227\" height=\"183\" \/><\/li>\n<\/ul>\n<\/div>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_repte.png\" alt=\"Icona repte\" width=\"32\" \/>\u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9446\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-repte5.png\" alt=\"\" width=\"97\" height=\"33\" \/><\/p>\n<p>Obriu un nou projecte i l&#8217;anomeneu\u00a0<strong>m4repte75.\u00a0<\/strong>Podeu fer ara que un globus vagi augmentant de tamany cada vegada que l&#8217;usuari el toqui amb el cap i que quan porti deu tocs exploti el globus?<\/p>\n<p><strong style=\"font-family: inherit; font-size: 1em;\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_pista.png\" alt=\"Icona pista\" width=\"24\" \/><\/strong>Pista:\u00a0Heu de\u00a0fer \u00fas dels efectes i dels canvis de vestit.<\/p>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_projecte2.png\" alt=\"Icona projecte\" width=\"32\" \/>\u00a0<strong>El nostre projecte creix &#8230;<\/strong><\/p>\n<p>Aquesta sessi\u00f3 us dona idees per fer interactiva la vostra Volta al M\u00f3n. Podeu fer m\u00e9s atractiu el vostre joc afegint aquestes propostes.<\/p>\n<p><strong>TASCA:\u00a0<\/strong>Incorporeu al gui\u00f3 del document compartit amb el vostre professor\/a quines etapes podeu fer interactives.<\/p>\n<hr \/>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/projectes.xtec.cat\/programacioirobotica\/wp-content\/uploads\/usu604\/2017\/06\/scratch-icona_glosari.png\" alt=\"Icona glosari\" width=\"32\" \/>\u00a0<strong>Com que som programadors i programadores parlem de:<\/strong><\/p>\n<div style=\"padding-left: 50px;\">\n<ul>\n<li><strong>Moviment de video:\u00a0<\/strong>serveix per detectar si hi ha moviment aprop del personatge.<\/li>\n<li><strong>Transpar\u00e8ncia:\u00a0<\/strong>efecte que treballa la resoluci\u00f3 de la imatge.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pla de treball Els sensors de v\u00eddeo. La gesti\u00f3 dels blocs. Els personatges i l&#8217;escenari detecten moviments. La imatge de l&#8217;usuari productor del moviment: visible\/invisible. Els blocs Tornem a \u00a0treballar amb els sensors que s\u00f3n\u00a0els blocs que ens permeten detectar quan existeix algun tipus d&#8217;interacci\u00f3 entre els personatges o quan l&#8217;usuari interact\u00faa amb el programa. [&hellip;]<\/p>\n","protected":false},"author":86,"featured_media":0,"parent":13716,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"page-templates\/side-menu.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13709","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/pages\/13709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/comments?post=13709"}],"version-history":[{"count":1,"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/pages\/13709\/revisions"}],"predecessor-version":[{"id":13726,"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/pages\/13709\/revisions\/13726"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/pages\/13716"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/escolasaavedra\/wp-json\/wp\/v2\/media?parent=13709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}