Page de test 3 : Différence entre versions

[version non vérifiée][version vérifiée]
Ligne 1 : Ligne 1 :
 
{{LoadJavascript|Script=element}}
 
{{LoadJavascript|Script=element}}
<div style="display: flex; gap: 20px; align-items: center; flex-wrap: nowrap; height: 35px; font-size: 1.1em;">
+
<div style="position: relative; display: flex; gap: 20px; align-items: center; flex-wrap: nowrap; height: 35px; font-size: 1.1em;">
 
{{Input|id=filter-name|style=grid-area: 1 / -1; width: 100%; height: 100%; padding: 3px 20px 3px 52px; margin: 0; border-radius: 999px;|labelStyle=height: 100%; flex-grow: 1; padding: 0; margin: 0; display: grid; align-items: center;|placeholder=Rechercher un monstre|text={{Svg|style=height: 100%; grid-area: 1 / -1; z-index: 10; padding: 0 10px; background: rgba(0, 0, 0, .16); border-radius: 999px;|height=24|viewBox=0 -960 960 960|width=24|data=search|title=Rechercher un monstre}}}}
 
{{Input|id=filter-name|style=grid-area: 1 / -1; width: 100%; height: 100%; padding: 3px 20px 3px 52px; margin: 0; border-radius: 999px;|labelStyle=height: 100%; flex-grow: 1; padding: 0; margin: 0; display: grid; align-items: center;|placeholder=Rechercher un monstre|text={{Svg|style=height: 100%; grid-area: 1 / -1; z-index: 10; padding: 0 10px; background: rgba(0, 0, 0, .16); border-radius: 999px;|height=24|viewBox=0 -960 960 960|width=24|data=search|title=Rechercher un monstre}}}}
{{Button|style=height: 100%; padding: 0 10px; border-radius: 999px;|text=<div style="display: flex; align-items: center; gap: 5px;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=filter|title=Filtrer les monstres}} Filtrer</div>}}
+
{{Button|style=height: 100%; padding: 0 10px; border-radius: 999px; border-bottom-width: 1px;|text=<div style="display: flex; align-items: flex-end; gap: 5px;">{{Svg|class=svg-icon|height=24|viewBox=0 -960 960 960|width=24|data=filter|title=Filtrer les monstres}} Filtrer</div>
 +
}}
 +
<div style="position: absolute; top: calc(100% + 5px); right: 0; background: white; border: 1px solid #ccc; padding: 10px; border-radius: 8px; width: 450px; text-align: left; z-index: 10;">
 +
<div>Niveau</div>
 +
<div style="margin-top: 5px;">Rang</div>
 +
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px;>
 +
{{Input|id=rank-1|name=rank1|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=1}}
 +
{{Input|id=rank-2|name=rank2|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=2}}
 +
{{Input|id=rank-3|name=rank3|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=3}}
 +
{{Input|id=rank-4|name=rank4|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=4}}
 +
{{Input|id=rank-5|name=rank5|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=Boss}}
 +
{{Input|id=rank-6|name=rank6|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=5}}
 +
</div>
 +
<div style="margin-top: 5px;">Élément</div>
 +
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px;>
 +
{{Input|id=elem-fire|name=elemFire|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=[[Image:Elementfeu.png|25px|link=]] Feu}}
 +
{{Input|id=elem-ice|name=elemIce|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=[[Image:Elementglace.png|25px|link=]] Glace}}
 +
{{Input|id=is-lightning|name=elemLightning|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=[[Image:Elementfoudre.png|25px|link=]] Foudre}}
 +
{{Input|id=elem-wind|name=elemWind|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=[[Image:Elementvent.png|25px|link=]] Vent}}
 +
{{Input|id=elem-darkness|name=elemDarkness|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=[[Image:Elementobscurite.png|25px|link=]] Obscurité}}
 +
{{Input|id=elem-earth|name=elemEarth|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=[[Image:Elementterre.png|25px|link=]] Terre}}
 +
</div>
 +
</div>
 
</div>
 
</div>
<div style="background: white; border: 1px solid #ccc; padding: 3px 10px; width: 50%; margin-left: auto; border-radius: 8px;">
 
'''Niveau'''
 
  
 
</div>
 
{{FiltreModule
 
|Type=Text
 
|id=filter-name
 
|placeholder=Rechercher un monstre
 
}}
 
 
{{Form|style=display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; user-select: none;|id=filter-form|content=
 
{{Form|style=display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; user-select: none;|id=filter-form|content=
 
<div style="position: relative;">
 
<div style="position: relative;">

Version du 7 décembre 2024 à 19:25

Niveau
Rang
Élément
{{{name}}}
{{{name}}}
{{{name}}}
{{{name}}}
{{{name}}}


  • Home.png
  • Page de test 3
⚠️ Important

Version du calculateur : 0.16.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.

⚠️ Important
Les personnages créés sont enregistrés sur le cache de votre navigateur. Ainsi, votre personnage ne sera pas perdu d'une session à l'autre. Pour plus de sécurité, vous pouvez enregistrer votre personnage en local via l'icône Icône de téléchargement . Vous pourrez ensuite le téléverser via la zone de dépôt si votre cache est supprimé.

Gestion des personnages

Liste des personnages

Pseudo
Dupliquer ce personnage Télécharger les données de ce personnage Supprimer ce personnage
Déposer les personnages ici

Liste des monstres

Supprimer ce monstre

Édition d'un personnage

Vous n'avez sélectionné aucun personnage.

Modèle:Form

Création d'un combat

Supprimer ce combat
Résultats du combat
Attaquant Adversaire Type d'attaque Dégâts moyens Dégâts minimaux Dégâts maximaux
Replier
Distribution des dégâts

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.

Télécharger les données brutes

Les points affichés sur le graphique peuvent être agrégés pour des raisons de performnance.

💡 Les possibilités de dégâts ont été calculées en . L'affichage des résultats a pris .

Développer
Un problème avec les résultats ?

Le mode variation d'un bonus est activé. Pour le désactiver, aller dans l'onglet Variation de votre personnage.

⚠️ Important

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.

Télécharger les données brutes

💡 Les simulations ont été calculées en .

Historique des combats

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.