[Narrativa interactiva] Pràctica

10
NARRATIVA INTERACTIVA PRÀCTICA GUIÓ INTERACTIU MULTIMÈDIA AVENTURA GRÀFICA SENZILLA JORDI LLONCH ESTEVE GRAU MULTIMÈDIA UOC CC BY-NC-SA

description

Més informació a elmeuordinador.blogspot.com

Transcript of [Narrativa interactiva] Pràctica

Page 1: [Narrativa interactiva] Pràctica

NARRATIVA INTERACTIVA

PRÀCTICA

GUIÓ INTERACTIU MULTIMÈDIA AVENTURA GRÀFICA SENZILLA

JORDI LLONCH ESTEVE GRAU MULTIMÈDIA UOC

CC BY-NC-SA

Page 2: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

DESCRIPCIÓ DEL PRODUCTE

El producte interactiu que tinc en ment és una aventura gràfica tipus trencaclosques en la qual l’objectiu és resoldre un seguit d’endevinalles més o menys complexes per finalitzar el joc. L’usuari controla un personatge, el Botxí, el qual viurà una transformació interior durant el desenvolupament del joc.

L’aventura succeeix a l’època medieval i disposa d’acció, traïció, amor, engany i creixement personal. Tot aquest drama s’anirà descobrint intercalant fragments animats amb trencaclosques i jocs d’intel·ligència que l’usuari haurà de resoldre.

El joc disposarà de banda sonora i sons, però els personatges del joc no es comunicaran emprant paraules escrites ni parlades. En quan sigui imprescindible la comunicació entre els personatges del joc, aquests ho faran mitjançant globus amb animacions dins d’ells que donaran a entendre el que volen comunicar. L’objectiu d’això és poder accedir a un mercat internacional sense haver de gastar gaires recursos en la traducció. La portada serà una excepció, ja que inclourà els crèdits i els botons d’inici i de sortir. En els fragments animats es pot mostrar alguna paraula i frases escrites, però no serà comú.

El joc va dirigit a un gran públic, el format pels que gaudeixen amb els típics jocs comercials, però també per aquell grup d’usuaris que busqui quelcom més en un joc. El grup d’edats al que va destinat és a partir de 14 anys, pel contingut violent i eròtic que pugui haver-hi.

Com que la història és més important que la forma d’explicar-la, és un joc en 2 dimensions, les quals aporten un atractiu típic de les aventures gràfiques.

Page 3: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

DISSENY DE LA INTERACTIVITAT

El joc està pensat per a ser utilitzat per usuaris amb qualsevol nivell de coneixements d’informàtica. Les habilitats mínimes necessàries seran:

Saber engegar un ordinador o dispositiu multimèdia (tauleta, mòbil, etc.) Obrir el joc

Un cop l’usuari obre el joc es mostra l’aventura gràfica a pantalla completa. Quan l’usuari clica al botó “Jugar”, comença el joc. Es reprodueix una animació inicial i, quan aquesta acaba, l’usuari accedeix a la primera pantalla, on el protagonista (Botxí) és l’únic element que permet interacció amb l’usuari inicialment. El joc comença aquí, però al mateix temps que l’usuari juga està aprenent com s’ha de fer servir el joc mitjançant un tutorial amagat en la primera pantalla, és a dir, l’usuari aprendrà a jugar sense adonar-se’n.

La forma de controlar el Botxí serà mitjançant el ratolí (o els dits en cas de dispositius tàctils). Les accions a realitzar seran molt senzilles, com ara desplaçar-se per l’escena, adreçar-se a altres personatges d’una escena, agafar i utilitzar coses; i totes elles es controlaran apuntant i fent clic sobre la zona seleccionable desitjada.

En totes les pantalles del joc (que no escenes), quan l’usuari acosta el ratolí a la part inferior de la pantalla, apareix una barra de control, que disposa dels botons CRÈDITS i SORTIR i d’un control de so, que permet regular el volum de la banda sonora i silenciar-la quan es vulgui. D’igual manera, quan l’usuari acosta el ratolí a la part superior de la pantalla, apareix una altra barra de control, que disposa dels elements que l’usuari ha anat recollint durant el transcurs del joc.

