SlideShare a Scribd company logo
1 of 4
Download to read offline
PROGRAMEM AMB SCRATCH
FORMES I VOLUMS
INTRODUCCIÓ
 Som una empresa que ens dediquem a construir i dissenyar
aquaris de qualsevol forma i mida.
 Tenim una màquina-eina de tall capaç de tallar el vidre amb la
forma de qualsevol figura plana regular.
 L’eina de tall es controla mitjançant un programa realitzat
amb scratch, duplica les figures que surten dibuixades a la
pantalla de l’ordinador i es capaç de tallar vidres de diferents
gruixos.
QUE VOLEM?
 Dissenyar un programa capaç de dibuixar qualsevol forma plana regular.
REQUISITS MÍNIMS
 El programa ha de dibuixar formes planes.
 L’eina de tall sempre ha de començar a tallar des del mateix punt.
 El programa ha de fer servir un bucle per dibuixar les figures.
EXCELENCIA
 El programa ha de donar, en acabat, informació del perímetre de la forma dibuixada
per a calcular la quantitat de goma necessària per a fer el tancament hermètic.
 Tenir una interfase interactiva que demani a l’usuari el nombre de costats i el tamany
per construir la figura.
 Modificar el gruix de la línia o el color per modificar la profunditat de tall.
Una mica de teoria
Posició i direcció dels objectes
Cada objecte que aparegui a l'escenari està en una posició determinada, que ve donada per
les seves coordenades (de fet, les coordenades del seu centre; en parlarem més endavant). A
més d'una posició, cada objecte dins de l'escenari té una direcció.
La direcció de l'objecte, el gatet en el nostre cas, pot prendre valors entre -180 i +180. Ens
indicaran els graus des de la vertical, positius en el sentit de les agulles del rellotge i negatius
en sentit contrari.
Tots els objectes que apareguin a l'escenari tindran una posició i una direcció.
 Les instruccions estan categoritzades segons el que fan. Teniu un marc amb un botó
per categoria. Si premeu qualsevol botó d'aquests obtindreu, a la zona de sota, les
instruccions corresponents a aquesta categoria.
 Taronja: Les diferents categories de les instruccions.
 Verd clar: Les instruccions corresponents a la categoria
seleccionada
 Granat: Botons amb diferents opcions
 Vermell: Escenari on tindran lloc les nostres animacions
 Marró: Botons per manipular els objectes de l'escenari
 Verd fosc: Zona d'objectes i fons de l'escenari
 Blau cel: Característiques de l'objecte triat a la zona d'objectes
 Blau fosc: Botons diversos (pantalla completa, editor de dibuixos, etc.)
 Blanc: Zona de programació
 Rosa: Botons per engegar i aturar l'execució del programa.
COMENÇEM A PROGRAMAR
Construirem pas per pas un programa per a dibuixar formes quadrades.
Decidim que volem que el costat del quadrat faci 50 unitats, així doncs,
arrastrem el bloc de moviment a la zona de programa i escric 50 a la capsa de text.
Si faig doble clic damunt del bloc, observo que el gatet es desplaça 50
unitats cap a la dreta. Si observem la nostra figura (el quadrat) podem
adonar-nos que per a que el gat continuï amb el seu recorregut, ha de
fer un gir de 90º.
Així doncs,si repeteixo aquesta combinació 4 vegades, aconseguiré que
el gatet dibuixi la forma d’un cuadrat, o, almenys faci un recorregut
cuadrat.
Que ha passat? No em vist res? Això és perquè el gatet es mou molt
ràpid, per veure el moviment em de dir-li que s’esperi després de cada
tram.
Ara sí que veiem el moviment, però no dibuixa res.
Això és perquè en cap moment li em dit que ha de
dibuixar. Tots els objectes tenen un llapis que els
permet dibuixar per allà on passen, per això els hi em de dir que
“baixin el llapis” abans de moure’s i que “aixequin el llapis quan hagin
acabat”.
Així doncs, el nostre programa finalitzat quedaria de la següent manera. Com que no vull
estar fent doble click cada vegada que el vull executar, li col·loco davant l’event “al prémer
bandera verda” i així tinc un control interactiu sobre la seva execució.
I ARA QUÈ?
Si volem esborrar la pantalla, farem servir el bloc «neteja» .
Per situar-nos en una posició determinada, per exemple per començar sermpre a la mateixa
posició, farem servir el bloc «ves a x,y» .
Per acabar (de començar) fixeu-vos que estem repetint el mateix conjunt d'ordres 4 vegades
(mou-te i gira), podriem simplificar el programa fent servir el que en programació anomenem
un «bucle» que es repeteixi aquest nombre de vegades.
En acabat, hauriem de ser capaços de dibuixar un quadrat amb el mínim d'ordres possibles,
però, seriem capaços de dibuixar un triangle, i un hexàgon?
PER ANAR MÉS ENLLÀ – INTERACTIVITAT
L'ordre «pregunta» permet a l'aplicació demanar dades a
l'usuari.
La resposta obtinguda s'enmagatzema a la
variable «resposta» i es pot fer servir com un valor més, com ara un
nombre pel bucle.
Les possibilitats són infinites. Altres ordres d'interés són
«digues», que permet donar
informació per pantalla, o
«dividir» que permet fer
la operació de dividir dos valors .
PISTA: Quín és l'angle total que gira el gatet en acabar de dibuixar la figura? Quin és l'angle
parcial que gira cada cop? Quína relació tenen amb el nombre de costats de la figura?

