En aquesta secció aprendràs com preparar, exportar i publicar el teu joc creat amb Phaser perquè pugui ser jugat per altres persones a través d’Internet o altres plataformes. Aquest procés és fonamental per compartir el teu treball i arribar a una audiència més àmplia.

Abans d’exportar el teu joc, assegura’t que:

• El codi està net i organitzat: Elimina codi innecessari, comentaris temporals i fitxers que no s’utilitzen.
• Totes les rutes d’arxius són relatives: Això facilita la portabilitat del joc.
• Les dependències estan gestionades: Si utilitzes npm o altres gestors de paquets, assegura’t que tot el necessari està inclòs o documentat.
• Les imatges, sons i altres recursos estan optimitzats: Redueix la mida dels fitxers per millorar el rendiment.

Phaser és una llibreria JavaScript, així que els teus jocs són, bàsicament, aplicacions web. Exportar el joc significa preparar tots els fitxers necessaris perquè es puguin allotjar en un servidor web o empaquetar-los per altres plataformes.

1. Compila o minifica el codi JavaScript (opcional però recomanat):
   • Utilitza eines com Webpack, Parcel o simplement minificadors com Terser per reduir la mida del teu codi.
2. Agrupa tots els fitxers necessaris:
   • index.html
   • Fitxers JavaScript (el teu codi i Phaser)
   • Recursos (imatges, sons, etc.)
   • Fitxers CSS (si n’utilitzes)
3. Comprova que el joc funciona localment:
   • Obre l’index.html en un navegador i assegura’t que tot es carrega correctament.

Exemple d’estructura de carpetes exportada

Hi ha diverses opcions per publicar el teu joc. Les més habituals són:

Exemple: Publicar a GitHub Pages

1. Puja el teu projecte a un repositori de GitHub.
2. Ves a la configuració del repositori i activa GitHub Pages (tria la branca i carpeta).
3. El teu joc estarà disponible a https://el-teu-usuari.github.io/nom-del-repositori/.

Exemple: Publicar a itch.io

1. Crea un compte a itch.io.
2. Crea un nou projecte i selecciona “HTML5” com a tipus de joc.
3. Puja un arxiu .zip amb tots els fitxers del teu joc.
4. Completa la informació i publica.

A més de la web, pots empaquetar el teu joc per a:

• Dispositius mòbils: Utilitza eines com Cordova o Capacitor per convertir el teu joc web en una app mòbil.
• Escriptori: Utilitza Electron per empaquetar el teu joc com una aplicació d’escriptori per Windows, Mac o Linux.

Crea un fitxer main.js per Electron i configura’l per carregar el teu index.html.

Enunciat:
Revisa el teu projecte i crea una carpeta dist/ amb només els fitxers necessaris per executar el joc. Elimina tot el que no sigui essencial.

Solució:

• Copia index.html, els fitxers JavaScript, CSS i la carpeta assets/ a dist/.
• Comprova que el joc funciona obrint dist/index.html en un navegador.

Enunciat:
Crea un repositori a GitHub, puja el teu joc i publica’l a GitHub Pages.

Solució:

1. Crea el repositori i puja els fitxers.
2. A la configuració, activa GitHub Pages.
3. Accedeix a l’enllaç proporcionat per veure el teu joc en línia.

Errors comuns i consells:

• Error: Les imatges o sons no es carreguen.
  Solució: Comprova que les rutes siguin relatives i que els fitxers estiguin a la carpeta correcta.
• Error: El joc no es veu bé en mòbil.
  Solució: Assegura’t que el teu index.html té la meta etiqueta viewport adequada.

En aquesta secció has après com preparar, exportar i publicar el teu joc creat amb Phaser. Has vist com agrupar els fitxers necessaris, minificar el codi, i utilitzar plataformes com GitHub Pages o itch.io per compartir el teu joc amb el món. També has conegut opcions per empaquetar el teu joc per a mòbils o escriptori. Ara ja estàs preparat per mostrar el teu treball i rebre feedback de la comunitat!

Pròxim pas: Aprendràs consells per optimitzar el rendiment del teu joc i assegurar-te que ofereix la millor experiència possible als jugadors.