Així doncs, el mètode d’interacció del joc serà “point and click” (apunta i clica), un mètode que es va fer popular amb el sorgiment de les aventures gràfiques als anys 80 i que encara avui té molt per oferir.

Una característica important de la interactivitat en el joc és que l’usuari només podrà fer clic als elements propers al Botxí, així s’aconsegueix una immersió per part de l’usuari dins del joc de tal manera que l’usuari sap que si vol agafar algun element llunyà al protagonista, no podrà i, igual que succeeix a la vida real, s’hi haurà d’acostar.

El joc anirà avançant a mesura que l’usuari vagi resolent els trencaclosques que se li van presentant.

Page 4: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

DISSENY DE LA NAVEGACIÓ

Per fer el diagrama de fluxos he emprat el següent codi de colors:

Verd: animació en la que l’usuari no pot interactuar. Blau: interacció entre l’usuari i el joc.

Page 5: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

DISSENY LÒGIC

Escena núm: 1

TÍTOL: PORTADA

Descripció textual:

Títol de l’aventura gràfica a pantalla completa. Fons de color sòlid. Títol i logotip centrats a la pàgina. Disposa d’un botó anomenat “Jugar” a la part central per sota del títol i del logotip del joc, el qual enllaça amb JUGAR. A més, disposa de la barra de control a la part inferior de la pantalla. Aquesta barra disposa dels botons CRÈDITS i SORTIR i del control de so, com s’ha comentat anteriorment.

Escena núm: 2

TÍTOL: CRÈDITS

Descripció textual:

S’obre una pantalla a sobre de la PORTADA, la qual mostra informació sobre l’autor, versió del joc, pàgina web del joc, llicència del joc i altres crèdits. Disposa d’un botó per tancar aquesta pantalla i retornar a la PORTADA.

Escena núm: 3

TÍTOL: SORTIR

Descripció textual:

Prement el botó de SORTIR, se surt de l’aventura gràfica.

Escena núm: 4

TÍTOL: JUGAR

Descripció textual:

Prement el botó de JUGAR, l’usuari accedeix al joc.

Page 6: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

Escena núm: 5

TÍTOL: ANIMACIÓ 1: EXECUCIÓ PRINCESA (VERSIÓ CURTA)

Descripció textual:

Es mostra una animació a pantalla completa, la qual es reprodueix automàticament en quan l’usuari prem el botó de JUGAR. Aquesta animació té el mateix nivell de detall que la resta del joc, per anar familiaritzant l’usuari amb l’aventura gràfica.

Descripció Argumental:

Es veu el Botxí, protagonista de l’aventura gràfica (tot i que l’usuari encara no ho sap). Aquest està a punt d’executar la princesa, que està pujada a una plataforma amb una soga al coll. Ell la mira als ulls. Ella està trista. Ell mira a tots els presents i li dona un cop a la plataforma que la mantenia de peu. Ella cau i queda penjada pel coll. Fosa a negre i apareix un text que diu: “Uns dies abans...”.

Escena núm: 6

TÍTOL: PANTALLA 1: PLAÇA DEL CASTELL (TUTORIAL)

Descripció textual:

L'usuari té el control del Botxí. Es troba a la plaça del castell, on es realitzen les execucions. Hi ha una cua de condemnats els quals han de ser executats. L’usuari ha d’arribar a la conclusió que és ell qui ho ha de fer. Aquí comença el tutorial. Cada cop que l’usuari faci clic a alguna part seleccionable, apareixerà una petita animació que donarà a entendre com ha d’interactuar amb ella.

Per començar, l’usuari disposa d’una guillotina enmig de la plaça la qual funciona fent clic a un ganxo que deixa anar la fulla. L’usuari veurà que pot executar tants condemnats com vulgui, ja que la cua es va omplint.

