Page de test 3 : Différence entre versions
[version vérifiée] | [version vérifiée] |
(11 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{{Subpage3}} | {{Subpage3}} | ||
{{Attention|1= | {{Attention|1= | ||
− | Version du calculateur : '''0.17'''. | + | Version du calculateur : '''0.17.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 29 : | Ligne 12 : | ||
==Gestion des personnages== | ==Gestion des personnages== | ||
{{LoadJavascript|Script=element}} | {{LoadJavascript|Script=element}} | ||
− | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; align-items: start; margin-top: 30px;"> | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; align-items: start; margin-top: 30px;"> | ||
<div style="border: 1px black solid; padding: 10px; border-radius: 8px; box-shadow: 1px 1px 9px 0px #544e41;"> | <div style="border: 1px black solid; padding: 10px; border-radius: 8px; box-shadow: 1px 1px 9px 0px #544e41;"> | ||
<h3 style="margin-top: 10px;">Liste des personnages</h3> | <h3 style="margin-top: 10px;">Liste des personnages</h3> | ||
<div id="characters-container"> | <div id="characters-container"> | ||
− | <div id="new-character-template" | + | <div id="new-character-template" style="display: none;"> |
<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 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> | ||
Ligne 47 : | Ligne 29 : | ||
<h3>Liste des monstres</h3> | <h3>Liste des monstres</h3> | ||
<div id="monsters-container"> | <div id="monsters-container"> | ||
− | <div id="monster-button-templates" | + | <div id="monster-button-templates" style="display: none;"> |
<div class="handle-monster" style="grid-area: 1 / -1; margin-top: auto; padding-top: 20px;"> | <div class="handle-monster" style="grid-area: 1 / -1; margin-top: auto; padding-top: 20px;"> | ||
{{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>}} | ||
Ligne 54 : | Ligne 36 : | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div id="new-monster-template" | + | <div id="new-monster-template" style="display: none;"> |
<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 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> | ||
Ligne 1 455 : | Ligne 1 437 : | ||
==Création d'un combat== | ==Création d'un combat== | ||
+ | <div id="battle-selection-template" style="display: none;"> | ||
+ | <li>{{Input|type=radio|labelStyle=padding: 5px;|required=True|textAfter=[[Image:Queuedechevalclair.png|70px|link=]] <span></span>}}</li> | ||
+ | </div> | ||
{{Form|id=create-battle|content= | {{Form|id=create-battle|content= | ||
− | <div style=" | + | |
− | {{ | + | {{Button|id=attacker-selection|type=button|style=padding: 0 10px; border-bottom-width: 1px;|text=Qui inflige les dégâts ?}} |
− | + | <div style="position: relative;"> | |
− | + | <div style="position: absolute; top: calc(100% + 5px); left: 0; width: 500px; max-width: 100%; background: white; border: 1px solid #ccc; padding: 10px 0 10px 10px; border-radius: 8px; text-align: left; z-index: 10; max-height: 400px;"> | |
+ | <div style="display: flex; flex-direction: column; gap: 10px; max-height: inherit; overflow-y: auto; padding-right: 5px;"> | ||
+ | <div style="font-weight: bold;">Liste des personnages</div> | ||
+ | <ul id="attacker-selection-characters" class="label-hover" style="list-style: none; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));"></ul> | ||
+ | <div style="font-weight: bold;">Liste des monstres</div> | ||
+ | <ul id="attacker-selection-monsters" class="label-hover" style="list-style: none; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));"></ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div style="margin-top: 400px;"></div> | ||
+ | |||
+ | {{Button|id=victim-selection|type=button|style=padding: 0 10px; border-bottom-width: 1px;|text=Qui reçoit les dégâts ?}} | ||
+ | <div style="position: relative;"> | ||
+ | <div style="position: absolute; top: calc(100% + 5px); left: 0; width: 500px; max-width: 100%; background: white; border: 1px solid #ccc; padding: 10px 0 10px 10px; border-radius: 8px; text-align: left; z-index: 10; max-height: 400px;"> | ||
+ | <div style="display: flex; flex-direction: column; gap: 10px; max-height: inherit; overflow-y: auto; padding-right: 5px;"> | ||
+ | <div style="font-weight: bold;">Liste des personnages</div> | ||
+ | <ul id="victim-selection-characters" class="label-hover" style="list-style: none; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));"></ul> | ||
+ | <div style="font-weight: bold;">Liste des monstres</div> | ||
+ | <ul id="victim-selection-monsters" class="label-hover" style="list-style: none; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));"></ul> | ||
+ | <div style="font-weight: bold;">Liste des pierres</div> | ||
+ | <ul id="victim-selection-stones" class="label-hover" style="list-style: none; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));"></ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div style="margin-top: 400px;"></div> | ||
+ | |||
{{Select|text=Quel type d'attaque simuler ?|id=attack-type-selection|name=attackTypeSelection|labelStyle=flex-direction: column; gap: 0; align-items: flex-start;|required=true|content= | {{Select|text=Quel type d'attaque simuler ?|id=attack-type-selection|name=attackTypeSelection|labelStyle=flex-direction: column; gap: 0; align-items: flex-start;|required=true|content= | ||
{{Option|text=Choisir une attaque|value=|disabled=true|selected=true}} | {{Option|text=Choisir une attaque|value=|disabled=true|selected=true}} | ||
Ligne 1 514 : | Ligne 1 526 : | ||
{{Option|class=tabber-noactive|text=Grêle de flèches|value=horseSkill140|data=class+archery blade_fight}} | {{Option|class=tabber-noactive|text=Grêle de flèches|value=horseSkill140|data=class+archery blade_fight}} | ||
}} | }} | ||
− | |||
− | |||
− | |||
− | |||
<div style="margin-top: 10px;"> | <div style="margin-top: 10px;"> | ||
{{Button|text=Calculer}} | {{Button|text=Calculer}} | ||
</div> | </div> | ||
}} | }} | ||
− | <div id="delete-fight-template" | + | <div id="delete-fight-template" style="display: none;"> |
<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> | <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> | ||
</div> | </div> |
Version actuelle datée du 28 décembre 2024 à 03:45
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é .
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. | ||||||