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
1- 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'''}}
2- 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>
3- 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.
4- 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>
5- 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.
6- categoría de la página
Como hacemos con todas las páginas que creamos, debemos categorizarlas.
[[Category:Item sets]]