En un lateral de la plaça hi ha una porta de ferro forjat que connecta amb el CALABÓS.

Escena núm: 7

TÍTOL: PANTALLA 2: CALABÓS

Descripció textual:

En accedir al CALABÓS, l’usuari accedeix a una nova pantalla, en la qual hi ha una garjola i una sala plena dels estris que el Botxí fa servir per executar als condemnats a mort. Hi ha vàries destrals, un penjat amb una soga i una taula de tortura.

L’usuari podrà agafar-les una a una i portar-les a la plaça, que és on les podrà fer servir amb els condemnats. Cada cop que el Botxí agafi un estri o qualsevol element, apareixerà a la barra superior d’elements. Per accedir a la PLAÇA DEL CASTELL, n’hi haurà prou amb acostar el Botxí a la porta i fer-li clic.

Page 7: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

Escena núm: 8

TÍTOL: PANTALLA 1: PLAÇA DEL CASTELL

Descripció textual:

Quan l’usuari hagi provat tots els mètodes d’execució tres vegades cadascun, la història avançarà.

Descripció Argumental:

La princesa i el seu promès passen per la plaça del castell i ella mira al Botxí de manera suggerent. Els dos entren per una porta que hi ha a l’altra banda de la pantalla i que comunica amb l’interior del castell. Ella deixa la porta entreoberta. Aquí l’usuari té dues opcions:

Seguir la princesa. Continuar executant condemnats.

En cas de continuar executant condemnats, no s’avança en el joc i, cada tres condemnats que el Botxí executi, la princesa sortirà per la porta per on ha entrat anteriorment i li guinyarà l’ull, tornant a entrar i deixant-la de nou entreoberta (pista per seguir-la).

En cas de seguir la princesa, s’avança en el joc. L’usuari descobreix una nova pantalla, l’INTERIOR DEL CASTELL.

Escena núm: 9

TÍTOL: PANTALLA 3: INTERIOR DEL CASTELL

Descripció textual:

En accedir per la porta de la plaça del castell, l’usuari descobreix la tercera pantalla del joc, que està formada per un passadís que connecta amb la cambra de la princesa per un costat i amb la PLAÇA DEL CASTELL per l’altre. La pantalla està dividida entre el passadís i l’habitació, però l’usuari podrà veure què passa en les dues estàncies en tot moment.

Descripció Argumental:

La princesa està a la seva habitació i el promès s’allunya pel passadís, en el qual hi ha uns guàrdies. L’usuari haurà d’entrar a la cambra de la princesa i interactuar amb ella mitjançant els elements seleccionables de l’habitació. Hi ha una raspall del cabell en el tocador, una lira al costat de l’armari, unes cortines a la finestra, una daga sobre una cadira al costat de la porta i un llit de matrimoni.

L’usuari haurà de fer que el Botxí utilitzi aquests elements en l’ordre següent per avançar amb la història:

1. Tocar-li una cançó amb la lira. 2. Pentinar-li el cabell amb el raspall. 3. Córrer les cortines de la finestra. 4. Anar-se’n al llit amb la princesa.

Page 8: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

La daga és un element distractor que no serveix per res.

En cas que no se segueixi aquest ordre no s’avança amb la història i l’usuari ho haurà de repetir tantes vegades com sigui necessari per trobar la solució correcta a aquest trencaclosques.

Escena núm: 10

TÍTOL: ANIMACIÓ 2: APARICIÓ PROMÈS

Descripció textual:

Quan el Botxí hagi utilitzat els elements anteriors en ordre s’avança amb la història. En aquest moment l’usuari no té el control del personatge, ja que aquí es mostrarà una animació que ajudarà a comprendre com ha d’avançar la història.

Descripció Argumental:

El promès entra a la cambra de la princesa i els enxampa al llit. Ell diu que no pot viure sabent que ella l'ha enganyat i es treu la vida clavant-se la daga que hi ha a la cadira al pit. Ella fa un crit molt fort i els guàrdies s’aproximen.

