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: | + | {{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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{{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
Sommaire
[masquer]Gestion des personnages
Liste des personnages
Déposer les personnages ici
Liste des monstres
Ajouter un monstre
Ajouter une pierre
Création d'un 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.
💡 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.
💡 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. | ||||||