More Related Content

What's hot (19)

Com crear un esquema amb Word Cmateo2015
Com crear un esquema amb Word Cmateo2015Com crear un esquema amb Word Cmateo2015
Com crear un esquema amb Word Cmateo2015
 
T1 e1 b5_beltran-alexandra
T1 e1 b5_beltran-alexandraT1 e1 b5_beltran-alexandra
T1 e1 b5_beltran-alexandra
 
Aplicacions illustrator
Aplicacions illustratorAplicacions illustrator
Aplicacions illustrator
 
Activitat Gimp
Activitat GimpActivitat Gimp
Activitat Gimp
 
Tutorial 3dtin
Tutorial 3dtinTutorial 3dtin
Tutorial 3dtin
 
Gimp Manual Del Curs
Gimp Manual Del CursGimp Manual Del Curs
Gimp Manual Del Curs
 
De la hoz cacera impress
De la hoz cacera impressDe la hoz cacera impress
De la hoz cacera impress
 
Act2
Act2Act2
Act2
 
Tutorial PopArt amb el Gimp
Tutorial PopArt amb el GimpTutorial PopArt amb el Gimp
Tutorial PopArt amb el Gimp
 
Curs pràctic photoshop cs en català
Curs pràctic photoshop cs en catalàCurs pràctic photoshop cs en català
Curs pràctic photoshop cs en català
 
Pixlr
PixlrPixlr
Pixlr
 
Minitutorial:Eines de Dibuix
Minitutorial:Eines de DibuixMinitutorial:Eines de Dibuix
Minitutorial:Eines de Dibuix
 
T1 e1 b5_pelegrin_clara
T1 e1 b5_pelegrin_claraT1 e1 b5_pelegrin_clara
T1 e1 b5_pelegrin_clara
 
Presentacio20diap
Presentacio20diapPresentacio20diap
Presentacio20diap
 
Pissarra Digital
Pissarra DigitalPissarra Digital
Pissarra Digital
 
GIMP - Restauració fotografia antiga
GIMP - Restauració fotografia antigaGIMP - Restauració fotografia antiga
GIMP - Restauració fotografia antiga
 
Presentacio20diap
Presentacio20diapPresentacio20diap
Presentacio20diap
 
Presentacions
PresentacionsPresentacions
Presentacions
 
Pong 2
Pong  2Pong  2
Pong 2
 

Similar to Programem amb scratch 1

T3 talp barrejat
T3 talp barrejatT3 talp barrejat
T3 talp barrejattecnovicent
 
Montsepujol xinternet
Montsepujol xinternetMontsepujol xinternet
Montsepujol xinternetguiumontse
 
GIMP - Retoc d'arrugues
GIMP - Retoc d'arruguesGIMP - Retoc d'arrugues
GIMP - Retoc d'arruguesomnia valls
 
Introduccio a LibreCAD
Introduccio a LibreCADIntroduccio a LibreCAD
Introduccio a LibreCADJosep
 
Guia ràpida per a Stellarium
Guia ràpida per a StellariumGuia ràpida per a Stellarium
Guia ràpida per a StellariumAngel Juan
 
