Per implementar el projecte haurem de fer un estudi de quatre parts:

1. Estructura de dades.
2. Algoritmes.
3. Seqüència del Joc.
4. Interfície de Joc.

S’ha decidit per aquesta opció “lenta” d’implementació per tal de poder aconseguir entredre cada part que participa en el projecte. És per això que algunes vegades repetirem implementacions, amb l’objectiu que puguin quedar clar cada una de les diferents parts.

Durant una partida es necessita tenir estructures de dades que mantenguin l’estat de cada jugador, de cada jugada, així com altres elements que faran possible que el simulacre de joc sigui favorable. La programació Orientada a Objectes te una construcció ascendent, desde els elements més petits fins al més gros, ensamblant-se fins a formar l’aplicació final. També compta amb eines per adaptar i canviar els elements durant la implementació d’una manera fàcil.

Començarem per l’objecte Jugador és un participant, ha de mantenir les dades:

Variable	Valor inicial	Comentari
nom		El valor s’inicialitza desde la crida amb un paràmetre
punts	0	Punts que té el jugador a la partida
dic	“?”	Valor que diu el jugador per encertar una jugada
duc	“?”	Nombre de pedres que durà el jugador a la mà
imatge	new Image()	Guarda espai per una imatge.

Implementació estructura Jugador ens quedarà:

[cc lang=”javascript”]
function Jugador(nom){
this.nom = nom;
this.punts = 0;
this.dic = -1;
this.duc = -1;
this.imatge = new Image();

this.inicia = function(nom){
this.nom = nom;
this.puntsP=””;
this.dic=”?”;
this.duc=”?”;
this.punts=0; }
[/cc]

Implementació estructura Partida. Ha de permetre controlar tota la informació referent a una partida.

[cc lang=”javascript”]
function Partida(){
var nPedres=Number(document.getElementById(“nPedres”).value);
var nJugadors=Number(document.getElementById(“nJugadors”).value);
var nPunts=Number(document.getElementById(“nPunts”).value);
var voltes=0;
var a=document.getElementById(“nom1”).value;
var j1 = new Jugador(document.getElementById(“nom1”).value);
var j2 = new Jugador(document.getElementById(“nom2”).value);
var canvas = document.getElementById(‘canvasJoc’);
var ctx = canvas.getContext(‘2d’);
var ctx2 = canvas.getContext(‘2d’);
var fons= new Image();
…
[/cc]

Solució:

Codi exemple per resoldre l’exercici. Nota: malgrat sigui tasca de l’exercici següent, en aquest codi s’ha afegit un mètode escriu(). Aquest permet executar de manera correcte el gruix del projecte, més endavant haurem de modificar per tal que sigui l’algoritme que s’encarregui de pintar els canvis a l’interfície gràfica. Amb aquest codi cream els elements que participaran al joc. [cc lang=”javascript”]

My First JavaScript

pitja el botó per crear una partida i mostrar el jugador 1 inicialitzat

Aquí tendrem la sortida amb tots els elements del programa

[/cc] [cc lang=”javascript”]

My First JavaScript

Crida Escriu.   [/cc]

Dades que circulen per dins del programa.

Aquest estudi del joc ens proporcionarà quins són els algoritmes que posarem dins de la seqüència de joc. Pot ser que l’usuari hagi d’introduir dades als algoritmes. Al post anterior varem fer un exercici on l’ordinador donava un nombre depenent els paràmetres nombre de jugadors i nombre de bolles. En aquest punt hem de pensar quins algoritmes necessitam.

La millor forma de veure quines parts té un projecte, un joc en aquest cas, és jugar-hi. Saber anotar quines són les passes que segeix el joc, quins casos excepcionals pot tenir, qui i quan guanya, qui perd, etc. La primera idea és tenir un camí que ha de seguir el bucle de joc. Per això hem d’analitzar quin ús en feim de les dades que va generant el joc. D’aquestes dades podem dir que unes són dades de partida, usades i visibles per tots els jugadors i dades de jugador. És per això que desprès diferenciarem entre dades de jugador i dades de partida. Aquesta part de dades de jugadro i de partida és necessari esmentar-la aquí ja que ja ho usam. Si ens fixam podem dir que abans de jugar es decideix:

• Quantes pedres tendrà cada jugador.
• A quants de punts s’acaba la partida.
• Nombre de jugadors que juguen, al nostre cas començarem amb sols dos jugadors.

PantallaInicidePartida(nom jugadors, pedres, punts)—> Juga(A,B)—-> Torn_A—–> Torn_B—-> Resultat(mostra qui guanya)  —-> (bucle) fins arribar als punts de guanyar—> final, mostra resultats.