Simulateur de dégâts : Différence entre versions
[version vérifiée] | [version vérifiée] |
(18 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | |||
{{Subpage3}} | {{Subpage3}} | ||
{{Attention|1= | {{Attention|1= | ||
− | Version du calculateur : '''0. | + | Version du calculateur : '''0.15.1'''. |
Cette page est en cours de développement. Actuellement, le calculateur peut simuler exactement les dégâts physiques des joueurs contre les monstres et des joueurs contre les joueurs. | Cette page est en cours de développement. Actuellement, le calculateur peut simuler exactement les dégâts physiques des joueurs contre les monstres et des joueurs contre les joueurs. | ||
Ligne 19 : | Ligne 18 : | ||
<div id="characters-container"> | <div id="characters-container"> | ||
<div id="new-character-template" class="tabber-noactive"> | <div id="new-character-template" class="tabber-noactive"> | ||
− | <div style="display: flex; justify-content: space-between; | + | <div style="display: flex; justify-content: space-between; align-items: center; font-size: 1.2em; gap: 5px; padding: 0 5px 0 8px; height: 28px; cursor: pointer; border-radius: 5px; margin-bottom: 5px; background: #e6d2a1;"><span class="input notranslate" style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;>Pseudo</span><div class="svg-container popContenu" style="user-select: none; white-space: nowrap; height: 24px;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=duplicate|title=Dupliquer ce personnage}}{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=download|title=Télécharger les données de ce personnage}}{{Svg|class=svg-icon svg-icon-delete|height=24|viewBox=0 -960 960 960|width=24|data=delete|title=Supprimer ce personnage}}</div> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; gap: 5px; margin: 10px 0;"> | <div style="display: flex; flex-direction: column; gap: 5px; margin: 10px 0;"> | ||
− | {{Button|id=add-new-character|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;">Créer un personnage</span><span style="display: flex; padding: 10px 24px; color: #fff; background: rgba(0, 0, 0, 0.08);">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=add}}</span>}} | + | {{Button|id=add-new-character|class=brown|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;">Créer un personnage</span><span style="display: flex; padding: 10px 24px; color: #fff; background: rgba(0, 0, 0, 0.08);">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=add}}</span>}} |
<div id="character-drop-zone" class="drop-zone" style="height: 44px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; border-radius: 10px;><span style="font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 16px;">Déposer les personnages ici</span> | <div id="character-drop-zone" class="drop-zone" style="height: 44px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; border-radius: 10px;><span style="font-family: 'Quicksand', sans-serif; font-weight: 500; font-size: 16px;">Déposer les personnages ici</span> | ||
{{Input|id=character-input|type=file|style=display: none;}} | {{Input|id=character-input|type=file|style=display: none;}} | ||
Ligne 38 : | Ligne 37 : | ||
<div id="monsters-container"> | <div id="monsters-container"> | ||
<div id="new-monster-template" class="tabber-noactive"> | <div id="new-monster-template" class="tabber-noactive"> | ||
− | <div style="display: flex; justify-content: space-between; | + | <div style="display: flex; justify-content: space-between; align-items: center; font-size: 1.2em; gap: 5px; border: 1px grey solid; padding: 0 5px 0 8px; height: 28px; border-radius: 5px; margin-bottom: 5px; background: #e6d2a1;"><span class="input" style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;"></span><div class="svg-container" style="user-select: none; white-space: nowrap; height: 24px;">{{Svg|class=svg-icon svg-icon-delete|height=24|viewBox=0 -960 960 960|width=24|data=delete|title=Supprimer ce monstre}}</div> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
{{Form|id=monster-list-form|content= | {{Form|id=monster-list-form|content= | ||
− | {{Input|id=search-monster|type=text|labelStyle=position: relative; padding: 0; max-width: 280px;|style=margin: 0; width: 280px;|placeholder=Ajouter un monstre}} | + | {{Input|id=search-monster|type=text|labelStyle=position: relative; padding: 0; max-width: 280px;|style=margin: 0; width: 280px; padding: 5px 8px; font-size: 1.1em;|placeholder=Ajouter un monstre}} |
<div style="position: relative;"> | <div style="position: relative;"> | ||
<ul id="monster-list" class="container tabber-noactive" style="position: absolute; z-index: 10; top: 100%; left: 0; min-width: max-content; width: 280px; margin: 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; flex-direction: column; max-height: 180px; overflow-y: auto;"></ul> | <ul id="monster-list" class="container tabber-noactive" style="position: absolute; z-index: 10; top: 100%; left: 0; min-width: max-content; width: 280px; margin: 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; flex-direction: column; max-height: 180px; overflow-y: auto;"></ul> | ||
Ligne 55 : | Ligne 54 : | ||
<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; color: #fff; 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; color: #fff; background: rgba(0, 0, 0, 0.08);">{{Svg|style=fill: white;|height=24|viewBox=0 -960 960 960|width=24|data=save}}</span>}} | ||
− | {{Input|id=name|class=notranslate|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3); margin: 0 10px 0 0;|labelStyle=display: block; padding-left: 0; pointer-events: none; margin: 0;|textAfter=Pseudo}} | + | {{Input|id=name|class=notranslate|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3); margin: 0 10px 0 0; text-overflow: ellipsis;|labelStyle=display: block; padding-left: 0; pointer-events: none; margin: 0;|textAfter=Pseudo}} |
</div> | </div> | ||
---- | ---- | ||
Ligne 68 : | Ligne 67 : | ||
{{Input|type=radio|name=race|id=ninja|value=ninja|text=Ninja|textAfter=[[Image:Queuedechevalclair.png|70px|link=]]}} | {{Input|type=radio|name=race|id=ninja|value=ninja|text=Ninja|textAfter=[[Image:Queuedechevalclair.png|70px|link=]]}} | ||
{{Input|type=radio|name=race|id=sura|value=sura|text=Sura|textAfter=[[Image:Couperespectablerouge.png|70px|link=]]}} | {{Input|type=radio|name=race|id=sura|value=sura|text=Sura|textAfter=[[Image:Couperespectablerouge.png|70px|link=]]}} | ||
− | {{Input|type=radio|name=race|id= | + | {{Input|type=radio|name=race|id=shaman|value=shaman|text=Chamane|textAfter=[[Image:Coupeeleganteclairfemme.png|70px|link=]]}} |
{{Input|type=radio|name=race|id=lycan|value=lycan|text=Lycan|textAfter=[[Image:Protectionfrontalerouge.png|70px|link=]]}} | {{Input|type=radio|name=race|id=lycan|value=lycan|text=Lycan|textAfter=[[Image:Protectionfrontalerouge.png|70px|link=]]}} | ||
</div> | </div> | ||
Ligne 102 : | Ligne 101 : | ||
|Bo2=Statistiques | |Bo2=Statistiques | ||
|Co2= | |Co2= | ||
− | + | ||
− | <div style="display: flex; flex-direction: column; gap: 5px 0; margin: | + | <div style="display: flex; flex-direction: column; gap: 5px 0; margin: 10px 5px;"> |
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
Ligne 127 : | Ligne 126 : | ||
|title=[[Dextérité]] | |title=[[Dextérité]] | ||
}} | }} | ||
− | + | ||
− | |||
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
Ligne 145 : | Ligne 143 : | ||
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
− | {{Input|id=attack-speed|name=attackSpeed|type=number|min=0|max=300|value=100|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=display: block; padding-left: 0; pointer-events: none | + | {{Input|id=attack-speed|name=attackSpeed|type=number|min=0|max=300|value=100|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=display: block; padding-left: 0; pointer-events: none;|textAfter=[[Image:Vitesseattaque.png|link=]] <span>Vitesse d'attaque</span>}} |
|title=[[Vitesse d'attaque]] | |title=[[Vitesse d'attaque]] | ||
|p1=Ce bonus n'est pas encore implémenté. | |p1=Ce bonus n'est pas encore implémenté. | ||
}} | }} | ||
</div> | </div> | ||
− | + | ||
{{Collapsible | {{Collapsible | ||
|Custom=True | |Custom=True | ||
Ligne 181 : | Ligne 179 : | ||
<div style="padding: 0 5px;"> | <div style="padding: 0 5px;"> | ||
<div>'''Arme sélectionnée'''</div> | <div>'''Arme sélectionnée'''</div> | ||
− | <div id="weapon-display" style="margin: 10px 0;">[[Image:Poings.png|link=]]<span> Poings</span>{{Select|id=weapon-upgrade|name=weaponUpgrade|labelClass=tabber-noactive|labelStyle=padding-left: 0;|inline=True}}</div> | + | <div id="weapon-display" style="margin: 10px 0;">[[Image:Poings.png|link=]]<span> Poings</span>{{Select|id=weapon-upgrade|name=weaponUpgrade|labelClass=tabber-noactive|labelStyle=padding-left: 0;|inline=True|textAfter=<span style="visibility: hidden; position: absolute;">Amélioration de l'arme</span>}}</div> |
<div id="random-attack-value" class="flex tabber-noactive" style="flex-direction: column; gap: 5px 0; margin: 0 5px 10px;"> | <div id="random-attack-value" class="flex tabber-noactive" style="flex-direction: column; gap: 5px 0; margin: 0 5px 10px;"> | ||
{{Input|id=min-attack-value|name=minAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px; |labelStyle=display: block; padding-left: 0;|textAfter=Valeur d'attaque minimum}} | {{Input|id=min-attack-value|name=minAttackValueRandom|type=number|min=0|max=2000|value=0|required=True|style=width: 55px; |labelStyle=display: block; padding-left: 0;|textAfter=Valeur d'attaque minimum}} | ||
Ligne 196 : | Ligne 194 : | ||
|1=Modifier votre arme | |1=Modifier votre arme | ||
|2= | |2= | ||
− | < | + | <div style="margin: 20px; font-size: 1.5em; font-family: Quattrocento; line-height: 1.25;">Sélectionner votre arme</div> |
<div id="weapon-category" style="overflow-y: auto; overflow-x: hidden;"> | <div id="weapon-category" style="overflow-y: auto; overflow-x: hidden;"> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Épées</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-10|value=10|labelClass=popInfo|textAfter=[[Image:Epee.png|link=]]{{IconeHelp|Version=3|Épée}}}} | {{Input|type=radio|name=weapon|id=w-10|value=10|labelClass=popInfo|textAfter=[[Image:Epee.png|link=]]{{IconeHelp|Version=3|Épée}}}} | ||
Ligne 235 : | Ligne 233 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Dagues</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-1000|value=1000|labelClass=popInfo|textAfter=[[Image:Dague.png|link=]]{{IconeHelp|Version=3|Dague}}}} | {{Input|type=radio|name=weapon|id=w-1000|value=1000|labelClass=popInfo|textAfter=[[Image:Dague.png|link=]]{{IconeHelp|Version=3|Dague}}}} | ||
Ligne 272 : | Ligne 270 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Arcs</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-2000|value=2000|labelClass=popInfo|textAfter=[[Image:Arccourt.png|link=]]{{IconeHelp|Version=3|Arc court}}}} | {{Input|type=radio|name=weapon|id=w-2000|value=2000|labelClass=popInfo|textAfter=[[Image:Arccourt.png|link=]]{{IconeHelp|Version=3|Arc court}}}} | ||
Ligne 309 : | Ligne 307 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Épées à deux mains</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-3000|value=3000|labelClass=popInfo|textAfter=[[Image:Glaive.png|link=]]{{IconeHelp|Version=3|Glaive}}}} | {{Input|type=radio|name=weapon|id=w-3000|value=3000|labelClass=popInfo|textAfter=[[Image:Glaive.png|link=]]{{IconeHelp|Version=3|Glaive}}}} | ||
Ligne 345 : | Ligne 343 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Gongs</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-5000|value=5000|labelClass=popInfo|textAfter=[[Image:Gongdecuivre.png|link=]]{{IconeHelp|Version=3|Gong de cuivre}}}} | {{Input|type=radio|name=weapon|id=w-5000|value=5000|labelClass=popInfo|textAfter=[[Image:Gongdecuivre.png|link=]]{{IconeHelp|Version=3|Gong de cuivre}}}} | ||
Ligne 377 : | Ligne 375 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Griffes</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-6000|value=6000|labelClass=popInfo|textAfter=[[Image:Flambeaudacier.png|link=]]{{IconeHelp|Version=3|Flambeau d'acier}}}} | {{Input|type=radio|name=weapon|id=w-6000|value=6000|labelClass=popInfo|textAfter=[[Image:Flambeaudacier.png|link=]]{{IconeHelp|Version=3|Flambeau d'acier}}}} | ||
Ligne 404 : | Ligne 402 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Éventails</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-7000|value=7000|labelClass=popInfo|textAfter=[[Image:Eventail.png|link=]]{{IconeHelp|Version=3|Éventail}}}} | {{Input|type=radio|name=weapon|id=w-7000|value=7000|labelClass=popInfo|textAfter=[[Image:Eventail.png|link=]]{{IconeHelp|Version=3|Éventail}}}} | ||
Ligne 440 : | Ligne 438 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Lames</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-150|value=150|labelClass=popInfo|textAfter=[[Image:Lamedecrocfantome.png|link=]]{{IconeHelp|Version=3|Lame de croc fantôme}}}} | {{Input|type=radio|name=weapon|id=w-150|value=150|labelClass=popInfo|textAfter=[[Image:Lamedecrocfantome.png|link=]]{{IconeHelp|Version=3|Lame de croc fantôme}}}} | ||
Ligne 456 : | Ligne 454 : | ||
</div> | </div> | ||
<div> | <div> | ||
− | < | + | <div style="margin: 15px 20px; font-size: 1.35em; font-family: Quattrocento; line-height: 1.25;">Poings (sans arme)</div> |
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(32px, 1fr)); grid-gap: 10px; text-align: center; margin: 20px;"> | ||
{{Input|type=radio|name=weapon|id=w-0|value=0|checked=True|textAfter=[[Image:Poings.png|link=]]}} | {{Input|type=radio|name=weapon|id=w-0|value=0|checked=True|textAfter=[[Image:Poings.png|link=]]}} | ||
Ligne 522 : | Ligne 520 : | ||
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
− | {{Input|id=zodiac-bonus|name=zodiacBonus|type=number|min=0|max=100|value=0|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=display: block; padding-left: 0; pointer-events: none | + | {{Input|id=zodiac-bonus|name=zodiacBonus|type=number|min=0|max=100|value=0|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=display: block; padding-left: 0; pointer-events: none;|textAfter=Force c. m. zodiaque}} |
|title=[[Force contre les monstres du Zodiaque]] | |title=[[Force contre les monstres du Zodiaque]] | ||
|p1=Ce bonus n'est pas encore implémenté. | |p1=Ce bonus n'est pas encore implémenté. | ||
Ligne 597 : | Ligne 595 : | ||
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
− | {{Input|id=defense-useless|name=defenseUseless|type=number | + | {{Input|id=defense-useless|name=defenseUseless|type=number|style=color: transparent;|labelStyle=display: block; padding-left: 0;|disabled=true|textAfter=Valeur de défense}} |
|title=Il n'y a pas encore de page décrivant ce bonus | |title=Il n'y a pas encore de page décrivant ce bonus | ||
|p1=Nous n'avons pas besoin de ce bonus pour calculer les dégâts. | |p1=Nous n'avons pas besoin de ce bonus pour calculer les dégâts. | ||
Ligne 646 : | Ligne 644 : | ||
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
− | {{Input|id=magic-attack-value|name=magicAttackValue|type=number|min=0|max= | + | {{Input|id=magic-attack-value|name=magicAttackValue|type=number|min=0|max=500|value=0|labelStyle=display: block; padding-left: 0;|textAfter=Bonus d'attaque mag}} |
− | |title= | + | |title=[[Valeur d'attaque magique (bonus)]] |
− | |p1= | + | |p1=La formule utilisée n'est pas tout à fait exacte, ce qui peut entraîner d'infimes différences entre les résultats de la simulation et ceux observés en jeu. Cependant, cette formule reste extrêmement proche de la réalité. |
}} | }} | ||
Ligne 688 : | Ligne 686 : | ||
{{Input|id=magic-resistance|name=magicResistance|type=number|min=0|max=200|value=0|labelStyle=display: block; padding-left: 0; padding-left: 0;|textAfter=Résistance magique}} | {{Input|id=magic-resistance|name=magicResistance|type=number|min=0|max=200|value=0|labelStyle=display: block; padding-left: 0; padding-left: 0;|textAfter=Résistance magique}} | ||
|title=[[Résistance à la Magie]] | |title=[[Résistance à la Magie]] | ||
− | |p1= | + | |p1=La formule utilisée n'est pas tout à fait exacte, ce qui peut entraîner d'infimes différences entre les résultats de la simulation et ceux observés en jeu. Cependant, cette formule reste extrêmement proche de la réalité. |
}} | }} | ||
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
− | {{Input|id=anti-magic|name=antiMagic|type=number|min=0|max=200|value=0|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=display: block; padding-left: 0; pointer-events: none | + | {{Input|id=anti-magic|name=antiMagic|type=number|min=0|max=200|value=0|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=display: block; padding-left: 0; pointer-events: none;|textAfter=Anti-magie}} |
|title=Il n'y a pas encore de page décrivant ce bonus | |title=Il n'y a pas encore de page décrivant ce bonus | ||
|p1=Ce bonus n'est pas encore implémenté. | |p1=Ce bonus n'est pas encore implémenté. | ||
Ligne 944 : | Ligne 942 : | ||
{{Input|id=melee-block|name=meleeBlock|type=number|min=0|max=200|value=0|labelStyle=display: block; padding-left: 0; padding-left: 0;|textAfter=Bloquer une attaque}} | {{Input|id=melee-block|name=meleeBlock|type=number|min=0|max=200|value=0|labelStyle=display: block; padding-left: 0; padding-left: 0;|textAfter=Bloquer une attaque}} | ||
|title=[[Chance de bloquer un coup au Corps-à-corps]] | |title=[[Chance de bloquer un coup au Corps-à-corps]] | ||
+ | }} | ||
+ | |||
+ | {{Tooltip | ||
+ | |1= | ||
+ | {{Input|id=block-penetration|name=blockPenetration|type=number|min=0|max=100|value=0|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=display: block; padding-left: 0; pointer-events: none; padding-left: 0;|textAfter=Percée}} | ||
+ | |title=[[Percée]] | ||
+ | |p1=Ce bonus n'est pas encore implémenté. | ||
}} | }} | ||
Ligne 954 : | Ligne 959 : | ||
{{Tooltip | {{Tooltip | ||
|1= | |1= | ||
− | {{Input|id=precision|name=precision|type=number|min=0|max=200|value=0|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=display: block; padding-left: 0; pointer-events: none | + | {{Input|id=precision|name=precision|type=number|min=0|max=200|value=0|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3);|labelStyle=display: block; padding-left: 0; pointer-events: none;|textAfter=Précision}} |
|title=[[Précision (bonus)|Précision]] | |title=[[Précision (bonus)|Précision]] | ||
|p1=Ce bonus n'est pas encore implémenté. | |p1=Ce bonus n'est pas encore implémenté. | ||
Ligne 1 362 : | Ligne 1 367 : | ||
}} | }} | ||
+ | |||
+ | |Bo8=Variation | ||
+ | |Co8= | ||
+ | |||
+ | {{Attention|1= | ||
+ | Cet onglet n'est pas destiné aux personnes qui découvrent le simulateur. | ||
+ | }} | ||
+ | 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 <kbd>Alt</kbd> ou <kbd>Ctrl</kbd> enfoncée. | ||
+ | ---- | ||
+ | {{Input|id=bonus-variation-activation|name=bonusVariationActivation|type=checkbox|style=display: inline-block; vertical-align: middle; margin: 0 10px 0; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px;|labelStyle=display: block; padding-left: 0;|textAfter=Activer la variation de bonus}} | ||
+ | {{Input|id=bonus-variation|name=bonusVariation|labelClass=tabber-noactive|type=text}} | ||
+ | {{Input|id=bonus-variation-display|name=bonusVariationDisplay|type=text|style=background-color: rgba(239, 239, 239, 0.3); color: rgb(84, 84, 84); border-color: rgba(118, 118, 118, 0.3); margin-right: 10px; min-width: 100px; max-width: 100%;|labelStyle=display: block; padding-left: 0; pointer-events: none;|textAfter=Bonus sélectionné}} | ||
+ | <div class="tabber-noactive flex" id="bonus-variation-range" style="flex-direction: column; gap: 5px 0; margin: 0 5px 10px 5px;"> | ||
+ | {{Input|id=bonus-variation-min-value|name=bonusVariationMinValue|type=number|value=0|required=True|style=width: 55px;|labelStyle=display: block; padding-left: 0;|textAfter=Valeur minimale}} | ||
+ | {{Input|id=bonus-variation-max-value|name=bonusVariationMaxValue|type=number|value=0|required=True|style=width: 55px;|labelStyle=display: block; padding-left: 0;|textAfter=Valeur maximale}} | ||
+ | </div> | ||
}} | }} | ||
Ligne 1 410 : | Ligne 1 433 : | ||
{{Option|class=tabber-noactive|text=Frappe de l'esprit|value=attackSkill5|data=class+black_magic|disabled=true}} | {{Option|class=tabber-noactive|text=Frappe de l'esprit|value=attackSkill5|data=class+black_magic|disabled=true}} | ||
{{Option|class=tabber-noactive|text=Orbe des ténèbres|value=attackSkill6|data=class+black_magic}} | {{Option|class=tabber-noactive|text=Orbe des ténèbres|value=attackSkill6|data=class+black_magic}} | ||
− | {{Option|class=tabber-noactive|text=Vague mortelle|value=attackSkill9|data=class+black_magic | + | {{Option|class=tabber-noactive|text=Vague mortelle|value=attackSkill9|data=class+black_magic}} |
{{Option|class=tabber-noactive|text=Talisman volant|value=attackSkill1|data=class+dragon}} | {{Option|class=tabber-noactive|text=Talisman volant|value=attackSkill1|data=class+dragon}} | ||
{{Option|class=tabber-noactive|text=Dragon chassant|value=attackSkill2|data=class+dragon}} | {{Option|class=tabber-noactive|text=Dragon chassant|value=attackSkill2|data=class+dragon}} | ||
{{Option|class=tabber-noactive|text=Rugissement du Dragon|value=attackSkill3|data=class+dragon}} | {{Option|class=tabber-noactive|text=Rugissement du Dragon|value=attackSkill3|data=class+dragon}} | ||
− | {{Option|class=tabber-noactive|text=Météore|value=attackSkill9|data=class+dragon | + | {{Option|class=tabber-noactive|text=Météore|value=attackSkill9|data=class+dragon}} |
{{Option|class=tabber-noactive|text=Jet de foudre|value=attackSkill1|data=class+heal}} | {{Option|class=tabber-noactive|text=Jet de foudre|value=attackSkill1|data=class+heal}} | ||
{{Option|class=tabber-noactive|text=Invocation de foudre|value=attackSkill2|data=class+heal}} | {{Option|class=tabber-noactive|text=Invocation de foudre|value=attackSkill2|data=class+heal}} | ||
Ligne 1 422 : | Ligne 1 445 : | ||
{{Option|class=tabber-noactive|text=Bond de loup|value=attackSkill3|data=class+lycan}} | {{Option|class=tabber-noactive|text=Bond de loup|value=attackSkill3|data=class+lycan}} | ||
{{Option|class=tabber-noactive|text=Griffe de loup|value=attackSkill4|data=class+lycan}} | {{Option|class=tabber-noactive|text=Griffe de loup|value=attackSkill4|data=class+lycan}} | ||
− | {{Option|class=tabber-noactive|text=Tempête cinglante|value=attackSkill9|data=class+lycan | + | {{Option|class=tabber-noactive|text=Tempête cinglante|value=attackSkill9|data=class+lycan}} |
{{Option|class=tabber-noactive|text=Combat équestre|value=horseSkill137}} | {{Option|class=tabber-noactive|text=Combat équestre|value=horseSkill137}} | ||
{{Option|class=tabber-noactive|text=Charge à cheval|value=horseSkill138}} | {{Option|class=tabber-noactive|text=Charge à cheval|value=horseSkill138}} | ||
Ligne 1 436 : | Ligne 1 459 : | ||
</div> | </div> | ||
}} | }} | ||
− | <div style="{{Prettytable4|of=True}}"> | + | <div id="delete-fight-template" class="tabber-noactive"> |
− | {| id="result- | + | <div style="display: flex; align-items: center; justify-content: center;">{{Svg|class=svg-icon svg-icon-delete|height=24|viewBox=0 -960 960 960|width=24|data=delete|title=Supprimer ce combat}}</div> |
− | |+ Résultats | + | </div> |
+ | <div id="fight-result-container" class="tabber-noactive"> | ||
+ | <div style="{{Prettytable4|of=True}}; padding-bottom: 0;"> | ||
+ | {| id="result-table-fight" {{Prettytable4|width=100%}} | ||
+ | |+ Résultats du combat | ||
|- | |- | ||
! Attaquant | ! Attaquant | ||
Ligne 1 446 : | Ligne 1 473 : | ||
! Dégâts minimaux | ! Dégâts minimaux | ||
! Dégâts maximaux | ! Dégâts maximaux | ||
+ | |- | ||
+ | | | ||
|} | |} | ||
</div> | </div> | ||
− | |||
{{Collapsible | {{Collapsible | ||
− | |Title=Un problème avec les résultats ? | + | |Open=True |
+ | |Title=Distribution des dégâts | ||
+ | |Content= | ||
+ | <div style="margin: 10px 0;"> | ||
+ | <p>La simulation du combat a généré <span class="unique-damages-counter"></span> valeurs de dégâts distinctes.</p> | ||
+ | <p>À chaque fois qu'une attaque est infligée, une valeur de dégâts est choisie aléatoirement parmi ces <span class="unique-damages-counter"></span> valeurs. Le graphique ci-dessous représente le pourcentage de chance associé à chaque valeur de dégâts possible.</p> | ||
+ | <div class="chart-container" style="position: relative;"> | ||
+ | <div style="display: flex; position: absolute; z-index: 10; right: 10px; padding-top: 10px; gap: 10px;"> | ||
+ | {{Svg|id=download-raw-data|class=svg-icon tabber-noactive|height=24|viewBox=0 -960 960 960|width=24|data=download|title=Télécharger les données brutes|style=background: #d3d3d396; border-radius: 50%; padding: 5px; box-shadow: 1px 1px 4px 0px black;}} | ||
+ | <div id="reduce-chart-points-container" class="tabber-noactive"> | ||
+ | {{Tooltip | ||
+ | |position=left | ||
+ | |iconStyle=margin: 0; background-color: #d3d3d396; border-radius: 50%; padding: 5px; box-shadow: 1px 1px 4px 0px black; background-position: center center; | ||
+ | |p1=Les points affichés sur le graphique peuvent être agrégés pour des raisons de performnance. | ||
+ | |input={{Input|id=reduce-chart-points|name=reduceChartPoints|type=checkbox|style=justify-content: flex-end; display: inline-block; vertical-align: middle; margin: 0 10px 0; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px;|labelStyle=display: block; padding-left: 0;|checked=True|textAfter=Limiter le nombre de points}} | ||
+ | }} | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="background: #f0f0f0; width: 100%; overflow-x: auto; user-select: none; position: relative; border: 1px #651e10 solid; border-radius: 5px;"> | ||
+ | {{Canvas|id=plot-damages|style=max-width: 100%; min-width: 400px; min-height: 400px; max-height: 400px;}} | ||
+ | </div> | ||
+ | </div> | ||
+ | <p style="font-size: .9em;">💡 Les <span id="possible-damages-counter"></span> possibilités de dégâts ont été calculées en <span id="damages-time"></span>. L'affichage des résultats a pris <span id="display-time"></span>.</p> | ||
+ | </div> | ||
+ | }} | ||
+ | {{Collapsible | ||
+ | |Title=Un problème avec les résultats ? | ||
|Content= | |Content= | ||
− | |||
Les points suivants répertorient les erreurs courantes en fonction des valeurs que vous avez fournies. | Les points suivants répertorient les erreurs courantes en fonction des valeurs que vous avez fournies. | ||
<ul> | <ul> | ||
+ | <li class="tabber-noactive" data-error="magic-attack-value-bonus">La formule de la [[valeur d'attaque magique (bonus)]] n'est pas tout à fait exacte, ce qui peut entraîner d'infimes différences entre les résultats de la simulation et ceux observés en jeu. Cependant, cette formule reste extrêmement proche de la réalité.</li> | ||
+ | <li class="tabber-noactive" data-error="magic-resistance">La formule de la [[résistance à la Magie]] n'est pas tout à fait exacte, ce qui peut entraîner d'infimes différences entre les résultats de la simulation et ceux observés en jeu. Cependant, cette formule reste extrêmement proche de la réalité.</li> | ||
<li class="tabber-noactive" data-error="monster-attacker">Lorsque l'attaquant est un monstre, les simulations peuvent être très mauvaises...</li> | <li class="tabber-noactive" data-error="monster-attacker">Lorsque l'attaquant est un monstre, les simulations peuvent être très mauvaises...</li> | ||
<li class="tabber-noactive" data-error="save">Avez-vous sauvegardé les modifications de votre personnage ? Le bouton « Sauvegarder les modifications » doit apparaître en vert ! Si cliquer dessus ne change pas sa couleur en vert, cela signifie que des valeurs incorrectes ont été saisies.</li> | <li class="tabber-noactive" data-error="save">Avez-vous sauvegardé les modifications de votre personnage ? Le bouton « Sauvegarder les modifications » doit apparaître en vert ! Si cliquer dessus ne change pas sa couleur en vert, cela signifie que des valeurs incorrectes ont été saisies.</li> | ||
Ligne 1 465 : | Ligne 1 520 : | ||
<li>Faites attention aux bonus s'activant automatiquement en combat, par exemple [[Recevez pouvoir de la foudre pendant X seconde(s) en combat]].</li> | <li>Faites attention aux bonus s'activant automatiquement en combat, par exemple [[Recevez pouvoir de la foudre pendant X seconde(s) en combat]].</li> | ||
</ul> | </ul> | ||
+ | }} | ||
</div> | </div> | ||
+ | <div id="bonus-variation-result-container" class="tabber-noactive"> | ||
+ | <p>Le mode ''variation d'un bonus'' est activé. Pour le désactiver, aller dans l'onglet ''Variation'' de votre personnage.</p> | ||
+ | <div class="tabber-noactive" data-error="attacker-victim-variation"> | ||
+ | {{Attention|1= | ||
+ | Le mode ''variation d'un bonus'' est activé pour l'attaquant et l'adversaire. L'attaquant a été sélectionné par défaut. Si vous souhaitez examiner la variation d'un bonus de l'adversaire, veuillez désactiver le mode pour l'attaquant. | ||
}} | }} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | <div class="chart-container" style="position: relative;"> | |
− | {{ | + | <div style="display: flex; position: absolute; z-index: 10; right: 10px; padding-top: 10px; gap: 10px;"> |
− | | | + | {{Svg|id=download-raw-data-variation|class=svg-icon tabber-noactive|height=24|viewBox=0 -960 960 960|width=24|data=download|title=Télécharger les données brutes|style=background: #d3d3d396; border-radius: 50%; padding: 5px; box-shadow: 1px 1px 4px 0px black;}} |
− | | | + | </div> |
− | <div style="background: | + | <div style="background: #f0f0f0; width: 100%; overflow-x: auto; user-select: none; position: relative; border: 1px #651e10 solid; border-radius: 5px;"> |
− | {{Canvas|id=plot- | + | {{Canvas|id=plot-bonus-variation|style=max-width: 100%; min-width: 400px; min-height: 400px; max-height: 400px;}} |
+ | </div> | ||
+ | </div> | ||
+ | <p style="font-size: .9em;">💡 Les <span id="simulation-counter"></span> simulations ont été calculées en <span id="simulation-time"></span>.</p> | ||
</div> | </div> | ||
− | }} | + | ==Historique des combats== |
+ | <div style="{{Prettytable4|of=True}}; padding-bottom: 0;"> | ||
+ | {| id="result-table-history" {{Prettytable4|width=100%}} | ||
+ | |+ Historique des combats | ||
+ | |- | ||
+ | ! Attaquant | ||
+ | ! Adversaire | ||
+ | ! Type d'attaque | ||
+ | ! Dégâts moyens | ||
+ | ! Dégâts minimaux | ||
+ | ! Dégâts maximaux | ||
+ | ! Supprimer | ||
+ | |- | ||
+ | | colspan="7" style="padding: 10px;" | Il n'y a aucun combat à afficher ! Cliquer sur le bouton « Calculer » ci-dessus pour créer un combat. | ||
+ | |- class="tabber-noactive" | ||
+ | | | ||
+ | |} | ||
</div> | </div> | ||
</div> | </div> |
Version actuelle datée du 20 novembre 2024 à 21:56
Sommaire
Gestion des personnages
Liste des personnages
Liste des monstres
Édition d'un personnage
Vous n'avez sélectionné aucun personnage.
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.
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. | ||||||