jueves, 20 de abril de 2017

PRÀCTIQUES AMB L'APP INVENTOR

Amb aquesta aplicació hem fet moltes pràctiques, ara mostraré les meves personalitzades i el procés per poder enllestir-les.


1.Hello purr:
                           

Per començar a explicar aquesta pràctica, separaré en 2 parts el treball, la part de la pantalla i la part de la construcció dels blocs


1.Pantalla:

Per començar,havíem de insertar dintre de la 'pantalla' un button desde la palette.

Una vegada posat el button, anem a la columna i posem la imatge que havíem descarregat a través de imatge-Upload File.

Per poder ajustar bé la imatge, li posem de Height i de Width fill parent per poder ajustar la fotografía en el requadre de la pantalla.


 











































Una vegada hem escollit i  ajustat el tamany de la imatge,pasem al següent punt; introduïr un label de la palette,com havíem fet anteriorment quan havíem introduït el button.
















  Després  d'introduïr el label, anem a la seva columna i on posa text,introduïm les paraules, que la
persona creadora de la pràctica,  vulgui.

ex :Press it





 Per últim, descarreguem un soroll, en el meu cas, un lladruc, perquè la meva imatge és d'un gos i insertem el Sound-Media-Palette.


 





 













2.BLOCS


Per fer que quan cliquéssim al gos, sonés un lladruc i vibrés, primer pulsem de la part del button1, el bloc de: When button1.Click do...


 
Ara, hem clicar el sound1 i agafem aquest bloc i l'unim amb el When button1.Click do...



Després de fer aquest seguiment,cliquem a math i treiem el zero que és la primera casella que surt de blocs i la arrastrem cap a la pantalla; una vegada fet on posa zero, introduïm un 500 i l'unim amb el millisecs  









Una vegada fet això i per últim,cliquem a sobre del Sound1 i treiem dels blocs que ens donen, un que posa: call Sound1.Play i l'unim a sota  del bloc call Sound1.Vibrate millisecs




-I els blocs quedaríen així:









-I la pantalla aixi:








2.Paint pot part 1


Aquest aplicació el que ens permetrà serà, posar una foto de fons i amb els color que nosaltres escollim, pintar sobre de la imatge.




Per començar la pràctica, introduïm 3 buttons que es situaven a la palette a la part esquerra de la pantalla.



Aquest buttons, els hi ficarem un altre nom amb el botó, rename 



que es troba al costat de delete i els renombrem button... i el nom del color, en el meu cas, groc,verd i vermell.

i quedaria així:







Ara quan cliquem a sobre dels botons, el color que hem escollit, l'hem de relacionar amb el color de la casella que apareixerà en pantalla,és a dir, si jo he ficat que la meva primera casella es de color vermella, anirè a les característiques d'aquella casella i seleccionaré que a la pantalla aparèixi el color vermell.



 I així amb els tres botons.
Una vegada, els tres buttons, ja tenen el color corresponent,agafem del Layout( que està a la palette) i treiem i posem a la pantalla, el HoritzontalArrangement, aquest serà com un petit quadrat, el qual podrem modificar la seva mida i el color, on podrem posar els 3 buttons dintre, en el meu cas, el vermell, el blau i el groc.

Quedaría així:

Perquè ens surti només el nom del color i no button...( i el nom del color),canviem el text del botó a la opció de TEXT què té cada botó.





Una vegada fet això,creem un nou botó i fem el mateix seguiment què l'anterior, però aquesta vegada,no li posarem el nom de ningún color, perquè aquest botó no l'utilitzarem per pintar, l'utilitzarem per borrar els guixots i línies què hem fet a la pantalla,aquest botó l'anomenarem ButtonWipe amb la tecla abans explicada, el Rename; La qual,com no volem què a la pantalla aparèixi com a ButtonWipe,li canviarem el nom amb el TEXT i li posarem WIPE(que amb anglès,significa,borrar,començar de zero)

Per últim,per introduïr la imatge a la pantalla,utilitzarem un DrawingCanvas, que es situa en bloc de Drawing and animation i una vegada això, per introduÏr la foto,cliquem a sobre del canvas i en el apartat de BackgroundImage, seleccionem la imatge, la qual,havíem descarregat anteriorment.

La pantalla inicial la veuríem així (la imatge es al gust de la persona,no cal posar la mateixa)










BLOCS:


Per començar a crear blocs,començarem amb la funció del botons, és a dir, quan cliquem el boto del color,que surti el color corresponent.

Per això,agafarem el primer bloc de la part del buttonRed i el ficarem a la pantalla, el bloc diu així: When buttonRed.click do...  i entrem a la casella DrawingCanvas i treiem el bloc:




Una vegada hem agafat el bloc, ajuntem aquest anterior amb  el When buttonRed.click do... Quedaría així:





A continuació, tenim fet aquest bloc, fem el mateix amb els restants, en el meu cas el groc i el verd.





Amb aquests blocs, ara podrem pintar a sobre de la imatge.







El pas següent serà,clicar al button wipe i extreure el bloc de: When buttonWipe.click do i afegim el call Drawingcanvas.Clear que lògicament extreurem del Drawing canvas.




A continuació, agafarem del Drawing canvas, el bloc de: when DrawingCanvas. Touched  do... i afegim en els tres espais,una x, una y i un touchedAnySprite

 Ara agafem del Canvas el bloc següent:




-I li afegim un get x i get y
que extreïem de la 'x' i la 'y' 


  - Desprès,afegim un 5, que treurem del bloc de math.

-I per completar aquest últim bloc, afegirem un true del bloc de logic.











