Tutorial:Añadir nuevos conjuntos
Los conjuntos de ropas o sets de ropas son aquellas combinaciones de ropas que dan un bonus extra al jugador cuando se usan en conjunto (de ahí el nombre). Nosotros mostramos esos bonus extras en la wiki y lo hacemos en el apartado de los conjuntos de ropas:
En la wiki podríamos decir que tenemos 3 categorías de conjuntos de ropas: Clásicos, de la Tienda de la Unión Pacífica, y de Eventos.
En los clásicos irán todos los sets que no sean de eventos. Por ejemplo, los sets que se obtienen en búsquedas, sets comprados en la tienda de la unión pacífica, eventos especiales organizados por innogames como speed o speed internacionales, eventos únicos conmemorativos como el set de 15º aniversario de The West, etc.
En los de la Tienda de la Unión Pacífica aquellos sets que son comprados únicamente en la tienda de la unión pacífica. Estos pueden repetirse con los sets clásicos (que van en los dos lados)
Y por último tenemos los sets de eventos, eventos como: San Valentín, pascuas, día de la independencia, ocktoberfest, día de los muertos, navidad y ventas especiales como el black Friday, ventas de verano o similares.
Pasaremos a explicar cómo agregar cada set en cada categoría más adelante, primero mostraremos como crear un nuevo set ya que para agregarlos a la lista, primero deberemos crearlos.
Como crear un nuevo conjunto de ropas
Lo primero que debemos hacer es crear la página de la wiki donde mostraremos la información de este conjunto de ropas.
Como ya vimos en tutoriales anteriores, simplemente copiamos una URL cualquiera de la wiki y la modificamos de la siguiente manera:
https://wiki.the-west.es/wiki/*Nombre del conjunto*
Donde *Nombre del conjunto* será el nombre del conjunto de ropas. En caso que el conjunto de ropas esté dividido en 3 partes o 2, por ejemplo que las ropas, las armas y las monturas sean de un conjunto distinto pero del mismo personaje histórico como por ejemplo el set de independencia. El nombre de la página llevará el nombre del conjunto de ropas, aunque tengan un nombre de conjunto distinto en las armas y las monturas. Por ejemplo:
https://wiki.the-west.es/wiki/Set_de_independencia
O
https://wiki.the-west.es/wiki/Set_de_ropa_de_independencia
En los dos casos sería correcto, en el primer caso aunque el nombre de las ropas sea Set de ropa de independencia, Set de independencia englobaría todo el conjunto completo incluyendo las armas y montura por ende no sería incorrecto.
Una vez ya en nuestra página le daremos al botón de crear (o editar) y continuaremos con los datos.
Al código total que escribiremos lo podemos dividir en varias partes
1- Título
2- Input level
3- Primer Conjunto (En caso de tener 1 conjunto)
4- primer y segundo conjunto (En caso de tener 2 conjuntos)
5- primer, segundo y tercer conjunto (En caso de tener 3 conjuntos)
¿Por qué tenemos códigos distintos dependiendo de la cantidad de conjuntos?
6- categoría de la página
Título
Antiguamente las páginas no mostraban el nombre de la página en la parte superior por lo que agregábamos manualmente el título. En la actualidad no sería necesario agregar el título manualmente pero lo hacemos para que todas las páginas de los conjuntos sean iguales y que si en el futuro se dejara de mostrar el nombre de la página, el título seguiría estando.
Esto lo agregamos con el código:
{{Title|'''Set de independencia'''}}
Input level
El Input level es el espacio donde podremos escribir el nivel del personaje para que los puntos de habilidad y atributos se ajusten al nivel que deseamos.
Esto lo agregaremos con el código:
<div id='input_level'></div>
Primer Conjunto (En caso de tener 1 conjunto)
El primer conjunto se podría decir que es obligatorio ya que si tenemos un conjunto, sin importar de cuantas partes sea, lo pondremos en este código:
<div class="container1Set">
<div>
{{Set
|set_id=1
|head=*Id del item*
|neck=*Id del item*
|cloth=*Id del item*
|belt=*Id del item*
|pant=*Id del item*
|shoes=*Id del item*
|animal=*Id del item*
|prod=*Id del item*
|melee=*Id del item*
|fire=*Id del item*
|gun=*Id del item*
}}
</div>
<div class="mw-collapsible">'''Set de ropa de independencia bonus'''<div class="mw-collapsible-content">
{| class="infoSet" data-set-id="1"
|-
|{{SetBonuses|nb=2|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=10|xp=5%|money=5%}}
|-
|{{SetBonuses|nb=3|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=20|xp=10%|money=10%}}
|-
|{{SetBonuses|nb=4|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=40|xp=20%|money=30%}}
|-
|{{SetBonuses|nb=5|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=90|xp=30%|money=50%}}
|-
|{{SetBonuses|nb=6|cha=-0|dex=-0|mob=-0|str=-0|con=-1|sta=-1|ref=-1|hid=-1|pit=-1|rep=-1|tac=-1|app=-1|labor_pts=150|xp=40%|money=70%}}
|}
</div></div>
</div>
Todo este código está englobado en una tabla invisible. Esto lo hacemos con la etiqueta <nowiki
</nowiki>
Cada <div></div> contenido dentro indica una columna.
{{Set}} es una plantilla, es lo que nos permite ver el conjunto con los distintos ítems equipados. Esta plantilla puede tener varios atributos que son opcionales y uno que es obligatorio.
set_id es un atributo obligatorio, este contendría el número del set, en nuestro caso es 1 ya que es el primer set. Este dato es importante porque internamente (la programación del funcionamiento de los cálculos de la suma de los puntos de habilidad y atributo) utiliza este valor para conocer e identificar los distintos sets que existen en la página por lo que es un atributo obligatorio. Si tenemos 3 sets, este tendrá 1, otro tendrá 2 y el último tendrá 3.
head, neck, cloth, belt, pant, shoes, animal, prod, melee, fire, gun. Son atributos opcionales, cada uno corresponde a una parte del conjunto. Dependiendo del conjunto, pondremos algunos y otros no los pondremos.
Como valor a cada atributo agregaremos la ID del item, pero en este caso lo agregaremos sin sus últimos tres ceros (sin 000). Esto es porque internamente, la plantilla lo que hace es llamar a la plantilla del item, y si recordamos la guía para crear ítems, la plantilla la creamos con la ID del item sin sus tres últimos ceros. Si agregamos los 000, estaría haciendo referencia a una plantilla inexistente. Por ejemplo:
Correcto ✔ {{Set |set_id=1 |head=53381 |…}}
Incorrecto X {{Set |set_id=1 |head=53381000 |…}}
| atributo | tipo de item |
|---|---|
| head | sombrero |
| neck | collar |
| cloth | ropa |
| belt | cinturón |
| pant | pantalón |
| shoes | zapatos |
| animal | montura |
| prod | producto (equipable) |
| melee | arma de duelo mele |
| fire | arma de duelo a distancia |
| gun | rifle |
Hasta este punto ya estaríamos mostrando los ítems equipados del conjunto y cerraríamos la columna de la tabla con un </div> y abriríamos una segunda columna con <div> para mostrar los puntos de habilidad y atributo que daría el conjunto.
<div class="mw-collapsible">'''*Nombre del set* bonus'''<div class="mw-collapsible-content"> … </div></div>
Es lo que va a contener la visualización del bonus que tendrá el conjunto. Donde dice *Nombre del set* escribiremos el nombre del set, en este caso será el nombre exacto del set que estamos agregando, no una generalización. Si hacemos clic sobre el nombre, este ocultaría el bonus debido a que está dentro de un collapsible. El <div class="mw-collapsible"> es lo que nos permite tener este funcionamiento.
El <div class="mw-collapsible-content">…</div> nos permitirá agregar el contenido que podremos ocultar o mostrar. Al hacer clic en el nombre del set.
En el caso de los conjuntos, lo que pondremos dentro del <div class="mw-collapsible-content">…</div> es otra tabla, esta vez creándola con la sintaxis de la wiki:
{| class="infoSet" data-set-id="1"
|-
|…
|}
En donde tenemos data-set-id="1" pondremos el mismo valor que pusimos en el set_id de la plantilla {{set}}. Esto es para que el código para calcular los valores identifique que estos puntos de habilidades y atributos pertenecen al set con la ID indicada, en nuestro caso, la ID 1.
Como sabemos, cada set puede dar distintos puntos dependiendo de cuantos ítems tengamos equipados. Para mostrar estos datos usaremos la plantilla {{SetBonuses}}
|{{SetBonuses|nb=3|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=20|xp=10%|money=10%}}
La plantilla SetBonuses tiene varios atributos pero solo uno es obligatorio, nb. nb es el atributo que nos permite indicar cuantos ítems debemos tener equipados para conseguir este bonus de conjunto.
El resto de los atributos son utilizados para indicar puntos de habilidad, de atributos, bonus especiales como más experiencia o daño, y puntos en trabajos especiales; podemos agregar hasta 12 trabajos de los cuales tendremos puntos de trabajo. Para conocer cada uno de estos atributos, visite la página de la plantilla donde están indicados cada uno de estos:
-> ir a la plantilla <-
Los puntos de cada atributo o habilidad funciona igual que cuando agregamos los ítems, si agregamos el - antes del valor, este se multiplicará por el nivel del pj, si no ponemos el - antes del valor, este será un valor fijo.
Cada nivel de bonus tendrá su propio SetBonuses como se muestra en el código de ejemplo:
{| class="infoSet" data-set-id="1"
|-
|{{SetBonuses|nb=2|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=10|xp=5%|money=5%}}
|-
|{{SetBonuses|nb=3|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=20|xp=10%|money=10%}}
|-
|{{SetBonuses|nb=4|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=40|xp=20%|money=30%}}
|-
|{{SetBonuses|nb=5|cha=-0|dex=-0|mob=-0|str=-0|con=-0|sta=-0|ref=-0|hid=-0|pit=-0|rep=-0|tac=-0|app=-0|labor_pts=90|xp=30%|money=50%}}
|-
|{{SetBonuses|nb=6|cha=-0|dex=-0|mob=-0|str=-0|con=-1|sta=-1|ref=-1|hid=-1|pit=-1|rep=-1|tac=-1|app=-1|labor_pts=150|xp=40%|money=70%}}
|}
Por último cerramos el collapsible, la columna y la tabla de contenidos con sus respectivas etiquetas de cierre:
…
</div></div>
</div>
El primer </div> sierra el collapsible, el segundo </div> sierra la columna de la tabla invisible que contiene estos datos, y el tercer </div> sierra la tabla invisible.
Primer y segundo conjunto (En caso de tener 2 conjuntos)
Como sabemos, hay veces que las monturas o las armas tienen su propio conjunto y no pertenecen al conjunto de las ropas. En estos casos lo que hacemos es separarlos en un segundo conjunto.
El siguiente código es un ejemplo de cuando tenemos 2 conjuntos, no uno ni 3.
<div class="container2Set">
<div class="containerSet">
<div>
{{Set
|set_id=1
|head=51399
|neck=51400
|cloth=51401
|belt=51402
|pant=51403
|shoes=51404
}}
</div>
<div class="mw-collapsible">'''Conjunto de ropa de oficial de la unión bonus'''<div class="mw-collapsible-content">
{| class="infoSet" data-set-id="1"
|-
|{{SetBonuses|nb=2|cha=-0.04|dex=-0.04|mob=-0.04|hid=-0.3|aim=-0.3|pit=-0.3|lea=-0.3}}
|-
|{{SetBonuses|nb=3|cha=-0.06|dex=-0.06|mob=-0.06|hid=-0.5|aim=-0.5|pit=-0.5|lea=-0.5}}
|-
|{{SetBonuses|nb=4|cha=-0.08|dex=-0.08|mob=-0.08|hid=-0.6|aim=-0.6|pit=-0.6|lea=-0.6}}
|-
|{{SetBonuses|nb=5|cha=-0.1|dex=-0.1|mob=-0.1|hid=-0.8|aim=-0.8|pit=-0.8|lea=-0.8|dmgsec=60}}
|-
|{{SetBonuses|nb=6|cha=-0.1|dex=-0.1|mob=-0.1|hid=-1|aim=-1|pit=-1|lea=-1|fboff=6|dmgsec=60}}
|}
</div></div>
</div>
<div class="containerSet">
<div>
{{Set
|set_id=2
|melee=51405
|fire=51406
|gun=51407
}}
</div>
<div class="mw-collapsible">'''Conjunto de armas de Oficial de la Unión bonus'''<div class="mw-collapsible-content">
{| class="infoSet" data-set-id="2"
|-
|{{SetBonuses|nb=2|cha=-0.06|dex=-0.06|mob=-0.06|hid=-0.6|aim=-0.6|pit=-0.6|lea=-0.6|fboff=6|dmgsec=60}}
|}
</div></div>
</div>
</div>
Como podemos ver, es muy similar al caso donde tenemos solo 1 conjunto pero cambia en unas pequeñas cosas.
Primero tendremos un <div class="container2Set"> y luego el <div class="containerSet">. El contenedor que englobará todo tiene un nombre de clase distinto (remplazamos el 1 por un 2), este contenedor está preparado para contener 2 conjuntos y por eso lo utilizamos. Cada conjunto dentro del contenedor global, estará dentro del <div class="containerSet">.
<div class="container2Set">
<div class="containerSet">
… *Información del conjunto*
</div>
</div>
La *información del conjunto* será igual que en el caso de tener solo un conjunto por lo que no daremos detalles sobre el funcionamiento.
<div>
{{Set
|set_id=1
|head=51399
|neck=51400
|cloth=51401
|belt=51402
|pant=51403
|shoes=51404
}}
</div>
<div class="mw-collapsible">'''Conjunto de ropa de oficial de la unión bonus'''<div class="mw-collapsible-content">
{| class="infoSet" data-set-id="1"
|-
|{{SetBonuses|nb=2|cha=-0.04|dex=-0.04|mob=-0.04|hid=-0.3|aim=-0.3|pit=-0.3|lea=-0.3}}
<nowiki>|-
|{{SetBonuses|nb=3|cha=-0.06|dex=-0.06|mob=-0.06|hid=-0.5|aim=-0.5|pit=-0.5|lea=-0.5}}
<nowiki>|-
|{{SetBonuses|nb=4|cha=-0.08|dex=-0.08|mob=-0.08|hid=-0.6|aim=-0.6|pit=-0.6|lea=-0.6}}
<nowiki>|-
|{{SetBonuses|nb=5|cha=-0.1|dex=-0.1|mob=-0.1|hid=-0.8|aim=-0.8|pit=-0.8|lea=-0.8|dmgsec=60}}
|-
|{{SetBonuses|nb=6|cha=-0.1|dex=-0.1|mob=-0.1|hid=-1|aim=-1|pit=-1|lea=-1|fboff=6|dmgsec=60}}
|}</nowiki>
</div></div>
esto será para agregar uno de dos conjuntos. Para agregar el segundo conjunto, volveremos a hacer lo mismo desde el <div class="containerSet"> quedando de la siguiente forma:
<div class="container2Set">
<div class="containerSet">
… *Información del primer conjunto*
</div>
<div class="containerSet">
… *Información del segundo conjunto*
</div>
</div>
Primer, segundo y tercer conjunto (En caso de tener 3 conjuntos)
Estos casos se dan cuando tenemos un conjunto de ropas, un conjunto de monturas y un conjunto de armas. Aunque pueda parecer complejo, es muy sencillo. Simplemente haremos una combinación de los dos casos anteriores.
Primero mostraremos el conjunto de ropas ya que es el conjunto más grande, el que tiene más partes y por ende también tendrá más niveles de bonus según las partes equipadas y ocupará más espacio en la pantalla.</p<
Este lo mostraremos con el código de cuando tenemos un conjunto.
El conjunto de monturas y el conjunto de armas los agregaremos con el código de dos conjuntos. El orden en el que pongamos el conjunto de armas y el de monturas da igual por lo que podríamos poner primero las armas y luego las monturas o al revés
Así es como nos debería quedar el código:
<div class="container1Set">
… *Información del conjunto de ropas*
</div>
<div class="container2Set">
<div class="containerSet">
… *Información del conjunto de armas*
</div>
<div class="containerSet">
… *Información del conjunto de monturas*
</div>
</div>
¿Simple verdad?
¿Por qué tenemos códigos distintos dependiendo de la cantidad de conjuntos?
Tenemos códigos distintos debido a que cada conjunto ocupa un espacio en la pantalla y dependiendo del tamaño de la pantalla se hacen ajustes en como se muestra la información para que incluso si lo viéramos en un móvil no resulte tan incómodo de ver.
La razón de utilizar distintos códigos es porque cada uno está preparado para ajustarse por sí solo dependiendo de la cantidad de conjuntos que contiene. Si pusiéramos 2 conjuntos en el código de 1 conjunto, estos se verían mal y lo mismo si lo hiciéramos al revés.
Categoría de la página
Como hacemos con todas las páginas que creamos, debemos categorizarlas.
[[Category:Item sets]]
Si queremos los códigos implementados con conjuntos reales, observe el código de los siguientes conjuntos de ropas:
con 1 conjunto -> Conjunto Payaso de Halloween
con 2 conjuntos -> Conjunto de Oficial de la Unión
con 3 conjuntos -> Conjunto de ropa de Santa
¿Como agregar el nuevo conjunto de ropas a la lista de conjuntos?
Como mencionamos al principio de esta guía, tenemos 3 categorías de conjuntos de ropas: Clásicos, Tienda de la Unión Pacífica y conjuntos de Eventos.
Las categorías de conjuntos Clásicos y Tienda de la unión pacífica tiene un título que los identifica y luego tienen un contenedor <div>:
== Clásicos==
<div class="containerSets">
…
<div>
Todos los conjuntos que pongamos dentro de este contenedor serán los conjuntos clásicos. Cada conjunto se agrega con una plantilla llamada {{Set icon}} la cual explicaremos cómo funciona más adelante.
{{Set icon|sprite_id=0|link=Equipo de oro}}
Siempre tendremos varios por lo que pondremos uno debajo del otro:
== Clásicos==
<div class="containerSets">
{{Set icon|sprite_id=0|link=Equipo de oro}}
{{Set icon|sprite_id=1|link=Kit de novato}}
{{Set icon|sprite_id=2|link=Conjunto de la bailarina}}
{{Set icon|sprite_id=3|link=Conjunto del campesino}}
{{Set icon|sprite_id=4|link=Conjunto del caballero}}
{{Set icon|sprite_id=5|link=Conjunto del indio}}
...
<div>
Para agregar conjuntos en la categoría de Tienda de la Unión Pacífica lo haremos de la misma forma. Buscamos el título y agregamos los conjuntos dentro del contenedor:
Tienda de la Unión Pacífica ==
<div class="containerSets">
{{Set icon|sprite_id=23|link=Suministra heno ocho horas.}}
{{Set icon|sprite_id=18|link=Set de Cupido}}
{{Set icon|sprite_id=14|link=Conjunto de conejo de Pascua}}
{{Set icon|sprite_id=15|link=Conjunto de madera de mago}}
{{Set icon|sprite_id=26|link=Conjunto de la pradera}}
{{Set icon|sprite_id=25|link=El set sin nombre}}
{{Set icon|sprite_id=24|link=Set confederado}}
...
<div>
En el caso de los conjuntos de eventos, estos si cambian su forma de agregar los conjuntos. Cada evento tiene sus propios conjuntos y a estos eventos los agrupamos por años. Primero tenemos un contenedor especial que englobará todos los años y luego un contenedor que englobará todos los eventos de un mismo año:
<div class="containerEventsSets">
<div class="containerYearSets">
=='''2023'''==
...
</div>
<div class="containerYearSets">
=='''2022'''==
...
</div>
<div class="containerYearSets">
=='''2021'''==
...
</div>
...
</div>
Dentro del contenedor del año <div class="containerYearSets"> tendremos primero un título, este título será el año, por ejemplo: =='''2024'''== y después tendremos otro contenedor, este tercer contenedor separará los eventos por lo que usaremos uno por cada evento en el año:
<div class="containerEventsSets">
<div class="containerYearSets">
=='''2024'''==
<div class="containerSetsInEventInYear">
</div>
<div class="containerSetsInEventInYear">
</div>
...
</div>
</div>
Dentro del contenedor de evento <div class="containerSetsInEventInYear"> pondremos como primer código una imagen, esta imagen indicará que evento es el que estamos mostrando:
<div class="containerSetsInEventInYear">[[File:Icon valentine.png|link=|50px]]
</div>
Con [[File:Icon valentine.png|link=|50px]] lo que hacemos es mostrar la imagen con un tamaño de 50px. El código siguiente nos permite agregar un espacio entre la imagen y los conjuntos de ropas que vamos a mostrar después. Si no pusiéramos los entonces la imagen del evento estaría muy junta al primer conjunto.
Estas son las imágenes que utilizamos según el evento:
| imagen | Evento | Nombre de imagen | Código |
|---|---|---|---|
 |
