Page de test 3 : Différence entre versions
[version non vérifiée] | [en attente de relecture] |
(16 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 66 : | Ligne 66 : | ||
{{Button|class=brown-transparent brown flex|style=align-items: center; gap: 6px; padding: 0 8px; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-weight: 500; cursor: pointer;|text=<span style="margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Ajouter</span><span style="display: flex;">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=add}}</span>}} | {{Button|class=brown-transparent brown flex|style=align-items: center; gap: 6px; padding: 0 8px; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-weight: 500; cursor: pointer;|text=<span style="margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Ajouter</span><span style="display: flex;">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=add}}</span>}} | ||
{{Button|class=red flex|style=align-items: center; gap: 6px; padding: 0 8px; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-weight: 500; cursor: pointer;|text=<span style="margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Supprimer</span><span style="display: flex;">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=delete}}</span>}} | {{Button|class=red flex|style=align-items: center; gap: 6px; padding: 0 8px; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-weight: 500; cursor: pointer;|text=<span style="margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Supprimer</span><span style="display: flex;">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=delete}}</span>}} | ||
− | {{Button|class=brown-transparent brown flex|style=align-items: center; gap: 6px; padding: 0 8px; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-weight: 500; cursor: pointer;|text=<span style="margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Sélectionner</span><span style="display: flex;">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data= | + | {{Button|class=brown-transparent brown flex|style=align-items: center; gap: 6px; padding: 0 8px; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-weight: 500; cursor: pointer;|text=<span style="margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Sélectionner</span><span style="display: flex;">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=select}}</span>}} |
</div> | </div> | ||
</div> | </div> | ||
Ligne 80 : | Ligne 80 : | ||
{{Modal | {{Modal | ||
|addEvent=True | |addEvent=True | ||
+ | |autoClose=True | ||
|width=1100px | |width=1100px | ||
|height=100% | |height=100% | ||
Ligne 102 : | Ligne 103 : | ||
<h3 style="margin-top: 10px;">Édition d'un personnage</h3> | <h3 style="margin-top: 10px;">Édition d'un personnage</h3> | ||
<p>Vous n'avez sélectionné aucun personnage.</p> | <p>Vous n'avez sélectionné aucun personnage.</p> | ||
− | {{Form|id=character-creation|class=tabber-noactive|content= | + | <!-- Optimize page size --> |
+ | <!-- {{Form|id=character-creation|class=tabber-noactive|content= --> | ||
+ | <div data-element="form" data-id="character-creation" data-class="tabber-noactive"> | ||
<div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px;"> | <div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px;"> | ||
{{Button|id=save-character|type=submit|style=display: flex; align-items: center; width: 100%; padding: 0; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 500; cursor: pointer;|text=<span style="padding: 10px 20px; margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Sauvegarder les modifications</span><span style="display: flex; padding: 10px 24px; background: rgba(0, 0, 0, 0.08);">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=save}}</span>}} | {{Button|id=save-character|type=submit|style=display: flex; align-items: center; width: 100%; padding: 0; border: none; outline: none; border-radius: 5px; overflow: hidden; font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 500; cursor: pointer;|text=<span style="padding: 10px 20px; margin: 0 auto; color: #fff; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden;">Sauvegarder les modifications</span><span style="display: flex; padding: 10px 24px; background: rgba(0, 0, 0, 0.08);">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=save}}</span>}} | ||
Ligne 138 : | Ligne 141 : | ||
{{Input|id=is-riding|name=isRiding|type=checkbox|textAfter=<span>[[Image:Sanglierpugnace.png|25px|link=]] <span>Êtes-vous sur une monture ?</span></span>}} | {{Input|id=is-riding|name=isRiding|type=checkbox|textAfter=<span>[[Image:Sanglierpugnace.png|25px|link=]] <span>Êtes-vous sur une monture ?</span></span>}} | ||
{{Input|id=is-polymorph|name=isPolymorph|type=checkbox|textAfter=<span>[[Image:Orbedepolymorphie.png|25px|link=]] <span>Êtes-vous en polymorphie ?</span></span>}} | {{Input|id=is-polymorph|name=isPolymorph|type=checkbox|textAfter=<span>[[Image:Orbedepolymorphie.png|25px|link=]] <span>Êtes-vous en polymorphie ?</span></span>}} | ||
− | <div id="polymorph-creation" class="tabber-noactive"> | + | </div> |
− | {{Input|id=polymorph-monster|name=polymorphMonster|type= | + | <div id="polymorph-creation" class="tabber-noactive auto-correct-input"> |
− | {{Input|id=polymorph-monster-image|name=polymorphMonsterImage|type= | + | <div style="display: none;">{{Input|id=polymorph-monster|name=polymorphMonster|type=number|value=101}} |
− | <div style="display: flex; flex-direction: column | + | {{Input|id=polymorph-monster-image|name=polymorphMonsterImage|type=text|value=/images/3/3b/Chienerrant-min.png}}</div> |
+ | <div style="display: flex; flex-direction: column; margin: 15px 5px 10px; border-top: 1px black dashed; padding-top: 12px;"> | ||
<div style="font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Polymorphie sélectionnée</div> | <div style="font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Polymorphie sélectionnée</div> | ||
− | <div id="polymorph-display">[[Image:Chienerrant.png| | + | <div id="polymorph-display" style="display: flex; align-items: center; gap: 10px; margin: 10px;">[[Image:Chienerrant-min.png|70px|link=]][[Chien errant]]</div> |
<div class="button styled-button modal-trigger" style="margin-left: 5px; width: max-content;" data-modal="monster">Modifier</div> | <div class="button styled-button modal-trigger" style="margin-left: 5px; width: max-content;" data-modal="monster">Modifier</div> | ||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Ligne 205 : | Ligne 208 : | ||
<div style="margin-top: 10px;"> | <div style="margin-top: 10px;"> | ||
{{Input|id=on-yohara|name=onYohara|type=checkbox|textAfter=Êtes-vous dans une zone de Yohara (nouveau continent) ?}} | {{Input|id=on-yohara|name=onYohara|type=checkbox|textAfter=Êtes-vous dans une zone de Yohara (nouveau continent) ?}} | ||
− | <div id="yohara-creation" class="flex tabber-noactive" style="flex-direction: column; gap: 3px 0; margin: 8px 5px;"> | + | <div id="yohara-creation" class="flex tabber-noactive auto-correct-input" style="flex-direction: column; gap: 3px 0; margin: 8px 5px;"> |
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
Ligne 230 : | Ligne 233 : | ||
<div id="weapon-display">[[Image:Poings.png|link=]]<span> Poings</span>{{Select|id=weapon-upgrade|name=weaponUpgrade|labelClass=tabber-noactive|inline=True|textAfter=<span style="visibility: hidden; position: absolute;">Amélioration de l'arme</span>}}</div> | <div id="weapon-display">[[Image:Poings.png|link=]]<span> Poings</span>{{Select|id=weapon-upgrade|name=weaponUpgrade|labelClass=tabber-noactive|inline=True|textAfter=<span style="visibility: hidden; position: absolute;">Amélioration de l'arme</span>}}</div> | ||
<div style="display: flex; flex-direction: column; gap: 3px 0;"> | <div style="display: flex; flex-direction: column; gap: 3px 0;"> | ||
− | <div id="random-attack-value" class="flex tabber-noactive" style="align-items: center; margin-top: 10px;"> | + | <div id="random-attack-value" class="flex tabber-noactive auto-correct-input" style="align-items: center; margin-top: 10px;"> |
− | {{Input|id=min-attack-value|name=minAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} | + | {{Input|id=min-attack-value-random|class=disabled-variation|name=minAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} |
<div style="font-family: system-ui; padding: 0 10px;">—</div> | <div style="font-family: system-ui; padding: 0 10px;">—</div> | ||
− | {{Input|id=max-attack-value-random|name=maxAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} | + | {{Input|id=max-attack-value-random|class=disabled-variation|name=maxAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} |
<div style="margin-left: 10px;">Valeur d'attaque</div> | <div style="margin-left: 10px;">Valeur d'attaque</div> | ||
</div> | </div> | ||
− | <div id="random-magic-attack-value" class="flex tabber-noactive" style="align-items: center;"> | + | <div id="random-magic-attack-value" class="flex tabber-noactive auto-correct-input" style="align-items: center;"> |
− | {{Input|id=min-magic-attack-value-random|name=minMagicAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} | + | {{Input|id=min-magic-attack-value-random|class=disabled-variation|name=minMagicAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} |
<div style="font-family: system-ui; padding: 0 10px;">—</div> | <div style="font-family: system-ui; padding: 0 10px;">—</div> | ||
− | {{Input|id=max-magic-attack-value-random|name=maxMagicAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} | + | {{Input|id=max-magic-attack-value-random|class=disabled-variation|name=maxMagicAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px;}} |
<div style="margin-left: 10px;">Valeur d'attaque magique</div> | <div style="margin-left: 10px;">Valeur d'attaque magique</div> | ||
</div> | </div> | ||
Ligne 522 : | Ligne 525 : | ||
<div style="display: flex; flex-direction: column; gap: 3px 0; margin: 10px 5px;"> | <div style="display: flex; flex-direction: column; gap: 3px 0; margin: 10px 5px;"> | ||
<div style="display: flex; align-items: center; gap: 3px 0;"> | <div style="display: flex; align-items: center; gap: 3px 0;"> | ||
− | {{Input|id=min-attack-value-slash|name=minAttackValueSlash|type=number|min=0|max=500|value=0|required=True}} | + | {{Input|id=min-attack-value-slash|class=disabled-variation|name=minAttackValueSlash|type=number|min=0|max=500|value=0|required=True}} |
<div style="font-family: system-ui; padding: 0 10px;">—</div> | <div style="font-family: system-ui; padding: 0 10px;">—</div> | ||
− | {{Input|id=max-attack-value-slash|name=maxAttackValueSlash|type=number|min=0|max=500|value=0|required=True}} | + | {{Input|id=max-attack-value-slash|class=disabled-variation|name=maxAttackValueSlash|type=number|min=0|max=500|value=0|required=True}} |
<div style="margin-left: 10px;">Valeur d'attaque</div> | <div style="margin-left: 10px;">Valeur d'attaque</div> | ||
</div> | </div> | ||
<div style="display: flex; align-items: center; gap: 3px 0;"> | <div style="display: flex; align-items: center; gap: 3px 0;"> | ||
− | {{Input|id=min-magic-attack-value-slash|name=minMagicAttackValueSlash|type=number|min=0|max=200|value=0|required=True}} | + | {{Input|id=min-magic-attack-value-slash|class=disabled-variation|name=minMagicAttackValueSlash|type=number|min=0|max=200|value=0|required=True}} |
<div style="font-family: system-ui; padding: 0 10px;">—</div> | <div style="font-family: system-ui; padding: 0 10px;">—</div> | ||
− | {{Input|id=max-magic-attack-value-slash|name=maxMagicAttackValueSlash|type=number|min=0|max=200|value=0|required=True}} | + | {{Input|id=max-magic-attack-value-slash|class=disabled-variation|name=maxMagicAttackValueSlash|type=number|min=0|max=200|value=0|required=True}} |
<div style="margin-left: 10px;">Valeur d'attaque magique</div> | <div style="margin-left: 10px;">Valeur d'attaque magique</div> | ||
</div> | </div> | ||
Ligne 621 : | Ligne 624 : | ||
{{Input|id=insect-bonus|name=insectBonus|type=number|min=0|max=500|value=0|required=True|textAfter=Force c. insectes}} | {{Input|id=insect-bonus|name=insectBonus|type=number|min=0|max=500|value=0|required=True|textAfter=Force c. insectes}} | ||
|title=[[Fort contre les insectes]] | |title=[[Fort contre les insectes]] | ||
+ | }} | ||
+ | |||
+ | {{Tooltip | ||
+ | |1= | ||
+ | {{Input|id=dragon-bonus|name=dragonBonus|type=number|min=0|max=100|value=0|required=True|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=pointer-events: none;|textAfter=Force contre les dragons}} | ||
+ | |title=[[Force contre les dragons]] | ||
+ | |p1=Ce bonus n'est pas encore implémenté. | ||
}} | }} | ||
Ligne 1 185 : | Ligne 1 195 : | ||
<div style="margin: 10px 0;"> | <div style="margin: 10px 0;"> | ||
{{Input|id=is-blessed|name=isBlessed|type=checkbox|textAfter=Êtes-vous sous l'effet de Bénédiction ?}} | {{Input|id=is-blessed|name=isBlessed|type=checkbox|textAfter=Êtes-vous sous l'effet de Bénédiction ?}} | ||
− | <div id="blessing-creation" class="flex tabber-noactive" style="flex-direction: column; gap: 3px 0; margin: 10px 5px; border-top: 1px black dashed;"> | + | <div id="blessing-creation" class="flex tabber-noactive auto-correct-input" style="flex-direction: column; gap: 3px 0; margin: 10px 5px; border-top: 1px black dashed;"> |
<p style="margin: 0; margin-top: 8px;">Il faut entrer les valeurs du joueur qui vous a conféré l'effet de la compétence <span class="tabber-noactive" data-class="dragon">(le joueur peut être vous-même) </span>!</p> | <p style="margin: 0; margin-top: 8px;">Il faut entrer les valeurs du joueur qui vous a conféré l'effet de la compétence <span class="tabber-noactive" data-class="dragon">(le joueur peut être vous-même) </span>!</p> | ||
{{Tooltip | {{Tooltip | ||
Ligne 1 361 : | Ligne 1 371 : | ||
{{Input|id=is-married|name=isMarried|type=checkbox|textAfter=Êtes-vous marié et votre conjoint est-il connecté dans la même zone que vous ?}} | {{Input|id=is-married|name=isMarried|type=checkbox|textAfter=Êtes-vous marié et votre conjoint est-il connecté dans la même zone que vous ?}} | ||
− | <div id="marriage-creation" class="tabber-noactive"> | + | <div id="marriage-creation" class="tabber-noactive auto-correct-input"> |
<div style="display: flex; flex-direction: column; gap: 5px 0; margin: 8px 5px; border-top: 1px black dashed; padding-top: 12px;"> | <div style="display: flex; flex-direction: column; gap: 5px 0; margin: 8px 5px; border-top: 1px black dashed; padding-top: 12px;"> | ||
{{Tooltip | {{Tooltip | ||
Ligne 1 436 : | Ligne 1 446 : | ||
Pour choisir un bonus, sélectionnez-le parmi les onglets précédents en cliquant dessus tout en maintenant la touche <kbd>Alt</kbd> ou <kbd>Ctrl</kbd> enfoncée. | Pour choisir un bonus, sélectionnez-le parmi les onglets précédents en cliquant dessus tout en maintenant la touche <kbd>Alt</kbd> ou <kbd>Ctrl</kbd> enfoncée. | ||
− | + | {{Input|id=use-bonus-variation|name=useBonusVariation|type=checkbox|labelStyle=margin-top: 15px;|textAfter=Activer la variation de bonus}} | |
− | {{Input|id=bonus-variation | + | <div id="bonus-variation-creation" class="tabber-noactive auto-correct-input"> |
− | <div style="display: none;">{{Input|id=bonus-variation|name=bonusVariation|type=text}} | + | <div style="display: flex; flex-direction: column; gap: 3px 0; margin: 15px 5px 10px; border-top: 1px black dashed; padding-top: 12px;"> |
− | {{Input|id=bonus-variation- | + | <!--<div style="display: none;">--> |
− | <div class="tabber-noactive | + | <div> |
− | {{Input|id=bonus-variation-min-value|name=bonusVariationMinValue|type=number|value=0|required=True|style=width: 55px;|textAfter=Valeur minimale}} | + | {{Input|id=bonus-variation|class=disabled-variation|name=bonusVariation|type=text|value=0}} |
− | {{Input|id=bonus-variation-max-value|name=bonusVariationMaxValue|type=number|value=0|required=True|style=width: 55px;|textAfter=Valeur maximale}} | + | {{Input|id=bonus-variation-name|class=disabled-variation|name=bonusVariationName|value=0}} |
+ | </div> | ||
+ | <p id="bonus-variation-disabled">Vous n'avez pas encore sélectionné de bonus, le mode variation ne sera pas activé.</p> | ||
+ | <p id="bonus-variation-selected" class="tabber-noactive">Vous avez sélectionné le bonus suivant : | ||
+ | <ul> | ||
+ | <li><span id="bonus-variation-display" style="font-weight: bold;"></span>.</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | {{Input|id=bonus-variation-min-value|class=disabled-variation|name=bonusVariationMinValue|type=number|value=0|required=True|style=width: 55px;|textAfter=Valeur minimale}} | ||
+ | {{Input|id=bonus-variation-max-value|class=disabled-variation|name=bonusVariationMaxValue|type=number|value=0|required=True|style=width: 55px;|textAfter=Valeur maximale}} | ||
+ | </div> | ||
</div> | </div> | ||
}} | }} | ||
− | + | <!-- Optimize page size --> | |
+ | <!-- {{Form|id=character-creation|class=tabber-noactive|content= --> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Version actuelle datée du 26 décembre 2024 à 01:48
Sommaire
Gestion des personnages
Liste des personnages
Liste des monstres
Édition d'un personnage
Vous n'avez sélectionné aucun personnage.
z
Entrer les valeurs d'attaques qui sont affichées sur votre étole.
Cet onglet vous permet de sélectionner un bonus et de voir une représentation graphique de l'évolution des dégâts en fonction de la variation de ce bonus.
Pour choisir un bonus, sélectionnez-le parmi les onglets précédents en cliquant dessus tout en maintenant la touche Alt ou Ctrl enfoncée.
Vous n'avez pas encore sélectionné de bonus, le mode variation ne sera pas activé.
Vous avez sélectionné le bonus suivant :
- .
Création d'un combat
Attaquant | Adversaire | Type d'attaque | Dégâts moyens | Dégâts minimaux | Dégâts maximaux |
---|---|---|---|---|---|
La simulation du combat a généré valeurs de dégâts distinctes.
À chaque fois qu'une attaque est infligée, une valeur de dégâts est choisie aléatoirement parmi ces valeurs. Le graphique ci-dessous représente le pourcentage de chance associé à chaque valeur de dégâts possible.
💡 Les possibilités de dégâts ont été calculées en . L'affichage des résultats a pris .
Le mode variation d'un bonus est activé. Pour le désactiver, aller dans l'onglet Variation de votre personnage.
💡 Les simulations ont été calculées en .
Historique des combats
Attaquant | Adversaire | Type d'attaque | Dégâts moyens | Dégâts minimaux | Dégâts maximaux | Supprimer |
---|---|---|---|---|---|---|
Il n'y a aucun combat à afficher ! Cliquer sur le bouton « Calculer » ci-dessus pour créer un combat. | ||||||