Formació prèvia Game Jam 2017

Citilab Cornellà20 de setembre 2017 16:00-18:30

>> 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.

>> 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.

>> 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.

>> Configuració dels equips

Producer

Game Designer

Artist

Artist

Developer

Developer

www.jamtoday.eu

>> Game Jam 2016

Ciitab, https://youtu.be/haflT7_mtZk

>> 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.

>> 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.

>> 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!

>> 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.

>> 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

>> 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

>> Smart Cities

Endesa Educa, https://youtu.be/lKpoi8lf_tI

>> Smart Cities

City Protocol - Anatomy of City Habitat

>> 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

>> 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

>> 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

>> 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?

>> 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

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/

>> 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

>> Pràctica Scratch 2 - Històries interactives: Pistes

➢ Enviament de missatges

➢ Bafarades➢ Mostrar/Amagar

➢ Desplaçar un personatge

➢ Recepció de missatges

➢ Canviar vestit/fons

>> Pràctica Scratch 2 - Històries interactives: efectes i mida

➢ Modificar l’efecte d’un objecte ➢ Modificar la mida d’un objecte

>> Pràctica Scratch 2 - Històries interactives: capes

Objecte A Objecte B

>> Equip Edutec

http://www.citilab.euhttp://edutec.citilab.eu

Gràcies

edutec@e-citilab.eu