San Valentín | Icon valentine.png | [[File:Icon valentine.png|link=|50px]] |
 |
Evento de Pascua | Icon easter.png | [[File:Icon easter.png|link=|50px]] |
 |
Día de la independencia | Icon independance.png | [[File:Icon independance.png|link=|50px]] |
 |
Ocktoberfest | Icon oktoberfest.png | [[File:Icon oktoberfest.png|link=|50px]] |
 |
Día de los Muertos | Icon dotd.png | [[File:Icon dotd.png|link=|50px]] |
 |
Navidad | Icon xmas.png | [[File:Icon xmas.png|link=|50px]] |
 |
Conjuntos especiales, eventos especiales, conjuntos temporales en la shop | Icon cs.png | [[File:Icon cs.png|link=|50px]] |
Luego de agregar la imagen comenzaríamos a agregar los conjuntos utilizando la plantilla {{Set icon}}
<div class="containerEventsSets">
<div class="containerYearSets">
=='''2023'''==
<div class="containerSetsInEventInYear">[[File:Icon valentine.png|link=|50px]]
{{Set icon|sprite_id=298|link=Conjunto de ropa de Pearl}}
{{Set icon|sprite_id=299|link=Conjunto de ropa de Nat}}
</div>
...
¿Cómo funciona la plantilla Set Icon?
La plantilla set Icon tiene solamente 2 atributos:
{{Set icon|sprite_id=299|link=Conjunto de ropa de Nat}}
link es el atributo donde indicaremos el nombre del set. No solo el nombre del conjunto sino que además permitirá hacer referencia a la página del set cuando le hagamos clic. Es IMPORTANTE saber que no debemos poner el nombre del conjunto en sí, sino que debemos poner el nombre de la página del conjunto. Por ejemplo, el conjunto Comte de Rochambeau, su conjunto de ropas se llama "Set de ropa del Comte de Rochambeau" pero la página del conjunto se llama "Set del Comte de Rochambeau", esto significa que a la plantilla le deberemos poner el nombre "Set del Comte de Rochambeau" como valor del atributo link, de otra forma no funcionará correctamente. Ejemplo:
Correcto ✔{{Set icon|sprite_id=299|link=Set del Comte de Rochambeau}}
Incorrecto X{{Set icon|sprite_id=299|link=Set de ropa del Comte de Rochambeau }}
sprite_id es el atributo que nos permitirá mostrar la imagen del conjunto, para esto nosotros indicamos un número, el número será la posición de la imagen de este conjunto dentro de una imagen que contiene todas las imágenes de los conjuntos:
Imagen ---> Icons_es_2187
Si vemos la imagen, esta pareciera ser una línea vertical, eso es porque la imagen tiene un tamaño de 50 x 16100 pixeles (a la fecha de la creación de esta guía). ¿Por qué tiene estas dimensiones? Cada imagen de un conjunto tiene un tamaño de 50 x 50 pixeles y están una debajo de la otra, al tener 322 conjuntos nos da esta dimensión de alto (50 x 322 = 16100).
¿La pregunta importante sería como agrego una nueva imagen de conjunto a esta lista de imágenes? Como no podemos predecir el futuro, cada vez que innogames saca un nuevo conjunto debemos agregar la de este a la lista. Podríamos hacerlo de muchas formas pero en mi caso uso Photoshop, descargo la imagen con todos los conjuntos, lo abro en Photoshop, expando la imagen hacia abajo 50 pixeles por la cantidad de conjuntos a agregar. Por ejemplo, si agregamos 4 conjuntos nuevos agregaríamos 200 pixeles hacia abajo en la imagen cambiando a un tamaño de 50 x 16300 pixeles. Luego para terminar agregaríamos la imagen del conjunto a los espacios en blanco que quedan.
Las imágenes de los conjuntos deberemos obtenerlas de alguna otra wiki o herramienta externa, y si no lo hacemos así, como última opción la crearíamos nosotros mismos.
Cuando ya tengamos guardada nuestra nueva imagen con todos los conjuntos actualizados entonces iremos a la wiki, abriremos la imagen Icons_es_2187 y subiremos una nueva versión de este archivo la cual será la nueva imagen que creamos. Es importante que subamos una nueva versión y no subamos el archivo como uno nuevo ya que la wiki utiliza exactamente esta imagen para encontrar la imagen de cada conjunto.
A TENER EN CUENTA – Debido al funcionamiento de los navegadores, cuando actualicemos esta imagen puede que los cambios no los veamos instantáneamente, esto se debe al almacenamiento de caché de los navegadores. Si borramos la caché del navegador y recargamos la página veremos correctamente las imágenes de los nuevos conjuntos