Formació Game Jam 2017
-
Upload
lluis-nater -
Category
Education
-
view
281 -
download
0
Transcript of Formació Game Jam 2017
![Page 1: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/1.jpg)
Formació prèvia Game Jam 2017
Citilab Cornellà20 de setembre 2017 16:00-18:30
![Page 2: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/2.jpg)
>> Guió
16:00Game Jams i la Barcelona Game Jam 2017.
16:15Temàtica de la Jam: Smart Citizens i estalvi d’energia.
16:30Recursos de programació, gràfics, so i creació de guions.
16:45Taller de programació de jocs amb Scratch 1: Joc del Pong.Programació per blocs, estructures de programació bàsiques, variables i cronòmetre.
17:45Taller de programació de jocs amb Scratch 1: Història animadaMoviment, interacció entre personatges i escenaris.
![Page 3: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/3.jpg)
>> 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.
![Page 4: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/4.jpg)
>> 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.
![Page 5: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/5.jpg)
>> Configuració dels equips
Producer
Game Designer
Artist
Artist
Developer
Developer
www.jamtoday.eu
![Page 6: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/6.jpg)
>> Game Jam 2016
Ciitab, https://youtu.be/haflT7_mtZk
![Page 7: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/7.jpg)
>> 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.
![Page 8: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/8.jpg)
>> 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.
![Page 9: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/9.jpg)
>> 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!
![Page 10: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/10.jpg)
>> 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.
![Page 11: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/11.jpg)
>> 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
![Page 12: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/12.jpg)
>> 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
![Page 13: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/13.jpg)
>> Smart Cities
Endesa Educa, https://youtu.be/lKpoi8lf_tI
![Page 14: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/14.jpg)
>> Smart Cities
City Protocol - Anatomy of City Habitat
![Page 15: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/15.jpg)
>> Smart City
Smar
t ci
ty M
illor
ar la
sos
ten
ibili
tat
i la
vida
del
s se
us
ciu
tada
ns
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
![Page 16: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/16.jpg)
>> Smart Citizens
Semàfor intel·ligent: https://youtu.be/62MWviz6_1A?t=320Energia: https://youtu.be/62MWviz6_1A?t=378
Citilab, https://youtu.be/62MWviz6_1A
![Page 17: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/17.jpg)
>> 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
![Page 18: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/18.jpg)
>> 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?
![Page 19: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/19.jpg)
>> 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
![Page 20: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/20.jpg)
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/
![Page 21: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/21.jpg)
>> 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
![Page 22: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/22.jpg)
>> Pràctica Scratch 2 - Històries interactives: Pistes
➢ Enviament de missatges
➢ Bafarades➢ Mostrar/Amagar
➢ Desplaçar un personatge
➢ Recepció de missatges
➢ Canviar vestit/fons
![Page 23: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/23.jpg)
>> Pràctica Scratch 2 - Històries interactives: efectes i mida
➢ Modificar l’efecte d’un objecte ➢ Modificar la mida d’un objecte
![Page 24: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/24.jpg)
>> Pràctica Scratch 2 - Històries interactives: capes
Objecte A Objecte B
![Page 25: Formació Game Jam 2017](https://reader034.fdocuments.net/reader034/viewer/2022042600/5a6885e87f8b9a4a258b59e1/html5/thumbnails/25.jpg)
>> Equip Edutec
http://www.citilab.euhttp://edutec.citilab.eu
Gràcies