1. 1 repte primer. descobrir el writer l'entorn de treball
1. 1 repte primer. descobrir el writer   l'entorn de treball1. 1 repte primer. descobrir el writer   l'entorn de treball
1. 1 repte primer. descobrir el writer l'entorn de treballAries Mars
 
Robo Mind
Robo MindRobo Mind
Robo Mindplanas
 
La meva primera presentació
La meva primera presentacióLa meva primera presentació
La meva primera presentacióPreud'osle Fmrrn
 
P5 retallar, rotar i invertir
P5   retallar, rotar i invertirP5   retallar, rotar i invertir
P5 retallar, rotar i invertirxevisala
 
Iniciació a la programació amb l’scratch
Iniciació a la programació amb l’scratchIniciació a la programació amb l’scratch
Iniciació a la programació amb l’scratchEloy
 
Camins i viatges amb Google Earth
Camins i viatges amb Google EarthCamins i viatges amb Google Earth
Camins i viatges amb Google EarthIOCacp
 

Similar to Programem amb scratch 1 (20)

T3 talp barrejat
T3 talp barrejatT3 talp barrejat
T3 talp barrejat
 
Gimp Manual Del Curs
Gimp Manual Del CursGimp Manual Del Curs
Gimp Manual Del Curs
 
Montsepujol xinternet
Montsepujol xinternetMontsepujol xinternet
Montsepujol xinternet
 
GIMP - Retoc d'arrugues
GIMP - Retoc d'arruguesGIMP - Retoc d'arrugues
GIMP - Retoc d'arrugues
 
Introduccio a LibreCAD
Introduccio a LibreCADIntroduccio a LibreCAD
Introduccio a LibreCAD
 
Pixlr
PixlrPixlr
Pixlr
 
T2 paint pot-1
T2 paint pot-1T2 paint pot-1
T2 paint pot-1
 
T2 paint pot
T2 paint potT2 paint pot
T2 paint pot
 
Guia ràpida per a Stellarium
Guia ràpida per a StellariumGuia ràpida per a Stellarium
Guia ràpida per a Stellarium
 
3D Max Help
3D Max Help3D Max Help
3D Max Help
 
Clics!: Com fer una portada
Clics!: Com fer una portadaClics!: Com fer una portada
Clics!: Com fer una portada
 
Activitatspaintshop
ActivitatspaintshopActivitatspaintshop
Activitatspaintshop
 
1. 1 repte primer. descobrir el writer l'entorn de treball
1. 1 repte primer. descobrir el writer   l'entorn de treball1. 1 repte primer. descobrir el writer   l'entorn de treball
1. 1 repte primer. descobrir el writer l'entorn de treball
 
Robo Mind
Robo MindRobo Mind
Robo Mind
 
La meva primera presentació
La meva primera presentacióLa meva primera presentació
La meva primera presentació
 
5 marieta caçadora
5 marieta caçadora5 marieta caçadora
5 marieta caçadora
 
P5 retallar, rotar i invertir
P5   retallar, rotar i invertirP5   retallar, rotar i invertir
P5 retallar, rotar i invertir
 
Presentació.ex.2i3
Presentació.ex.2i3Presentació.ex.2i3
Presentació.ex.2i3
 
Iniciació a la programació amb l’scratch
Iniciació a la programació amb l’scratchIniciació a la programació amb l’scratch
Iniciació a la programació amb l’scratch
 
Camins i viatges amb Google Earth
Camins i viatges amb Google EarthCamins i viatges amb Google Earth
Camins i viatges amb Google Earth
 

More from institutmontgros (20)

El feudalisme
El feudalismeEl feudalisme
El feudalisme
 
Aire
AireAire
Aire
 
Voluntariat (presentacio tancada)
Voluntariat (presentacio tancada)Voluntariat (presentacio tancada)
Voluntariat (presentacio tancada)
 
Què és la història
Què és la història Què és la història
Què és la història
 
El temple grec
El temple grecEl temple grec
El temple grec
 
Pintura romana-111006140645-phpapp02
Pintura romana-111006140645-phpapp02Pintura romana-111006140645-phpapp02
Pintura romana-111006140645-phpapp02
 
