Différences

Ci-dessous, les différences entre deux révisions de la page.

--- brouillon7 [2026/04/22 20:04] – nanaki
+++ brouillon7 [2026/05/04 21:25] (Version actuelle) – nanaki
@@ Ligne 1: / Ligne 1: @@
+Voici un simulateur en version beta, n'hésitez pas à faire vos remarques sur le discord ou le forum.
 <html>
+<head>
+<meta charset="UTF-8">
+<title>Simulateur RPG</title>
 <style>
-body { font-family: Arial; }
+body {
+  font-family: Arial;
+  background:#0b1a13;
+  color:#7dd3fc;
+  padding:10px;
+}
+h1,h2 { color:gold;}
+.box { border:1px solid gold; padding:10px; margin-bottom:10px; }
+select { margin:3px; max-width:150px; }
+input { margin:3px; width:60px; }
+.statLine { display:flex; justify-content:space-between; max-width:260px; }
+.result { background:#000; color:#00ffcc; padding:10px; white-space:pre-wrap; }
+.small { font-size:12px; color:#aaa; }
+</style>
+</head>
-table { border-collapse: collapse; width: 100%; font-size: 13px; }
+<body>
-td, th { border: 1px solid #ccc; padding: 5px; }
-th { background: #f2f2f2; }
-.offensif { background: #ffe5e5; }
+<h1>🎲 Simulateur</h1>
-.defensif { background: #e5f0ff; }
-.malediction { background: #f3e5ff; }
-.controls { margin-bottom:10px; }
+<div class="box">
-</style>
+Race :
+<select id="race"></select>
+<h3>Stats de base</h3>
+<pre id="baseStats"></pre>
+</div>
-<div class="controls">
+<div class="box">
+<h3>Améliorations</h3>
+<div id="stats"></div>
+<div id="cost"></div>
+</div>
-Points : <span id="points">0</span> / 15
+<div class="box">
+<h3>Équipement (3 max + 1 anneau)</h3>
+Tête <select id="head"></select> <span id="headStats"></span><br>
+Cou <select id="neck"></select> <span id="neckStats"></span><br>
+Dos <select id="cape"></select> <span id="capeStats"></span><br>
+Main droite <select id="rightHand"></select> <span id="rightStats"></span><br>
+Main gauche <select id="leftHand"></select> <span id="leftStats"></span><br>
+Corps <select id="body"></select> <span id="bodyStats"></span><br>
+Anneau <select id="ring"></select> <span id="ringStats"></span><br>
+Pieds <select id="feet"></select> <span id="feetStats"></span>
+<div id="limitWarn" style="color:red;"></div>
+</div>
-<br><br>
+<div class="box">
+<h3>Passifs</h3>
+<div id="skills"></div>
+</div>
-Recherche :
+<div class="box">
-<input type="text" id="search" placeholder="Nom, effet...">
+<h3>Sorts actifs</h3>
+<div id="spells"></div>
+<div id="spellBonus" class="small"></div>
+</div>
-Filtre effet :
-<select id="filterEffect">
-<option value="all">Tous</option>
-<option value="offensif">Offensif</option>
-<option value="defensif">Soutien</option>
-<option value="malediction">Malédiction</option>
-</select>
-Filtre type :
-<select id="filterType">
-<option value="all">Tous</option>
-<option value="S">Sort</option>
-<option value="CAC">CAC</option>
-<option value="DIS">Distance</option>
-<option value="P">Passif</option>
-</select>
+<!-- ================= POUSSEE ================= -->
+<div class="box">
+<h3>Simulateur de poussée</h3>
+Force assaillant <input id="pushF" type="number" value="10">
+Renforcement <select id="pushBuff"><option value="0">0</option><option value="6">+6</option></select><br>
+Endurance <input id="pushE" type="number" value="5">
+Agilité <input id="pushAgi" type="number" value="5"><br>
+PV actuels <input id="pushPV" type="number" value="50"><br>
+Instabilité <select id="pushDebuff"><option value="0">0</option><option value="-6">-6</option></select>
+Stabilité <select id="pushStab"><option value="0">0</option><option value="6">+6</option><option value="12">+12</option><option value="18">+18</option></select>
+<pre id="pushResult" class="result"></pre>
 </div>
-<table id="skills">
+<button onclick="resetAll()">Reset</button>
-<thead>
+<pre id="result" class="result"></pre>
-<tr>
-<th></th>
-<th>Race</th>
-<th>Nom</th>
-<th>Coût</th>
-<th>Type</th>
-<th>Effet</th>
-<th>Portée</th>
-<th>Niv</th>
-</tr>
-</thead>
-<tbody>
+<script>
-<!-- NIVEAU 1 -->
+// ===== RACES =====
+const races = {
+Elfe:{a:2,cc:9,ct:10,f:9,e:4,agi:9,p:5,mvt:5,pv:55,pm:30,r:4,rm:6,fm:8,m:6},
+Nain:{a:2,cc:11,ct:8,f:11,e:6,agi:6,p:4,mvt:4,pv:50,pm:15,r:5,rm:4,fm:10,m:3},
+Géant:{a:2,cc:9,ct:10,f:12,e:4,agi:7,p:4,mvt:5,pv:65,pm:20,r:5,rm:5,fm:6,m:5},
+Olympien:{a:2,cc:10,ct:9,f:10,e:5,agi:8,p:4,mvt:5,pv:60,pm:30,r:5,rm:6,fm:7,m:5},
+HS:{a:2,cc:8,ct:9,f:7,e:3,agi:11,p:5,mvt:6,pv:45,pm:40,r:3,rm:7,fm:9,m:5}
+};
-<tr class="offensif" data-effect="offensif" data-type="S">
+// ===== COST =====
-<td><input type="checkbox" class="skill"></td>
+const costTable = {
-<td>com</td><td>Arcane ajustée</td><td>6 MP</td><td>S</td><td>Avantage toucher</td><td>min 2</td><td>1</td>
+a:[800,200,100],
-</tr>
+cc:[100,50,30], ct:[110,50,30],
+f:[120,55,30], e:[120,55,30],
+agi:[95,45,25],
+m:[110,55,35],
+fm:[100,50,30],
+p:[110,85,78],
+pv:[4,2,1],
+pm:[5,3,1],
+mvt:[100,50,30],
+r:[40,30,15],
+rm:[50,40,20]
+};
-<tr class="offensif" data-effect="offensif" data-type="S">
+// ===== PASSIFS =====
-<td><input type="checkbox" class="skill"></td>
+const skills = [
-<td>com</td><td>Arcanes précises</td><td>6 MP</td><td>S</td><td>+4 toucher</td><td>min 2</td><td>1</td>
+{name:"Fulgurance",desc:"+1 toucher au cac + 1 esquive tous les 5 mouvements"},
-</tr>
+{name:"Couverture",desc:"85% CC / 15% AGI"},
+{name:"Réflexes fulgurants",desc:"85% AGI / 15% CC"},
+{name:"Berserker",desc:"+1 toucher au cac tous les 10 pv perdus"},
+{name:"Griffes",desc:"+3 dégâts au poings"},
+{name:"Anguille",desc:"Avantage esquive"}
+];
-<tr class="offensif" data-effect="offensif" data-type="S">
+// ===== SORTS =====
-<td><input type="checkbox" class="skill"></td>
+const spells = [
-<td>com</td><td>Arcanes violentes</td><td>6 MP</td><td>S</td><td>-6 toucher +5 dégâts</td><td>min 2</td><td>1</td>
+{name:"Peau de granit",dex:0,prot:2},
-</tr>
+{name:"Coup précis",dex:2,prot:0},
-<tr class="malediction" data-effect="malediction" data-type="S">
+{name:"Maladresse",dex:-2,prot:0},
-<td><input type="checkbox" class="skill"></td>
+{name:"Vulnérabilité",dex:0,prot:-2},
-<td>com</td><td>Aveuglement</td><td>4 MP</td><td>S</td><td>Aveuglement</td><td>min 2</td><td>1</td>
-</tr>
-<tr class="defensif" data-effect="defensif" data-type="S">
+{name:"Puissance de la nature",dex:2,prot:2},
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Peau de granit</td><td>4 MP</td><td>S</td><td>Protection x2</td><td>soi-même et max 1</td><td>1</td>
-</tr>
-<tr class="defensif" data-effect="defensif" data-type="S">
+{name:"Aide",dex:4,prot:0},
-<td><input type="checkbox" class="skill"></td>
+{name:"Malchance",dex:-4,prot:0},
-<td>com</td><td>Coup précis</td><td>4 MP</td><td>S</td><td>Dextérité x2</td><td>soi-même et max 1</td><td>1</td>
-</tr>
-<tr class="defensif" data-effect="defensif" data-type="S">
+{name:"Fatigue",dex:0,prot:-4},
-<td><input type="checkbox" class="skill"></td>
+{name:"Réflexes accrus",dex:0,prot:4},
-<td>com</td><td>Restauration mineure</td><td>6 MP</td><td>S</td><td>Restauration(5)</td><td>soi-même et max 1</td><td>1</td>
-</tr>
-<tr class="malediction" data-effect="malediction" data-type="S">
+{name:"Bénédiction",dex:4,prot:4},
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Épuisement arcanique</td><td>4 MP</td><td>S</td><td>Essoufflement</td><td>min 2</td><td>1</td>
-</tr>
-<tr class="malediction" data-effect="malediction" data-type="S">
+{name:"Puissance du lutin capricieux",dex:-4,prot:-4},
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Maladresse</td><td>4 MP</td><td>S</td><td>Maladresse x2</td><td>min 2</td><td>1</td>
-</tr>
-<tr class="malediction" data-effect="malediction" data-type="S">
+{name:"Exténuation",dex:0,prot:-8},
-<td><input type="checkbox" class="skill"></td>
+{name:"Sauvegarde",dex:0,prot:8},
-<td>com</td><td>Vulnérabilité</td><td>6 MP</td><td>S</td><td>Vulnérabilité x2</td><td>min 2</td><td>1</td>
+{name:"Guigne",dex:-8,prot:0},
-</tr>
+{name:"Virtuose",dex:8,prot:0}
+];
-<!-- NIVEAU 2 -->
-<tr class="offensif" data-effect="offensif" data-type="S">
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Drain</td><td>6 MP</td><td>S</td><td>Soin dégâts/3</td><td>min 2</td><td>2</td>
-</tr>
-<tr class="malediction" data-effect="malediction" data-type="S">
+const equipments = [
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Faiblesse</td><td>6 MP</td><td>S</td><td>Faiblesse</td><td>min 2</td><td>2</td>
-</tr>
-<tr class="defensif" data-effect="defensif" data-type="S">
+/* ================= COMMUNS ================= */
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Régénération</td><td>6 MP</td><td>S</td><td>Soin R/2</td><td>soi-même et max 1</td><td>2</td>
-</tr>
-<tr class="offensif" data-effect="offensif" data-type="S">
+{name:"Arc",race:"all",slot:"weapon2h",stats:{cc:-1,ct:1}},
-<td><input type="checkbox" class="skill"></td>
+{name:"Armure matelassée",race:"all",slot:"body",stats:{e:1,agi:-2}},
-<td>HS</td><td>Aiguillon</td><td>4 PM</td><td>S</td><td>+3 dégâts</td><td>min 2</td><td>2</td>
+{name:"Bâton de marche",race:"all",slot:"weapon",stats:{mvt:1}},
-</tr>
+{name:"Bottes de marche",race:"all",slot:"feet",stats:{mvt:1}},
+{name:"Bouclier Parma",race:"all",slot:"offhand",stats:{e:1,agi:-2}},
+{name:"Fustibale",race:"all",slot:"weapon",stats:{cc:-2,ct:1}},
+{name:"Gladius",race:"all",slot:"weapon",stats:{cc:1}},
+{name:"Sceptre",race:"all",slot:"weapon",stats:{fm:1}},
+{name:"Lance",race:"all",slot:"weapon",stats:{ct:1,cc:-1}},
+{name:"Targe",race:"all",slot:"offhand",stats:{cc:1,agi:-1}},
+{name:"Visière",race:"all",slot:"head",stats:{p:1,cc:-1,fm:-1}},
+{name:"Cape de chasse",race:"all",slot:"cape",stats:{ct:1}},
+{name:"Collier tressé",race:"all",slot:"neck",stats:{pv:5,pm:5}},
+{name:"Couronne d'Adonis",race:"all",slot:"head",stats:{rm:1}},
+{name:"Ceinture",race:"all",slot:"body",stats:{r:1}},
+{name:"Arc long",race:"all",slot:"weapon2h",stats:{ct:2,f:-1,cc:-2}},
+{name:"Targe renforcée",race:"all",slot:"offhand",stats:{cc:1,pv:10}},
-<tr class="offensif" data-effect="offensif" data-type="S">
+/* ===== NOUVEAUX COMMUNS ===== */
-<td><input type="checkbox" class="skill"></td>
-<td>Elfe</td><td>Flèche Aquatique</td><td>5 PM</td><td>S</td><td>+3 eau</td><td>min 2</td><td>2</td>
-</tr>
-<tr class="offensif" data-effect="offensif" data-type="S">
+{name:"Torche",race:"all",slot:"weapon",stats:{cc:-2,f:-2}},
-<td><input type="checkbox" class="skill"></td>
+{name:"Hache de jet",race:"all",slot:"weapon",stats:{ct:1}},
-<td>Géant</td><td>Boule de Magma</td><td>7 PM</td><td>S</td><td>+3 feu</td><td>min 2</td><td>2</td>
+{name:"Pierre Noire",race:"all",slot:"weapon",stats:{f:1,cc:-1}},
-</tr>
+{name:"Main-gauche offensive",race:"all",slot:"offhand",stats:{cc:2,f:-1}},
-<!-- NIVEAU 3 -->
+/* ================= ELFES ================= */
-<tr class="defensif" data-effect="defensif" data-type="S">
+{name:"Bâton du Pèlerin",race:"all",slot:"weapon",stats:{mvt:1,fm:1}},
-<td><input type="checkbox" class="skill"></td>
+{name:"Bottes Tâlroval",race:"all",slot:"feet",stats:{mvt:2}},
-<td>com</td><td>Aide</td><td>8 MP</td><td>S</td><td>Dextérité x4</td><td>soi-même et max 1</td><td>3</td>
+{name:"Cuirasse",race:"all",slot:"body",stats:{e:1,r:2}},
-</tr>
+{name:"Lance de garde Sylvestre",race:"all",slot:"weapon",stats:{cc:1,f:1}},
+{name:"Sceptre de mage",race:"all",slot:"weapon2h",stats:{m:1,fm:1}},
+{name:"Arc Ensorcelé",race:"all",slot:"weapon2h",stats:{ct:1,rm:2,cc:-1}},
+{name:"Armure de garde Sylvestre",race:"all",slot:"body",stats:{e:2,mvt:-1},magicBlock:true},
+{name:"Toge de feuillage",race:"all",slot:"body",stats:{fm:1,agi:1,pv:5}},
+{name:"Marque Forestière",race:"all",slot:"neck",stats:{pm:10,r:1}},
+{name:"Capuche du chasseur",race:"all",slot:"head",stats:{ct:1,r:1}},
-<tr class="malediction" data-effect="malediction" data-type="S">
+// spécifique elfe
-<td><input type="checkbox" class="skill"></td>
+{name:"Arc Elfique",race:"Elfe",slot:"weapon2h",stats:{ct:2,cc:-1}},
-<td>com</td><td>Malchance</td><td>8 MP</td><td>S</td><td>Maladresse x4</td><td>min 2</td><td>3</td>
-</tr>
-<tr class="offensif" data-effect="offensif" data-type="S">
+/* ================= NAINS ================= */
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Régénération accélérée</td><td>10 MP</td><td>S</td><td>Soin R</td><td>soi-même et max 1</td><td>3</td>
-</tr>
-<!-- NIVEAU 4 -->
+{name:"Cotte de mailles",race:"all",slot:"body",stats:{e:2,agi:-4}},
+{name:"Labrys",race:"all",slot:"weapon",stats:{cc:1,f:1}},
+{name:"Marteau de guerre",race:"all",slot:"weapon2h",stats:{f:2,cc:-1}},
+{name:"Targe renforcée naine",race:"all",slot:"offhand",stats:{cc:1,pv:10}},
+{name:"Armure runique",race:"all",slot:"body",stats:{e:1,pm:8}},
+{name:"Cape dorée",race:"all",slot:"cape",stats:{m:1,fm:1},magicBlock:true},
+{name:"Solerets",race:"all",slot:"feet",stats:{mvt:1,pm:5,pv:5}},
+{name:"Casque grossissant",race:"all",slot:"head",stats:{ct:2,p:-1}},
-<tr class="defensif" data-effect="defensif" data-type="S">
+// spécifiques nains
-<td><input type="checkbox" class="skill"></td>
+{name:"Bâton d'archimage",race:"Nain",slot:"weapon2h",stats:{m:2,fm:-1}},
-<td>com</td><td>Bénédiction</td><td>15 MP</td><td>S</td><td>Prot x4 + Dex x4</td><td>soi-même et max 1</td><td>4</td>
+{name:"Hache runique",race:"Nain",slot:"weapon",stats:{cc:1,f:2}},
-</tr>
-<tr class="offensif" data-effect="offensif" data-type="S">
+/* ================= GÉANTS ================= */
-<td><input type="checkbox" class="skill"></td>
-<td>Géant</td><td>Météore</td><td>12 PM</td><td>S</td><td>+M feu</td><td>min 2</td><td>4</td>
-</tr>
-<tr class="offensif" data-effect="offensif" data-type="S">
+{name:"Bouclier Clipeus",race:"all",slot:"offhand",stats:{e:1,pv:10}},
-<td><input type="checkbox" class="skill"></td>
+{name:"Masse d'arme",race:"all",slot:"weapon",stats:{cc:1,f:1}},
-<td>Elfe</td><td>Glaciation</td><td>8 PM</td><td>S</td><td>+6 glace</td><td>min 2</td><td>4</td>
+{name:"Hallebarde de pierre",race:"all",slot:"weapon",stats:{cc:2,f:-1}},
-</tr>
+{name:"Bâton de shaman",race:"Géant",slot:"weapon2h",stats:{fm:2,pv:-5}},
+{name:"Javelot lourd",race:"all",slot:"weapon",stats:{f:2,ct:-1,cc:-1}},
+{name:"Broigne",race:"all",slot:"body",stats:{e:2,f:-1}},
+{name:"Fétiche de shaman",race:"all",slot:"offhand",stats:{r:2,pm:5}},
+{name:"Bottes incandescentes",race:"all",slot:"feet",stats:{mvt:1,r:1,pv:5}},
+{name:"Médaillon hanté",race:"all",slot:"neck",stats:{cc:1,ct:1}},
-<tr class="offensif" data-effect="offensif" data-type="S">
+// spécifique géant
-<td><input type="checkbox" class="skill"></td>
+{name:"Peau de granit manifiée",race:"Géant",slot:"body",stats:{m:1,rm:2,agi:-2}},
-<td>Olympien</td><td>Lame Bénie</td><td>12 PM</td><td>S</td><td>+M</td><td>max 1</td><td>4</td>
-</tr>
-<!-- NIVEAU 5 -->
+/* ================= HS ================= */
-<tr class="malediction" data-effect="malediction" data-type="S">
+{name:"Bâton de sage",race:"all",slot:"weapon2h",stats:{m:1,agi:1}},
-<td><input type="checkbox" class="skill"></td>
+{name:"Orbe de mana",race:"all",slot:"weapon2h",stats:{m:1,rm:1}},
-<td>com</td><td>Exténuation</td><td>25 MP</td><td>S</td><td>Vulnérabilité x8</td><td>min 2</td><td>5</td>
+{name:"Cape de mage",race:"all",slot:"cape",stats:{fm:1,rm:1}},
-</tr>
+{name:"Armure de fourrure",race:"all",slot:"body",stats:{e:2,rm:-3}},
+{name:"Ceste",race:"all",slot:"weapon",stats:{f:1,cc:1}},
+{name:"Collier d'apaisement",race:"all",slot:"neck",stats:{pv:10,pm:5}},
+{name:"Bottes de voleur",race:"all",slot:"feet",stats:{mvt:1,agi:1}},
+{name:"Sarbacane",race:"all",slot:"weapon",stats:{ct:1,f:10,cc:-1}},
+{name:"Bouclier en lianes",race:"all",slot:"offhand",stats:{cc:1,agi:1}},
-<tr class="defensif" data-effect="defensif" data-type="S">
+// spécifiques HS
-<td><input type="checkbox" class="skill"></td>
+{name:"Manteau de feuillage",race:"HS",slot:"body",stats:{e:1,agi:2}},
-<td>com</td><td>Sauvegarde</td><td>20 MP</td><td>S</td><td>Protection x8</td><td>soi-même et max 1</td><td>5</td>
+{name:"Bottes griffues",race:"HS",slot:"feet",stats:{cc:1,f:1,pv:5}},
-</tr>
-<tr class="malediction" data-effect="malediction" data-type="S">
+/* ================= OLYMPIENS ================= */
-<td><input type="checkbox" class="skill"></td>
-<td>com</td><td>Guigne</td><td>20 MP</td><td>S</td><td>Maladresse x8</td><td>min 2</td><td>5</td>
-</tr>
-<tr class="defensif" data-effect="defensif" data-type="S">
+{name:"Armure hoplitique",race:"all",slot:"body",stats:{e:1,m:1}},
-<td><input type="checkbox" class="skill"></td>
+{name:"Bouclier Ancile",race:"all",slot:"offhand",stats:{e:1}},
-<td>com</td><td>Virtuose</td><td>20 MP</td><td>S</td><td>Dextérité x8</td><td>soi-même et max 1</td><td>5</td>
+{name:"Diadème",race:"all",slot:"head",stats:{r:1,rm:2}},
-</tr>
+{name:"Pilum",race:"all",slot:"weapon",stats:{ct:1,f:1,cc:-1}},
+{name:"Spatha",race:"all",slot:"weapon",stats:{cc:1,f:1}},
+{name:"Sceptre de puissance",race:"all",slot:"weapon",stats:{m:1,pm:8}},
+{name:"Lame Sainte",race:"all",slot:"weapon",stats:{cc:1,m:1}},
+{name:"Tiare d'Oracle",race:"all",slot:"head",stats:{fm:1,p:1}},
+{name:"Cnémides",race:"all",slot:"feet",stats:{mvt:1,rm:1,r:1}},
-</tbody>
+// spécifique olympien
-</table>
+{name:"Lorica",race:"Olympien",slot:"body",stats:{e:2,agi:-2}},
-<script>
+/* ================= ANNEAUX ================= */
-/* ===================== POINTS ===================== */
+{name:"Anneau Caprice",race:"all",slot:"ring",stats:{fm:1}},
-let skills = document.querySelectorAll(".skill");
+{name:"Anneau Férocité",race:"all",slot:"ring",stats:{f:1}},
-let counter = document.getElementById("points");
+{name:"Anneau Horizon",race:"all",slot:"ring",stats:{p:1}},
+{name:"Anneau Prétention",race:"all",slot:"ring",stats:{ct:1}},
+{name:"Anneau Souplesse",race:"all",slot:"ring",stats:{agi:1}},
+{name:"Anneau Tenacité",race:"all",slot:"ring",stats:{e:1}},
+{name:"Anneau Puissance",race:"all",slot:"ring",stats:{m:1}},
+{name:"Anneau Finesse",race:"all",slot:"ring",stats:{cc:1}}
-skills.forEach(s => {
+];
-s.addEventListener("change", () => {
-let total = 0;
-skills.forEach(c => { if(c.checked) total++; });
-if(total > 15){
-s.checked = false;
+// ===== INIT =====
-return;
+const raceSelect = document.getElementById("race");
+const statsDiv = document.getElementById("stats");
+const baseDiv = document.getElementById("baseStats");
+for(let r in races){
+raceSelect.innerHTML += `<option>${r}</option>`;
 }
-counter.textContent = total;
+// stats UI
+for(let s in costTable){
+statsDiv.innerHTML += `
+<div class="statLine">
+<span>${s}</span>
+<input type="number" id="${s}" value="0" min="0">
+</div>`;
+}
+// passifs
+skills.forEach(s=>{
+document.getElementById("skills").innerHTML += `
+<label>
+<input type="checkbox" class="skill" data-name="${s.name}">
+<b>${s.name}</b><br>
+<span class="small">${s.desc}</span>
+</label><br>`;
 });
+// affichage sorts
+spells.forEach(s=>{
+document.getElementById("spells").innerHTML += `
+<label>
+<input type="checkbox" class="spell" data-dex="${s.dex}" data-prot="${s.prot}">
+<b>${s.name}</b>
+<span class="small">(Dex ${s.dex>=0?"+":""}${s.dex} | Prot ${s.prot>=0?"+":""}${s.prot})</span>
+</label><br>`;
 });
-/* ===================== FILTRE + RECHERCHE ===================== */
+// base stats
-let filter = document.getElementById("filter");
+function displayBase(){
-let search = document.getElementById("search");
+baseDiv.textContent = JSON.stringify(races[raceSelect.value],null,2);
+}
+raceSelect.addEventListener("change", displayBase);
+displayBase();
-function applyFilters(){
+// ===== COST =====
+function calcCost(b,m1,m2,n){
+let total=0,last=b;
+for(let i=1;i<=n;i++){
+if(i===1) last=b;
+else if(i<=3) last+=m1;
+else last+=m2;
+total+=last;
+}
+return total;
+}
-let val = filter.value;
+function updateCost(){
-let query = search.value.toLowerCase();
+let total=0;
+for(let s in costTable){
+let v=+document.getElementById(s).value||0;
+let [b,m1,m2]=costTable[s];
+total+=calcCost(b,m1,m2,v);
+}
+document.getElementById("cost").innerHTML="💰 PI : "+total;
+}
-document.querySelectorAll("#skills tbody tr").forEach(row => {
+// ===== SLOTS =====
+const slots = {
+head:head,neck:neck,cape:cape,rightHand:rightHand,
+leftHand:leftHand,body:body,ring:ring,feet:feet
+};
-let text = row.innerText.toLowerCase();
+function resetSlots(){
-let effect = row.dataset.effect || "";
+Object.values(slots).forEach(s=>s.innerHTML="<option value=''>--</option>");
+}
-let matchFilter =
+function fillEquip(){
-(val === "all" || effect === val);
+let r=raceSelect.value;
-let matchSearch =
+equipments.forEach((e,i)=>{
-(text.includes(query));
+if(e.race!=="all"&&e.race!==r) return;
-row.style.display =
+if(e.slot==="weapon"||e.slot==="weapon2h") rightHand.innerHTML+=`<option value="${i}">${e.name}</option>`;
-(matchFilter && matchSearch) ? "" : "none";
+if(e.slot==="offhand") leftHand.innerHTML+=`<option value="${i}">${e.name}</option>`;
+if(e.slot==="body") body.innerHTML+=`<option value="${i}">${e.name}</option>`;
+if(e.slot==="head") head.innerHTML+=`<option value="${i}">${e.name}</option>`;
+if(e.slot==="neck") neck.innerHTML+=`<option value="${i}">${e.name}</option>`;
+if(e.slot==="cape") cape.innerHTML+=`<option value="${i}">${e.name}</option>`;
+if(e.slot==="feet") feet.innerHTML+=`<option value="${i}">${e.name}</option>`;
+if(e.slot==="ring") ring.innerHTML+=`<option value="${i}">${e.name}</option>`;
+});
+}
+raceSelect.addEventListener("change",()=>{
+resetSlots();
+fillEquip();
+autoCalculate();
 });
+resetSlots();
+fillEquip();
+// ===== BONUS =====
+function displayStats(select,id){
+let v=select.value;
+let el=document.getElementById(id);
+if(v===""){el.innerHTML="";return;}
+let e=equipments[v];
+let txt="";
+for(let s in e.stats){
+let val=e.stats[s];
+txt+=val>0?`+${val} ${s} `:`${val} ${s} `;
+}
+el.innerHTML=txt;
 }
-filter.addEventListener("change", applyFilters);
+const slotToStatId = {
-search.addEventListener("input", applyFilters);
+head:"headStats",
+neck:"neckStats",
+cape:"capeStats",
+rightHand:"rightStats",
+leftHand:"leftStats",
+body:"bodyStats",
+ring:"ringStats",
+feet:"feetStats"
+};
-/* ===================== TRI COLONNES ===================== */
+Object.entries(slots).forEach(([k,s])=>{
-document.querySelectorAll("#skills th").forEach((header, index) => {
+s.addEventListener("change",()=>{
+displayStats(s, slotToStatId[k]);
+checkLimit();
+autoCalculate();
+});
+});
-let asc = true;
+// ===== LIMIT =====
+function checkLimit(){
+let count=0;
+Object.entries(slots).forEach(([k,s])=>{
+if(k!=="ring"&&s.value!=="") count++;
+});
-header.addEventListener("click", () => {
+if(count>=3){
+limitWarn.innerText="Limite atteinte";
+Object.entries(slots).forEach(([k,s])=>{
+if(k!=="ring"&&s.value==="") s.disabled=true;
+});
+}else{
+limitWarn.innerText="";
+Object.values(slots).forEach(s=>s.disabled=false);
+}
+}
-let rows = Array.from(document.querySelectorAll("#skills tbody tr"));
+// ===== CALCUL =====
-rows.sort((a, b) => {
+function calculate(){
-let A = a.children[index].innerText.trim();
+let activeSpells = [...document.querySelectorAll(".spell:checked")];
-let B = b.children[index].innerText.trim();
-let numA = parseFloat(A);
+let bestDex = 0;
-let numB = parseFloat(B);
+let bestProt = 0;
-if(!isNaN(numA) && !isNaN(numB)){
+activeSpells.forEach(s=>{
-return asc ? numA - numB : numB - numA;
+let d = +s.dataset.dex;
-}
+let p = +s.dataset.prot;
-return asc
+if(Math.abs(d) > Math.abs(bestDex)) bestDex = d;
-? A.localeCompare(B, 'fr', {numeric:true})
+if(Math.abs(p) > Math.abs(bestProt)) bestProt = p;
-: B.localeCompare(A, 'fr', {numeric:true});
+});
+let char={...races[raceSelect.value]};
+// stats investies
+for(let s in costTable){
+let v=+document.getElementById(s).value||0;
+char[s]=(char[s]||0)+v;
+}
+// equip
+Object.values(slots).forEach(sel=>{
+if(sel.value==="") return;
+let e=equipments[sel.value];
+for(let s in e.stats){
+char[s]=(char[s]||0)+e.stats[s];
+}
 });
-asc = !asc;
+// ===== DÉS =====
+let ccDice = char.cc * 2;
+let ctDice = char.ct * 2;
+let fmDice = char.fm * 2;
-let tbody = document.querySelector("#skills tbody");
+// ===== VALEURS FINALES =====
-rows.forEach(row => tbody.appendChild(row));
+let finalCC = ccDice + bestDex;
+let finalCT = ctDice + bestDex;
+let finalFM = fmDice + bestDex;
+// ===== CT DISTANCE =====
+function getCTDistance(baseCT, distance){
+if(distance <= 2) return baseCT;
+return baseCT - (distance - 2) * 3;
+}
+let ct1 = getCTDistance(finalCT,1);
+let ct2 = getCTDistance(finalCT,2);
+let ct3 = getCTDistance(finalCT,3);
+let ct4 = getCTDistance(finalCT,4);
+// ===== ESQUIVE =====
+let checked = [...document.querySelectorAll(".skill:checked")].map(e=>e.dataset.name);
+// CAC = jet CC direct
+let esquiveCAC = finalCC;
+// ===== ESQUIVE TIR =====
+// calcul des 2 formules en dés
+let esquiveA = Math.floor(char.cc * 0.75 + char.agi * 0.25);
+let esquiveB = Math.floor(char.cc * 0.25 + char.agi * 0.75);
+// choix du meilleur
+let esquiveStat = Math.max(esquiveA, esquiveB);
+// ===== PASSIFS =====
+// remplace complètement le calcul si passif spécifique
+if(checked.includes("Réflexes fulgurants")){
+    esquiveStat = Math.floor(char.agi * 0.85 + char.cc * 0.15);
+}
+if(checked.includes("Couverture")){
+    esquiveStat = Math.floor(char.cc * 0.85 + char.agi * 0.15);
+}
+// conversion en jet
+let esquive = esquiveStat * 2;
+// bonus
+if(checked.includes("Fulgurance"))
+    esquive += 1;
+// bonus protection
+esquive += bestProt;
+// ===== ESQUIVE MAGIQUE =====
+let esquiveFM = Math.floor(finalFM + bestProt);
+// ===== MAGIE =====
+let jetFM = finalFM;
+let sorts = "";
+for(let lvl=1; lvl<=5; lvl++){
+let seuil = 6 + 6 * lvl;
+let reussite = jetFM >= seuil ? "✅" : "❌";
+sorts += `Niveau ${lvl} → Seuil ${seuil} | Jet ${jetFM} ${reussite}\n`;
+}
+// ===== AFFICHAGE =====
+document.getElementById("spellBonus").innerText =
+"Bonus actifs → Dex: "+bestDex+" | Protection: "+bestProt;
+result.textContent =
+"===== STATS =====\n"+
+JSON.stringify(char,null,2)+
+"\n\n⚔ CC : jet moyen "+ccDice+"  ("+finalCC+")"+
+"\n🎯 CT : jet moyen "+ctDice+"  ("+finalCT+")"+
+"\n✨ FM : jet moyen "+fmDice+"  ("+finalFM+")"+
+"\n\n🛡 Esquive CAC : "+esquiveCAC+
+"\n🏹 Esquive tir : "+esquive+
+"\n✨ Esquive FM : "+esquiveFM+
+"\n🏹 Esquive tir : "+esquive+" ("+esquiveStat+" dés)"
+"\n\n🎯 CT distances :"+
+"\n1 case : "+ct1+
+"\n2 cases : "+ct2+
+"\n3 cases : "+ct3+
+"\n4 cases : "+ct4+
+"\n\n===== MAGIE =====\n"+
+"Jet FM : "+jetFM+"\n\n"+
+sorts;
+}
+// ===== AUTO =====
+function autoCalculate(){
+updateCost();
+calculate();
+}
+// events stats
+document.querySelectorAll("#stats input").forEach(i=>{
+i.addEventListener("input", autoCalculate);
 });
+document.querySelectorAll(".spell").forEach(s=>{
+s.addEventListener("change", autoCalculate);
 });
-/* ===================== HIGHLIGHT CHECKBOX ===================== */
-skills.forEach(cb => {
+// passifs
-cb.addEventListener("change", () => {
+document.querySelectorAll(".skill").forEach(s=>{
-cb.closest("tr").classList.toggle("highlight", cb.checked);
+s.addEventListener("change", autoCalculate);
 });
+// ===== SORTS ACTIFS =====
+// ===== RESET =====
+function resetAll(){
+document.querySelectorAll("#stats input").forEach(i=>i.value=0);
+document.querySelectorAll(".spell").forEach(s=>s.checked=false);
+Object.values(slots).forEach(s=>{
+s.value="";
+s.disabled=false;
 });
-</script>
+document.querySelectorAll(".skill").forEach(s=>s.checked=false);
+resetSlots();
+fillEquip();
+displayBase();
+checkLimit();
+autoCalculate();
+}
+// init
+autoCalculate();
+// ===== POUSSEE =====
+function calculatePush(){
+let F=+pushF.value;
+let buff=+pushBuff.value;
+let E=+pushE.value;
+let agi=+pushAgi.value;
+let pv=+pushPV.value;
+let instability=+pushDebuff.value;
+let stability=+pushStab.value;
+let attaque=F+buff;
+let defense=Math.max(E+4,agi)+(pv/10)+instability+stability;
+pushResult.textContent=
+"Attaque: "+attaque+
+"\nDéfense: "+defense.toFixed(1)+
+"\n"+(attaque>=defense?"✅ PUSH":"❌ FAIL");
+}
+// ===== EVENTS =====
+document.querySelectorAll("input").forEach(i=>i.addEventListener("input",()=>{
+updateCost(); calculate(); calculatePush();
+}));
+document.querySelectorAll("select").forEach(i=>i.addEventListener("change",()=>{
+updateCost(); calculate(); calculatePush();
+}));
+// ===== INIT =====
+updateCost();
+calculate();
+calculatePush();
+</script>
+</body>
 </html>