{"id":1578,"date":"2014-10-06T17:01:48","date_gmt":"2014-10-06T16:01:48","guid":{"rendered":"http:\/\/quinboigproposit.edutictac.es\/?p=1396"},"modified":"2014-10-06T17:01:48","modified_gmt":"2014-10-06T16:01:48","slug":"que-hi-ha-darrere-del-videojoc-en-3d","status":"publish","type":"post","link":"https:\/\/edutictac.es\/blog\/datunie\/2014\/10\/06\/que-hi-ha-darrere-del-videojoc-en-3d\/","title":{"rendered":"Qu\u00e8 hi ha darrere del videojoc en 3D?"},"content":{"rendered":"<p>Ja portem m\u00e9s d&#8217;un mes des del comen\u00e7ament del curs escolar. Si, com a novetat, l&#8217;inici d&#8217;aquest curs escolar s&#8217;ha avan\u00e7at al dia 3 de setembre, amb temperatures superiors als 30 graus al llarg de les primeres setmanes. Potser com a innovaci\u00f3 educativa podr\u00edem adaptar el calendari escolar a les condicions del clima i de les aules valencianes. Els alumnes ja han posat en marxa nous projectes per al curs 2014\/2015, per\u00f2 al professor encara li quedava pegar alguna volta m\u00e9s al projecte de primer d&#8217;ESO del curs passat. Si no conegueu el projecte que vam dissenyar i construir, el Videojoc en 3D, podeu veure un <a href=\"http:\/\/vimeo.com\/99592526\" target=\"_blank\" rel=\"noopener\">v\u00eddeo<\/a> (<strong>imprescindible veure&#8217;l abans de continuar llegint!!!<\/strong>). La idea d&#8217;aquesta entrada \u00e9s documentar un poc el projecte i donar alguna idea per a entrar en el m\u00f3n de la programaci\u00f3 de videojocs amb Scratch 2.0 aplicada al treballs que realitzem en Tecnologia.<\/p>\n<p>El videojoc en tres dimensions est\u00e0 basat en el cl\u00e0ssic <a href=\"http:\/\/tex9logy.blogspot.com.es\/2012\/10\/joc-de-pols.html\" target=\"_blank\" rel=\"noopener\">joc de pols<\/a>. Aquest va ser modificat amb la incorporaci\u00f3 de moviment al fil d&#8217;aram espiral. D&#8217;aquesta manera li afegim major dificultat i es pot incloure l&#8217;estudi dels mecanismes de transmissi\u00f3 del moviment. Amb els alumnes es va fer una programaci\u00f3 b\u00e0sica per a contar les errades i que quan fallen tres vegades el joc acabe. La programaci\u00f3 la van preparar amb Scratch fent una modificaci\u00f3 del joc \u00ab<a href=\"http:\/\/scratch.mit.edu\/projects\/10128515\/\" target=\"_blank\" rel=\"noopener\">Pong Starter<\/a>\u00bb disponible a la web Scratch i a la versi\u00f3 Scratch que inclou el sistema operatiu LliureX. Vam dedicar tres sessions a programar a l&#8217;aula d&#8217;ordinadors. Una vegada preparat el codi, vam escriure-lo en l&#8217;aplicaci\u00f3 Scratch for Arduino (S4A). Amb el programa que vam fer a l&#8217;S4A vam controlar el joc de pols mitjan\u00e7ant una targeta Arduino i el vam convertir en videojoc en tres dimensions. Vam poder jugar alguna partida l&#8217;\u00faltim dia de classe i va ser prou divertit.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Control del motor<\/strong><\/p>\n<p>Ja finalitzat el curs 2013\/2014 he incorporar el mateix controlador de motors L293D que hi havia a l&#8217;<a href=\"http:\/\/www.slideshare.net\/datunie\/ascensor-de-tres-plantes-programat-amb-scratch-for-arduino\" target=\"_blank\" rel=\"noopener\">ascensor de tres plantes<\/a> que van dissenyar i construir alumnes de 3r d&#8217;ESO del curs 2012\/2013. D&#8217;aquesta manera es pot controlar el funcionament del motor des d&#8217;un PC.<\/p>\n<figure id=\"attachment_1397\" aria-describedby=\"caption-attachment-1397\" style=\"width: 760px\" class=\"wp-caption aligncenter\"><a href=\"Electr\u00f2nica del projecte\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1397 size-large\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/videojoc_motor_bb-1024x545.png\" alt=\"videojoc_motor_bb\" width=\"770\" height=\"409\" \/><\/a><figcaption id=\"caption-attachment-1397\" class=\"wp-caption-text\">Electr\u00f2nica del projecte<\/figcaption><\/figure>\n<p>En l&#8217;esquema anterior s&#8217;ha simulat el contacte de l&#8217;anella del joc de pols i l&#8217;espiral de fil d&#8217;aram amb un polsador blanc.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Nivells<\/strong><\/p>\n<p>Com que es tracta d&#8217;un videojoc, s&#8217;ha incorporat al programa un selector de nivells: 1. F\u00e0cil. El motor no es mou. 2. Normal. El motor gira en una direcci\u00f3. 3. Dif\u00edcil. El motor gira un determinat temps en un sentit, gira en sentit contrari, torna a girar en el sentit inicial, etc. (el codi del nivell 3 serviria per a simular un programa d&#8217;una rentadora, per\u00f2 eixe seria un altre projecte). A continuaci\u00f3 podeu trobar la programaci\u00f3 de l&#8217;escenari, la targeta Arduino i un personatge que canvia amb cada errada i mostra que el joc ha finalitzat.<\/p>\n<figure id=\"attachment_1399\" aria-describedby=\"caption-attachment-1399\" style=\"width: 785px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1399 size-full\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/escenari.png\" alt=\"Programaci\u00f3 de l'escenari\" width=\"795\" height=\"623\" srcset=\"https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/escenari.png 795w, https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/escenari-300x235.png 300w, https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/escenari-768x602.png 768w\" sizes=\"auto, (max-width: 795px) 100vw, 795px\" \/><figcaption id=\"caption-attachment-1399\" class=\"wp-caption-text\">Programa de l&#8217;escenari<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_1400\" aria-describedby=\"caption-attachment-1400\" style=\"width: 544px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1400\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/arduino1.png\" alt=\"Programaci\u00f3 de la targeta Arduino\" width=\"554\" height=\"709\" srcset=\"https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/arduino1.png 554w, https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/arduino1-234x300.png 234w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><figcaption id=\"caption-attachment-1400\" class=\"wp-caption-text\">Programa de la targeta Arduino<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_1401\" aria-describedby=\"caption-attachment-1401\" style=\"width: 711px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1401\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/animacio1.png\" alt=\"Programa del personatge que indica les errades.\" width=\"721\" height=\"620\" srcset=\"https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/animacio1.png 721w, https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/animacio1-300x258.png 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><figcaption id=\"caption-attachment-1401\" class=\"wp-caption-text\">Programa del personatge que indica les errades.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p><strong>Programaci\u00f3 del videojoc amb Scratch 2.0<\/strong><\/p>\n<p>Programar un joc de pols com si f\u00f3ra un videojoc sense tenir la maqueta no \u00e9s f\u00e0cil. Per\u00f2 hem de pensar que quan contacta l&#8217;anella i l&#8217;espiral del fil d&#8217;aram es tanca un circuit. De fet, en la versi\u00f3 cl\u00e0ssica d&#8217;aquest projecte tenim un circuit senzill i quan hi ha una errada es tanca el circuit i s&#8217;enc\u00e9n una bombeta. Aix\u00f2 significa que tenim un polsador (com s&#8217;ha representat en l&#8217;esquema el\u00e8ctric). El teclat de l&#8217;ordinador el tenim ple de polsadors, aix\u00ed que qualsevol tecla serviria d&#8217;entrada per a simular el contacte de l&#8217;anella i el fil d&#8217;aram, \u00e9s a dir, per a simular les errades amb Scratch 2.0. Per\u00f2 aix\u00f2 \u00e9s un poc avorrit. Millor agafem un Arcade cl\u00e0ssic com el <a href=\"http:\/\/en.wikipedia.org\/wiki\/Pong\" target=\"_blank\" rel=\"noopener\">Pong<\/a> i fem servir errades reals: Quan la pilota contacte amb la barra roja inferior tindrem una errada.<\/p>\n<figure id=\"attachment_1403\" aria-describedby=\"caption-attachment-1403\" style=\"width: 501px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1403\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/pong.png\" alt=\"Errada\" width=\"511\" height=\"484\" srcset=\"https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/pong.png 511w, https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/pong-300x284.png 300w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><figcaption id=\"caption-attachment-1403\" class=\"wp-caption-text\">Errada<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Per a simular els tres graus de dificultat que li hem afegit al projecte amb la incorporaci\u00f3 del control del motor podem incloure tres nivells en el videojoc del Pong. Per exemple: 1. F\u00e0cil. 2. Normal. La pilota t\u00e9 major velocitat que en el nivell f\u00e0cil. 3. Dif\u00edcil. Apareixen dos pilotes.<\/p>\n<p>Quan copiem el codi d&#8217;Scratch 2.0 en Scratch for Arduino, haurem de canviar el sensor \u00abtocant el color roig?\u00bb, que indica que la bola ha tocat la l\u00ednia roja, per \u00absensor digital 2 premut?\u00bb, que s&#8217;activa quan el pin 2 d&#8217;Arduino rep senyal perqu\u00e8 l&#8217;anella del joc de pols ha tocat el fil d&#8217;aram. Tamb\u00e9 haurem d&#8217;incloure els blocs del control del motor en els nivells 2 i 3, eliminar tot all\u00f2 que t\u00e9 a veure amb el moviment de la pala i la pilota i afegir un personatge que fa\u00e7a alguna cosa cada vegada que hi haja una errada. La variable errada, vides i els subprogrames es quedaran m\u00e9s o menys igual. Tot es posar-se i provar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1405\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/Seleccio_552.png\" alt=\"Selecci\u00f3_552\" width=\"265\" height=\"114\" \/> \u00a0\u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1406\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/arduino11.png\" alt=\"arduino1\" width=\"267\" height=\"93\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Una possible soluci\u00f3 de programa per al videojoc en Scratch 2.0 el podeu trobar ac\u00ed:\u00a0<a href=\"http:\/\/scratch.mit.edu\/projects\/28234684\/\" target=\"_blank\" rel=\"noopener\">Videojoc Pong de 3 nivells<\/a>. En aquesta soluci\u00f3 s&#8217;ha afegit un marcador amb la puntuaci\u00f3 aconseguida. Per al Videojoc en 3D podr\u00edem afegir un cron\u00f2metre, per\u00f2 arriba un moment es que s&#8217;ha de parar d&#8217;afegir funcionalitats i deixar que siguen altres els que milloren el producte. Aix\u00ed que, si us animeu a fer els vostres videojocs en 3D podeu deixar un comentari al final de l&#8217;entrada amb un enlla\u00e7 al v\u00eddeo, entrada, fotos, &#8230; del projecte que heu fet.<\/p>\n<p>Si per als vostres projectes necessiteu instal\u00b7lar Scratch for Arduino en LliureX, ac\u00ed disposeu d&#8217;un manual actualitzat per a LliureX 14.06 Platinum: <span dir=\"auto\"><a href=\"http:\/\/wikimanuals.edutictac.es\/index.php?title=Instal%C2%B7laci%C3%B3_de_Scratch_for_Arduino_en_LliureX\" target=\"_blank\" rel=\"noopener\">Instal\u00b7laci\u00f3 de Scratch for Arduino en LliureX<\/a>.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>La connexi\u00f3 d&#8217;una maqueta amb un ordinador permet enriquir el treball que es realitza al taller de Tecnologia. No \u00e9s nom\u00e9s afegir al projecte el control de la maqueta per ordinador, ni afegir als continguts de la mat\u00e8ria la programaci\u00f3 per ordinador. M&#8217;agrada m\u00e9s la idea de que estem afegint a les classes l&#8217;\u00fas de la creativitat amb l&#8217;ajuda d&#8217;un ordinador. Eixa creativitat que permet que alumnes i professors dediquen hores interminables al desenvolupament d&#8217;un projecte en un taller de Tecnologia. El pr\u00f2xim objectiu ser\u00e0 que els alumnes juguen amb els projectes de Tecnologia mitjan\u00e7ant el seu m\u00f2bil, encara que potser aix\u00f2 \u00e9s ci\u00e8ncia-ficci\u00f3.<\/p>\n<p>&nbsp;<\/p>\n<p>PD. La maqueta del Videojoc en 3D ja ha viatjat a Gandia i a Castell\u00f3. En 10 dies anir\u00e0 a Madrid en companyia d&#8217;una marioneta intel\u00b7ligent i arribar\u00e0 el moment de buscar-li un bon dest\u00ed final.<\/p>\n<figure id=\"attachment_1402\" aria-describedby=\"caption-attachment-1402\" style=\"width: 790px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1402\" src=\"https:\/\/edutictac.es\/datunie\/wp-content\/uploads\/sites\/19\/2014\/10\/Juan_y_Daniel.png\" alt=\"De cam\u00ed a Madrid\" width=\"800\" height=\"457\" srcset=\"https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/Juan_y_Daniel.png 845w, https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/Juan_y_Daniel-300x171.png 300w, https:\/\/edutictac.es\/blog\/datunie\/wp-content\/uploads\/sites\/9\/2014\/10\/Juan_y_Daniel-768x439.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-1402\" class=\"wp-caption-text\">De cam\u00ed a Madrid<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Ja portem m\u00e9s d&#8217;un mes des del comen\u00e7ament del curs escolar. Si, com a novetat, l&#8217;inici d&#8217;aquest curs escolar s&#8217;ha avan\u00e7at al dia 3 de setembre, amb temperatures superiors als 30 graus al llarg de les primeres setmanes. Potser com a innovaci\u00f3 educativa podr\u00edem adaptar el calendari escolar a les condicions del clima i de &#8230; <a title=\"Qu\u00e8 hi ha darrere del videojoc en 3D?\" class=\"read-more\" href=\"https:\/\/edutictac.es\/blog\/datunie\/2014\/10\/06\/que-hi-ha-darrere-del-videojoc-en-3d\/\" aria-label=\"M\u00e9s informaci\u00f3 sobre Qu\u00e8 hi ha darrere del videojoc en 3D?\">Llegiu m\u00e9s<\/a><\/p>\n","protected":false},"author":10,"featured_media":1404,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[3,8,30,32,42],"tags":[49,59,75,77,82],"class_list":["post-1578","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplicacions-didactiques","category-ensenyament","category-projectes","category-robotica","category-videojocs","tag-aplicacions-didactiques","tag-ensenyament","tag-projectes","tag-robotica","tag-videojocs"],"_links":{"self":[{"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/posts\/1578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/comments?post=1578"}],"version-history":[{"count":0,"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/posts\/1578\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/media\/1404"}],"wp:attachment":[{"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/media?parent=1578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/categories?post=1578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/datunie\/wp-json\/wp\/v2\/tags?post=1578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}