Altarzeusprgam 140924021501-phpapp01
Altarzeusprgam 140924021501-phpapp01Altarzeusprgam 140924021501-phpapp01
Altarzeusprgam 140924021501-phpapp01
 
Teatreepidaure 140922140843-phpapp01
Teatreepidaure 140922140843-phpapp01Teatreepidaure 140922140843-phpapp01
Teatreepidaure 140922140843-phpapp01
 
Atenea niké
Atenea nikéAtenea niké
Atenea niké
 
Partenon
PartenonPartenon
Partenon
 
Erecteon
ErecteonErecteon
Erecteon
 
Què+és+l'art (1)
Què+és+l'art (1)Què+és+l'art (1)
Què+és+l'art (1)
 
Funció+de+l'obra+d'art
Funció+de+l'obra+d'artFunció+de+l'obra+d'art
Funció+de+l'obra+d'art
 
Dossier+2+arts+plàstiques+art+romà
Dossier+2+arts+plàstiques+art+romàDossier+2+arts+plàstiques+art+romà
Dossier+2+arts+plàstiques+art+romà
 
Arquitectura+romana
Arquitectura+romanaArquitectura+romana
Arquitectura+romana
 
Context històric roma
Context històric romaContext històric roma
Context històric roma
 
Dossier arquitectura+grega
Dossier arquitectura+gregaDossier arquitectura+grega
Dossier arquitectura+grega
 
Parts+del+temple (1)
Parts+del+temple (1)Parts+del+temple (1)
Parts+del+temple (1)
 
El temple grec
El temple grecEl temple grec
El temple grec
 
Art+clàssic grècia
Art+clàssic grèciaArt+clàssic grècia
Art+clàssic grècia
 

Recently uploaded

ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfISMAELALVAREZCABRERA
 
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,Lasilviatecno
 
ESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdf
ESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdfESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdf
ESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdfErnest Lluch
 
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATMECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATLasilviatecno
 
Plans Estudi per Especialitats - El Musical
Plans Estudi per Especialitats - El MusicalPlans Estudi per Especialitats - El Musical
Plans Estudi per Especialitats - El Musicalalba444773
 
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfISMAELALVAREZCABRERA
 
Sílvia_López_Competic3_bloc000002_C8.pdf
Sílvia_López_Competic3_bloc000002_C8.pdfSílvia_López_Competic3_bloc000002_C8.pdf
Sílvia_López_Competic3_bloc000002_C8.pdfsilvialopezle
 

Recently uploaded (8)

ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
 
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
 
ESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdf
ESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdfESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdf
ESCOLAERNESTLLUCHINFORME_BAREM_RESOLTES_BAREM.pdf
 
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATMECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
 
itcs - institut tècnic català de la soldadura
itcs - institut tècnic català de la soldaduraitcs - institut tècnic català de la soldadura
itcs - institut tècnic català de la soldadura
 
Plans Estudi per Especialitats - El Musical
Plans Estudi per Especialitats - El MusicalPlans Estudi per Especialitats - El Musical
Plans Estudi per Especialitats - El Musical
 
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
 
Sílvia_López_Competic3_bloc000002_C8.pdf
Sílvia_López_Competic3_bloc000002_C8.pdfSílvia_López_Competic3_bloc000002_C8.pdf
Sílvia_López_Competic3_bloc000002_C8.pdf
 