Escena núm: 11

TÍTOL: PANTALLA 3: INTERIOR DEL CASTELL

Descripció textual:

L’usuari recobra el control del Botxí. L’objectiu és sortir de la cambra de la princesa el més aviat possible perquè no el vegin els guàrdies. Aquí té dues opcions:

Escapar per la porta. Escapar per la finestra.

Si intenta escapar per la porta no podrà, perquè s’estan acostant els guàrdies i no vol ser enxampat.

L’única escapatòria possible és la finestra, però primer haurà d’obrir les cortines que prèviament ha tancat. La finestra dóna a la PLAÇA DEL CASTELL, que conté una canonada per on s’haurà de fer baixar el Botxí.

Escena núm: 12

TÍTOL: ANIMACIÓ 3: APARICIÓ GUÀRDIES

Descripció textual:

Quan el Botxí hagi arribat a la PLAÇA DEL CASTELL s’activarà una animació que servirà per fer avançar la trama. L’usuari no pot interactuar.

Page 9: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

Descripció Argumental:

Els guàrdies entren a la cambra de la princesa i troben el promès mort a terra. Capturen la princesa i la porten a jutjar. El rei la condemna a ser executada. Els guàrdies la tanquen a la garjola del calabós i tanquen la porta quan retornen a l’INTERIOR DEL CASTELL.

Escena núm: 13

TÍTOL: PANTALLA 1: PLAÇA DEL CASTELL

Descripció textual:

L’usuari recobra el control del botxí. Haurà de recol·lectar una sèrie d’elements per utilitzar-los posteriorment amb la princesa, de tal manera que la execució es pugui trampejar. Els elements seleccionables són una corda de la taula de tortura i un ganxo de la guillotina. Un cop els ha agafat, els ha de combinar per formar un arnés.

L’usuari pot en tot moment accedir al CALABÓS, però no a l’INTERIOR DEL CASTELL, ja que els guardes han tancat la porta.

Escena núm: 14

TÍTOL: PANTALLA 2: CALABÓS

Descripció textual:

L’usuari ha de fer que el Botxí entregui l’arnés a la princesa per tal que aquesta se’l posi sota la roba.

Escena núm: 15

TÍTOL: ANIMACIÓ 4: EXECUCIÓ PRINCESA (VERSIÓ LLARGA)

Descripció textual:

Es mostra una animació a pantalla completa, la qual es reprodueix automàticament en quan l’usuari resol l’anterior trencaclosques.

Descripció Argumental:

Tots els habitants del castell estan a la plaça parlant fins que el botxí porta la princesa lligada de mans, que callen tots de cop i volta. Ell la puja a una plataforma i li passa una soga pel coll. La deslliga de mans. Està a punt d’executar-la. Ell la mira als ulls. Ella està trista. Ell mira a tots els presents i li dona un cop a la plataforma que la mantenia de peu. Ella cau i queda penjada pel coll. En aquest moment el botxí es treu la seva màscara i revela la seva identitat davant de tots. Renuncia públicament a la seva feina i se'n va del castell. Els encarregats de llençar els cossos morts dels executats, baixen a la princesa del penjat i la pugen a un carro.

Page 10: [Narrativa interactiva] Pràctica

Narrativa interactiva Guió interactiu multimèdia: Aventura gràfica senzilla

CC BY-NC-SA JORDI LLONCH ESTEVE

Els encarregats de llençar el cos, porten la princesa a les afores del castell i la deixen tirada on solen llençar els cossos després de les execucions. Quan marxen, el Botxí apareix de darrere els arbustos i l'abraça amb força. Ella obre els ulls i li torna l'abraçada. Es miren, s'aixequen del terra i marxen agafats de la mà.

Escena núm: 16

TÍTOL: FI = PORTADA

Descripció textual:

Es mostra l’escena número 1.