Per últim, per fer el últim bloc, el farem, entrant al drawing canvas i treient el bloc de:






i l'ajuntarem amb aquest altre bloc:

Aquest bloc permetrà dibuixar línies a sobre de la fotografía.

El bloc final quedarà així:


Finalment,a continuació mostro com queden tots els blocs:







3.Paint pot part 2

PANTALLA:











Aquesta és la foto la qual he escollit:

















En aquesta pràctica,la funció de pintar la pantalla serà la mateixa però aquesta vegada incloent un small dots and big dots, per poder pintar les línies més gruixudes o més primes.



Per poder crear aquest dos nous botons, caldrà què afegim a la nostra pantalla un nou horitzontal arrangement, el qual, es situarà en el layout, en la part de la palette.


Està explicat a la pràctica anterior.



Una vegada creat el horitzontal arrangement,creem també TRES buttons nous, els quals els hi canviarem el nom amb el rename, (abans ja l'he explicat)
i els ficarem dintre del horitzontal arrangement, com hem fet anteriorment ficant els botons de color dintre del horitzontal arrangement.

Una vegada fet això, el qual,  permetrà canviar la mida de la línia, li canviem el nom que volem que apareixi a la pantalla amb el text( que està a les característiques del botó), i fiquem, Smalldots i a l'altre button, l'anomenem Bigdots  and mediumdots



BLOCS:


Com ja he dit abans, els blocs seran iguals que els de la pràctica anterior, per tant, només afegirem algunes coses.



Aquests tres botons permetran canviar la mida de la línia, tant el botó de Bigdots,com el de Smalldots.







Aquest botó, permetrà que quan cliquem a sobre del botó, Smalldots, aquest, canvii el tamany de la línia.





Aquests serien els dos blocs què permetran canviar el grosor i el tamany de la línia quan cliquem a sobre.



Finalment, així tindría què quedar la distribució de tots els blocs:










 4.MOLEMASH:

Aquesta pràctica constarà de una imatge, la qual,  es va movent i quan nosaltres cliquem a sobre d'aquesta imatge,es suma un punt o score.



PANTALLA:

-Per começar,agafarem un Mycanvas, que el trobem al Drawing and Animation , el qual, es troba a la Palette, i l'afegirem a la pantalla.

-Una vegada això estigui fet, afegim també a la pantalla, una imagesprite que es troba ambé a la palette, al lloc de Drawing and Animation. Aquesta imatge la anomenarem,mole.

A part d'això, com era personalitzat, vaig posar una altre imatge, però aquesta no es mouria,es una altre imatgesprit, una vegada la tenim posada a la pantalla, adjuntem la imatge que volem que surti a a la pantalla, en el meu cas, mario bros, la fotografía, ha de ser height i width de 50 pixels.

-Una vegada això, introduïm un Label, què es situa al user interface d la palette.
El farem servir com a Score, és a dir,servira per posar la puntuació,per fer-ho,anem a la característiques del label i introduïm el text que volem què es vegi ; en el meu cas, ficarè 'Score:'

-A baix del Label, ficarè un button, que farà la funció de reset, és a dir, de tornar a començar.
Per això, haurem de canviar el text, el qual ficarem Reset.


- A baix de 'Reset' introduïrem un soroll, és a dir,introduïrem un 'sound' que es troba a media a la palette i buscarem un soroll d'mp3 i el desarregarem als nostres arxius,i una vegada fet això, l'ajuntarem mb el soroll.

-Per últim però no més important, ficarem un mole timer, el qual,  programarem perquè es mogui en un temps determinat, una vegada l'hem picat a sobre.




BLOCS:


Aquests son tots els blocs







Una vegada tot això, es pot variar la velocitat del talp-o altre animal, en resposta al bé que el jugador està fent.
Per variar la rapidesa amb què el talp-animal es mou, haurà de canviar el MoleTimer 's



5.EL PONG

Aquesta és la última pràctica,la qual consisteix a construir una barra virtual i dues boles i ferles rebotar
per tota la pantalla fins que es caiguin.


-Per començar, crearem un HoritzontalArrangement (ja explicat i situat)  i el ficarem a la pantalla.

-Després crearem un ScoreLabel (ja situat i explicat), que sevirà per veure quants rebots hem fet amb
 la pilota amb la barra.

-També crearem un botó d'inici, és a dir de Start i un altre de tornar a començar, és a dir, de Reset.
Llavors una vegada creats, els dos buttons i el Label, els introduïm els tres dintre del HoritzontalArrangement.


- Una vegada fet això, fiquem un Canvas(explicat i situat) el qual,  serà on adjuntem la barra i les boles  ( abaix la podeu descarregar) i al ser un Canvas,
 permetra que la barra es mogui per la pantalla  de dreta a esquerra i les boles de dalt a baix; i també ficarem 1 imatgesprite què serà on adjuntarem la fotografia
de la barra i que després programarem (explicada i situada)
i  per últim,ficarem 2 boles, ball1 and ball2, les quals es troben al  Drawing and Animation de la palette i les ficarem dintre del Canvas.

Per descarregar la barra: Aquí



BLOCS:


A continuació us adjunto una web on expliquen tot el procediment, pas a pas, com es va fent cada bloc:
-Drive amb explicació


Els blocs finals d'aquesta pràctica.





















Us adjunto els enllaços dels meus treballs per si voleu entrar a fer una ullada:

-Hello Purr
-Primera part Paint Pot
-Segona part Paint Pot
-Mole Mash
-Pong







No hay comentarios:

Publicar un comentario