Programem amb scratch 1

  • 1. PROGRAMEM AMB SCRATCH FORMES I VOLUMS INTRODUCCIÓ  Som una empresa que ens dediquem a construir i dissenyar aquaris de qualsevol forma i mida.  Tenim una màquina-eina de tall capaç de tallar el vidre amb la forma de qualsevol figura plana regular.  L’eina de tall es controla mitjançant un programa realitzat amb scratch, duplica les figures que surten dibuixades a la pantalla de l’ordinador i es capaç de tallar vidres de diferents gruixos. QUE VOLEM?  Dissenyar un programa capaç de dibuixar qualsevol forma plana regular. REQUISITS MÍNIMS  El programa ha de dibuixar formes planes.  L’eina de tall sempre ha de començar a tallar des del mateix punt.  El programa ha de fer servir un bucle per dibuixar les figures. EXCELENCIA  El programa ha de donar, en acabat, informació del perímetre de la forma dibuixada per a calcular la quantitat de goma necessària per a fer el tancament hermètic.  Tenir una interfase interactiva que demani a l’usuari el nombre de costats i el tamany per construir la figura.  Modificar el gruix de la línia o el color per modificar la profunditat de tall.
  • 2. Una mica de teoria Posició i direcció dels objectes Cada objecte que aparegui a l'escenari està en una posició determinada, que ve donada per les seves coordenades (de fet, les coordenades del seu centre; en parlarem més endavant). A més d'una posició, cada objecte dins de l'escenari té una direcció. La direcció de l'objecte, el gatet en el nostre cas, pot prendre valors entre -180 i +180. Ens indicaran els graus des de la vertical, positius en el sentit de les agulles del rellotge i negatius en sentit contrari. Tots els objectes que apareguin a l'escenari tindran una posició i una direcció.  Les instruccions estan categoritzades segons el que fan. Teniu un marc amb un botó per categoria. Si premeu qualsevol botó d'aquests obtindreu, a la zona de sota, les instruccions corresponents a aquesta categoria.  Taronja: Les diferents categories de les instruccions.  Verd clar: Les instruccions corresponents a la categoria seleccionada  Granat: Botons amb diferents opcions  Vermell: Escenari on tindran lloc les nostres animacions  Marró: Botons per manipular els objectes de l'escenari  Verd fosc: Zona d'objectes i fons de l'escenari  Blau cel: Característiques de l'objecte triat a la zona d'objectes  Blau fosc: Botons diversos (pantalla completa, editor de dibuixos, etc.)  Blanc: Zona de programació  Rosa: Botons per engegar i aturar l'execució del programa.
  • 3. COMENÇEM A PROGRAMAR Construirem pas per pas un programa per a dibuixar formes quadrades. Decidim que volem que el costat del quadrat faci 50 unitats, així doncs, arrastrem el bloc de moviment a la zona de programa i escric 50 a la capsa de text. Si faig doble clic damunt del bloc, observo que el gatet es desplaça 50 unitats cap a la dreta. Si observem la nostra figura (el quadrat) podem adonar-nos que per a que el gat continuï amb el seu recorregut, ha de fer un gir de 90º. Així doncs,si repeteixo aquesta combinació 4 vegades, aconseguiré que el gatet dibuixi la forma d’un cuadrat, o, almenys faci un recorregut cuadrat. Que ha passat? No em vist res? Això és perquè el gatet es mou molt ràpid, per veure el moviment em de dir-li que s’esperi després de cada tram. Ara sí que veiem el moviment, però no dibuixa res. Això és perquè en cap moment li em dit que ha de dibuixar. Tots els objectes tenen un llapis que els permet dibuixar per allà on passen, per això els hi em de dir que “baixin el llapis” abans de moure’s i que “aixequin el llapis quan hagin acabat”. Així doncs, el nostre programa finalitzat quedaria de la següent manera. Com que no vull estar fent doble click cada vegada que el vull executar, li col·loco davant l’event “al prémer bandera verda” i així tinc un control interactiu sobre la seva execució.
  • 4. I ARA QUÈ? Si volem esborrar la pantalla, farem servir el bloc «neteja» . Per situar-nos en una posició determinada, per exemple per començar sermpre a la mateixa posició, farem servir el bloc «ves a x,y» . Per acabar (de començar) fixeu-vos que estem repetint el mateix conjunt d'ordres 4 vegades (mou-te i gira), podriem simplificar el programa fent servir el que en programació anomenem un «bucle» que es repeteixi aquest nombre de vegades. En acabat, hauriem de ser capaços de dibuixar un quadrat amb el mínim d'ordres possibles, però, seriem capaços de dibuixar un triangle, i un hexàgon? PER ANAR MÉS ENLLÀ – INTERACTIVITAT L'ordre «pregunta» permet a l'aplicació demanar dades a l'usuari. La resposta obtinguda s'enmagatzema a la variable «resposta» i es pot fer servir com un valor més, com ara un nombre pel bucle. Les possibilitats són infinites. Altres ordres d'interés són «digues», que permet donar informació per pantalla, o «dividir» que permet fer la operació de dividir dos valors . PISTA: Quín és l'angle total que gira el gatet en acabar de dibuixar la figura? Quin és l'angle parcial que gira cada cop? Quína relació tenen amb el nombre de costats de la figura?