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
