.

1. Formació prèvia Game Jam 2017
Citilab Cornellà
20 de setembre 2017 16:00-18:30

2. >> Guió
16:00
Game Jams i la Barcelona Game Jam 2017.
16:15
Temàtica de la Jam: Smart Citizens i estalvi d’energia.
16:30
Recursos de programació, gràfics, so i creació de guions.
16:45
Taller de programació de jocs amb Scratch 1: Joc del Pong.
Programació per blocs, estructures de programació bàsiques, variables i cronòmetre.
17:45
Taller de programació de jocs amb Scratch 1: Història animada
Moviment, interacció entre personatges i escenaris.

3. >> Game Jam
❏ Trobada per desenvolupar un joc en un temps limitat.
❏ Un format habitual és 48 hores seguides (cap de setmana).
❏ Hi participen grups amb integrants de diferents perfils, com ara
desenvolupadors, artistes, músics o guionistes.
❏ El joc pot servir per a desenvolupar una idea, treballar un tema o
provar eines, entre d’altres.

4. >> Jam Today
www.jamtoday.eu
❏ Projecte europeu per treballar el format de
les game jams amb fins educatius.
❏ Es creen jocs que serveixen per a ensenyar o
treballar alguna temàtica concreta.
❏ El Citilab i ENTI-UB amb participar amb
aquest projecte i han organitzat 3 game
jams amb la programació, els hàbits
saludables i les matemàtiques com a temes.

5. >> Configuració dels equips
Producer
Game
Designer
Artist
Artist
Developer
Developer
www.jamtoday.eu

6. >> Game Jam 2016
Ciitab, https://youtu.be/haflT7_mtZk

7. >> Barcelona Game Jam 2017
❏ Organitzat per St. Peter’s School juntament amb el Citilab i ENTI-UB.
❏ Conceptualització, disseny i creació d’un joc per la sensibilització
sobre medi ambient centrat en les ciutats intel·ligents.
❏ 9 centres amb uns 50 participants.

8. >> Barcelona Game Jam 2017
❏ 28 i 29 de setembre 2017 de 9:00 a 19:00 hores.
❏ Els participants disposen de esmorzar i dinar.
❏ L’activitat conclourà amb una presentació per part dels grup del seu
joc hi es farà una entrega de premis.

9. >> Tips
❏ Planifiqueu el joc, feu servir paper, penseu abans de començar.
❏ No cal que el joc sigui perfecte, es valorarà molt que compleixi amb
els objectius del repte.
❏ No deixeu la documentació ni la presentació per l’ultim moment.
❏ Have fun!

10. >> Eines de programació
Scratch programació gràfica
per blocs. Inclou editors i
recursos per gràfics i sons.
Hi ha milions de projectes
oberts per poder aprofitar.
Snap! programació gràfica per blocs.
Més possibilitats de creació de blocs,
objectes vinculats i elements de
programació avançada.
Kodu creació de joc per
PC. Descarregable per
Windows.
Stencyl creació de jocs
multiplataforma.
Descarregable per per
Windows, Mac Linux.
Pagament segons opcions.
Unitiy motor de jocs
professional
Més: Gamemaker Studio, Gameblox, LÖVE, Phaser.io, PixiJS, UDK, RPGMaker, AdventureGameStudio
AppInventor programació
per blocs per dispositius
Android.

11. >> Eines i recursos gràfics
PISKLE Editor online de pixel art i
sprites animats
Openclipart imatges lliures en
format vectorial i bitmap.
OpenGameArt recursos per crear jocs
PIXLR Editor de fotos online amb gestió de capes.
Scratch editor de imatges i recursos

12. >> Eines i recursos per música i so
OpenGameArt recursos per crear jocs
Freesound mostres de só lliures
Noiseforfun efectes de só lliures
Playonloop fondos musicals lliures
Audacity editor de sons (no online)
Scratch editor de sons i recursos

13. >> Smart Cities
Endesa Educa, https://youtu.be/lKpoi8lf_tI

14. >> Smart Cities
City Protocol - Anatomy of City Habitat

15. >> Smart City
Smartcity
Millorarlasostenibilitatilavidadelsseusciutadans
D'on sorgeix?
Increment demogràfic als nuclis urbans
Augment del consum energètic i contaminació
Quin és l'objectiu?
Gestió eficient de totes les àreas de la ciutat
(energia, infrastructures, transports, residus...)
Com aconseguir-ho?
A través de la tecnologia
Amb la participació del ciutadans
Exemples
L’enllumenat eficient mitjançant llum solar
Tecnologies que milloren el flux del tràfic

16. >> Smart Citizens
Semàfor intel·ligent: https://youtu.be/62MWviz6_1A?t=320
Energia: https://youtu.be/62MWviz6_1A?t=378
Citilab, https://youtu.be/62MWviz6_1A

17. >> Pràctica Scratch 1 - El joc del Pong
❏ Implementació del videojoc clàssic “Pong”
❏ Aproximació a la programació en Scratch i els jocs
❏ http://scratch.mit.edu/projects/17159693

18. >> Pràctica Scratch 1 - El Pong: Algunes pistes
➢ Com començar?
➢ Com seguir el ratolí?
➢ Com invertir una direcció?
➢ Com detectar si s’està tocant un objecte?

19. >> Pràctica Scratch 1 - El Pong: marcador i cronòmetre
Cronòmetre
➢ Per calcular la duració d’una jugada
Marcador
➢ Per sumar punts de la jugada
➢ Per finalitzar el joc quant s’esgota el temps ➢ Per finalitzar el joc quan s’esgoten les vides

20. Com augmentar la dificultat del joc?
➢ Modificar la mida d’un objecte (la pala) ➢ Multiplicar un objecte (clonació)
>> Pràctica Scratch 1 - El Pong: variables del joc
Exemple:
https://scratch.mit.edu/projects/175531545/

21. >> Pràctica Scratch 2 - Històries interactives: Gimnàs
https://scratch.mit.edu/projects/79688916/
http://wiki.edutec.citilab.eu/index.php/Històries_animades

22. >> Pràctica Scratch 2 - Històries interactives: Pistes
➢ Enviament de missatges
➢ Bafarades
➢ Mostrar/Amagar
➢ Desplaçar un personatge
➢ Recepció de missatges
➢ Canviar vestit/fons

23. >> Pràctica Scratch 2 - Històries interactives: efectes i mida
➢ Modificar l’efecte d’un objecte ➢ Modificar la mida d’un objecte

24. >> Pràctica Scratch 2 - Històries interactives: capes
Objecte A Objecte B

25. >> Equip Edutec
http://www.citilab.eu
http://edutec.citilab.eu
Gràcies
edutec@e-citilab.eu