http://wiki.joanillo.org/index.php?action=history&feed=atom&title=M06-UF3%2C_Exercicis_de_classe 2026-08-30T11:43:02Z Historial de revisió per a aquesta pàgina del wiki MediaWiki 1.34.2 http://wiki.joanillo.org/index.php?title=M06-UF3,_Exercicis_de_classe&diff=258721&oldid=prev 2019-12-19T18:33:37Z

<p></p> <p><b>Pàgina nova</b></p><div>__TOC__<br /> =Exercici de classe (9/12/2019): Rellotge analògic=<br /> Ens basem en el següent codi:<br /> *https://codepen.io/pmkirsten/pen/yAbgG<br /> Primer de tot, l'alumne executarà el codi en la seva màquina i estudiarà el codi, identificant-ne les diferents parts.<br /> <br /> Bàsicament el que volem en l'exercici és millorar la funcionalitat, doncs el disseny és molt bàsic. Se't demana:<br /> #El primer que podem fer és que les busques (hores, minuts i segons) i el contorn siguin més gruixuts.<br /> #Tenim un array amb la referència de 5 imatges. Quan cliquis a dins de l'esfera poses una imatge de fons. Cada vegada que cliques, canvia la imatge. A la 6a vegada, tornem a recuperar el fons negre (sense imatge).<br /> #Podem observar que la busca dels segons canvia de forma suau. Quan cliquem sobre la busca dels segons, aquesta s'haurà de moure de forma ''brusca''. Quan tornem a clicar recuperem el moviment suau.<br /> #busca de les hores. Tenim un array amb 5 colors. Cada vegada que cliquem la busca de les hores canvia el seu color.<br /> #contorn del rellotge. Quan cliquem la busca dels minuts (minutera) ens apareixeran els números 1-12 ben posicionats. Aquesta part serà més difícil. Ja entens que hauràs de fer una mica de trigonometria.<br /> #doble click sobre l'esfera del rellotge: activem/desactivem el soroll dels segons.<br /> <br /> '''solució:''': [[Fitxer:RelojAnalogico.zip]]<br /> =Flocs de neu, us desitjo un Bon Nadal!!=<br /> Partim de:<br /> *https://www.iprodev.com/merry-christmas-snowing-effect-htmlcss-javascript/<br /> A classe hem estudiat el comportament principal d'aquest codi, i hem detectat les variables més importants que afecten als flocs: densitat, tamany, color, transparència, velocitat horitzontal, velocitat vertical.<br /> <br /> Es tracta d'integrar aquest codi Javascript en qualsevol pàgina que hagis treballat durant el trimestre, per tal de felicitar als teus usuaris un Bon Nadal!<br /> <br /> Entrega al Classroom una captura de pantalla de la teva solució.<br /> <br /> {{Autor}}, desembre 2019</div>

Joan