brouillon7
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
| brouillon7 [2026/04/19 23:04] – nanaki | brouillon7 [2026/05/04 21:25] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ===== Liste des Sorts et techniques ===== | + | Voici un simulateur en version beta, n' |
| - | Un complément d' | ||
| < | < | ||
| < | < | ||
| <meta charset=" | <meta charset=" | ||
| - | < | + | < |
| - | < | + | |
| - | body { font-family: | + | |
| - | h3 { text-align: center; } | + | |
| - | .table-container { width: 100%; overflow-x: auto; margin-top: 10px; } | + | |
| - | table { width: 100%; border-collapse: | + | |
| - | th, td { padding: 8px; border: 1px solid #ccc; text-align: left; } | + | |
| - | th { background: #f2f2f2; } | + | |
| - | tbody tr: | + | |
| - | tbody tr: | + | |
| - | /* Couleurs par race */ | + | < |
| - | td.race-Communs | + | body { |
| - | td.race-Nain | + | font-family: |
| - | td.race-Géant | + | background:# |
| - | td.race-Olympien | + | |
| - | td.race-HS { color: | + | padding: |
| - | td.race-Elfe | + | } |
| + | h1,h2 { color:gold;} | ||
| + | .box { border:1px solid gold; padding: | ||
| + | select { margin:3px; max-width: | ||
| + | input { margin:3px; width:60px; } | ||
| + | .statLine { display: | ||
| + | .result | ||
| + | .small { font-size: | ||
| </ | </ | ||
| </ | </ | ||
| + | |||
| < | < | ||
| - | <!-- ================= TABLEAU 1 : sorts ================= --> | + | <h1>🎲 Simulateur</h1> |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </select> | + | |
| - | <div class=" | + | <div class=" |
| - | <table id="competencesTable1"> | + | Race : |
| - | <thead> | + | <select |
| - | <tr> | + | <h3>Stats de base</h3> |
| - | < | + | <pre id=" |
| - | <th>Coût (PM)</th>< | + | </div> |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | <tbody> | + | |
| - | <tbody> | + | <div class=" |
| + | < | ||
| + | <div id=" | ||
| + | <div id=" | ||
| + | </div> | ||
| - | <!-- ================= | + | <div class=" |
| + | < | ||
| + | Tête <select id=" | ||
| + | Cou <select id=" | ||
| + | Dos <select id=" | ||
| + | Main droite <select id=" | ||
| + | Main gauche <select id=" | ||
| + | Corps <select id=" | ||
| + | Anneau <select id=" | ||
| + | Pieds <select id=" | ||
| + | <div id=" | ||
| + | </div> | ||
| - | <tr class=" | + | <div class=" |
| - | <td class=" | + | <h3>Passifs</h3> |
| - | <td>6 MP</ | + | <div id=" |
| - | < | + | </div> |
| - | </tr> | + | |
| - | <tr class=" | + | <div class=" |
| - | <td class=" | + | <h3>Sorts actifs</h3> |
| - | <td>6 MP</td>< | + | <div id=" |
| - | <td>Bonus de +4 pour toucher</ | + | <div id=" |
| - | </tr> | + | </div> |
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | + | <!-- ================= POUSSEE ================= --> |
| - | <td class=" | + | <div class=" |
| - | <td>4 MP</ | + | <h3>Simulateur de poussée</h3> |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | Force assaillant |
| - | <td class="race-Communs">Communs</ | + | Renforcement |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | Endurance |
| - | <td class="race-Communs">Communs</ | + | Agilité |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | PV actuels |
| - | <td class="race-Communs"> | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | Instabilité |
| - | <td class="race-Communs">Communs</td><td> | + | Stabilité |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <pre id="pushResult" class=" |
| - | < | + | </div> |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <!-- ================= NIVEAU 2 ================= --> | + | <button onclick=" |
| - | <tr class="Communs"> | + | <pre id="result" class=" |
| - | < | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <script> |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // ===== RACES ===== |
| - | <td class="race-Elfe"> | + | const races = { |
| - | <td>4 PM</ | + | Elfe: |
| - | < | + | Nain: |
| - | </tr> | + | Géant:{a:2, |
| + | Olympien: | ||
| + | HS: | ||
| + | }; | ||
| - | <tr class=" | + | // ===== COST ===== |
| - | <td class=" | + | const costTable |
| - | <td>4 PM</ | + | a: |
| - | < | + | cc: |
| - | </tr> | + | f: |
| + | agi: | ||
| + | m: | ||
| + | fm: | ||
| + | p: | ||
| + | pv:[4,2,1], | ||
| + | pm: | ||
| + | mvt:[100,50,30], | ||
| + | r: | ||
| + | rm: | ||
| + | }; | ||
| + | // ===== PASSIFS ===== | ||
| + | const skills = [ | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | ]; | ||
| + | // ===== SORTS ===== | ||
| + | const spells = [ | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Communs"> | + | {name:"Maladresse", |
| - | <td class="race-Communs"> | + | {name:"Vulnérabilité", |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Géant"> | + | {name:"Puissance de la nature",dex:2,prot:2}, |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Aide", |
| - | <td class="race-Communs"> | + | {name:"Malchance",dex: |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Fatigue", |
| - | <td class="race-Communs"> | + | {name:"Réflexes accrus", |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Bénédiction", |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Elfe"> | + | {name:"Puissance du lutin capricieux",dex:-4,prot:-4}, |
| - | <td class=" | + | |
| - | <td>5 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | ]; | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | + | const equipments |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= COMMUNS ================= */ |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Arc", |
| - | <td class="race-Communs"> | + | {name:"Armure matelassée", |
| - | <td>6 MP</ | + | {name:"Bâton de marche", |
| - | < | + | {name:" |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class=" | + | /* ===== NOUVEAUX COMMUNS ===== */ |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Olympien"> | + | {name:"Torche", |
| - | <td class="race-Olympien"> | + | {name:"Hache de jet",race:"all", |
| - | < | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= ELFES ================= */ |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Communs"> | + | // spécifique elfe |
| - | <td class="race-Communs"> | + | {name:"Arc Elfique",race:"Elfe", |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= NAINS ================= */ |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Géant"> | + | // spécifiques nains |
| - | <td class="race-Géant"> | + | {name:"Bâton d' |
| - | <td>6 PM</ | + | {name:"Hache runique", |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= GÉANTS ================= */ |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Bouclier Clipeus", |
| - | <td class="race-Communs"> | + | {name:"Masse d' |
| - | <td>6 MP</ | + | {name:" |
| - | < | + | {name:"Bâton de shaman", |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Communs"> | + | // spécifique géant |
| - | <td class="race-Communs"> | + | {name:"Peau de granit manifiée",race:" |
| - | <td>0 MP, 5 PV, 2 Mvt</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= HS ================= */ |
| - | <td class=" | + | |
| - | <td>2 MP, 1 Mvt</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <!-- ================= NIVEAU | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Communs"> | + | // spécifiques HS |
| - | <td class="race-Communs"> | + | {name:"Manteau de feuillage", |
| - | <td>8 MP</ | + | {name:"Bottes griffues", |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= OLYMPIENS ================= */ |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Armure hoplitique", |
| - | <td class="race-Communs"> | + | {name:"Bouclier Ancile", |
| - | <td>8 MP</ | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | {name:"Spatha", |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Communs"> | + | // spécifique olympien |
| - | <td class="race-Communs"> | + | {name:"Lorica",race:"Olympien", |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= ANNEAUX ================= */ |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Anneau Caprice", |
| - | <td class="race-Communs"> | + | {name:"Anneau Férocité", |
| - | < | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class=" | + | ]; |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <!-- ================= NIVEAU 4 ================= --> | ||
| - | <tr class=" | + | // ===== INIT ===== |
| - | <td class="race-HS"> | + | const raceSelect |
| - | < | + | const statsDiv = document.getElementById(" |
| - | < | + | const baseDiv = document.getElementById(" |
| - | </tr> | + | |
| - | <tr class=" | + | for(let r in races){ |
| - | <td class=" | + | raceSelect.innerHTML += `<option>${r}</option>`; |
| - | < | + | } |
| - | <td>Boost complet</td>< | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // stats UI |
| - | <td class=" | + | for(let s in costTable){ |
| - | <td>15 MP</ | + | statsDiv.innerHTML += ` |
| - | < | + | <div class=" |
| - | </tr> | + | <span>${s}</span> |
| + | <input type=" | ||
| + | </div>`; | ||
| + | } | ||
| - | <tr class="Communs"> | + | // passifs |
| - | <td class=" | + | skills.forEach(s=>{ |
| - | <td>12 MP</ | + | document.getElementById("skills").innerHTML += ` |
| - | < | + | <label> |
| - | </tr> | + | <input type=" |
| + | <b>${s.name}</b><br> | ||
| + | <span class=" | ||
| + | </label><br>`; | ||
| + | }); | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | + | // affichage sorts |
| - | <td class="race-Elfe"> | + | spells.forEach(s=>{ |
| - | <td>8 PM</ | + | document.getElementById("spells").innerHTML |
| - | <td>Vous devenez froids comme l' | + | <label> |
| - | </tr> | + | <input type="checkbox" class=" |
| - | <tr class="Olympien"> | + | <b>${s.name}</b> |
| - | < | + | <span class=" |
| - | <td>12 PM</ | + | </label><br>`; |
| - | < | + | }); |
| - | </tr> | + | |
| - | <tr class=" | + | // base stats |
| - | <td class=" | + | function displayBase(){ |
| - | < | + | baseDiv.textContent = JSON.stringify(races[raceSelect.value], |
| - | < | + | } |
| - | </tr> | + | raceSelect.addEventListener(" |
| + | displayBase(); | ||
| + | // ===== COST ===== | ||
| + | function calcCost(b, | ||
| + | let total=0, | ||
| + | for(let i=1; | ||
| + | if(i===1) last=b; | ||
| + | else if(i<=3) last+=m1; | ||
| + | else last+=m2; | ||
| + | total+=last; | ||
| + | } | ||
| + | return total; | ||
| + | } | ||
| + | function updateCost(){ | ||
| + | let total=0; | ||
| + | for(let s in costTable){ | ||
| + | let v=+document.getElementById(s).value||0; | ||
| + | let [b, | ||
| + | total+=calcCost(b, | ||
| + | } | ||
| + | document.getElementById(" | ||
| + | } | ||
| - | <tr class=" | + | // ===== SLOTS ===== |
| - | <td class=" | + | const slots = { |
| - | <td>8 PM</ | + | head: |
| - | < | + | leftHand: |
| - | </tr> | + | }; |
| - | <tr class=" | + | function resetSlots(){ |
| - | <td class="race-Communs"> | + | Object.values(slots).forEach(s=>s.innerHTML="<option value='' |
| - | < | + | } |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | function fillEquip(){ |
| - | <td class=" | + | let r=raceSelect.value; |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| + | equipments.forEach((e, | ||
| + | if(e.race!==" | ||
| - | <tr class="Géant"> | + | if(e.slot==="weapon"||e.slot===" |
| - | <td class="race-Géant">Géant</td><td>Souffle des cimes</td><td>Sort</td><td>Offensif</td> | + | if(e.slot===" |
| - | <td>8 PM</td>< | + | if(e.slot===" |
| - | <td>Imprégné de la puissance de l' | + | if(e.slot===" |
| - | </tr> | + | if(e.slot===" |
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | }); | ||
| + | } | ||
| + | raceSelect.addEventListener(" | ||
| + | resetSlots(); | ||
| + | fillEquip(); | ||
| + | autoCalculate(); | ||
| + | }); | ||
| + | resetSlots(); | ||
| + | fillEquip(); | ||
| - | <tr class="Olympien"> | + | // ===== BONUS ===== |
| - | <td class="race-Olympien"> | + | function displayStats(select, |
| - | <td>8 PM</ | + | let v=select.value; |
| - | < | + | let el=document.getElementById(id); |
| - | </tr> | + | if(v==="" |
| + | 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; | ||
| + | } | ||
| + | const slotToStatId = { | ||
| + | head:" | ||
| + | neck:" | ||
| + | cape:" | ||
| + | rightHand:" | ||
| + | leftHand:" | ||
| + | body:" | ||
| + | ring:" | ||
| + | feet:" | ||
| + | }; | ||
| - | <tr class=" | + | Object.entries(slots).forEach(([k, |
| - | <td class="race-HS">HS</ | + | s.addEventListener("change",()=>{ |
| - | < | + | displayStats(s, |
| - | < | + | checkLimit(); |
| - | </tr> | + | autoCalculate(); |
| + | }); | ||
| + | }); | ||
| + | // ===== LIMIT ===== | ||
| + | function checkLimit(){ | ||
| + | let count=0; | ||
| + | Object.entries(slots).forEach(([k, | ||
| + | if(k!==" | ||
| + | }); | ||
| - | <tr class="Elfe"> | + | if(count> |
| - | <td class="race-Elfe"> | + | limitWarn.innerText="Limite atteinte"; |
| - | < | + | Object.entries(slots).forEach(([k, |
| - | < | + | if(k!=="ring"&& |
| - | </tr> | + | }); |
| + | }else{ | ||
| + | limitWarn.innerText=""; | ||
| + | Object.values(slots).forEach(s=>s.disabled=false); | ||
| + | } | ||
| + | } | ||
| - | < | + | // ===== CALCUL |
| - | <tr class=" | + | function calculate(){ |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | let activeSpells |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | let bestDex |
| - | <td class=" | + | let bestProt |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | activeSpells.forEach(s=>{ |
| - | <td class=" | + | let d = +s.dataset.dex; |
| - | < | + | let p = +s.dataset.prot; |
| - | < | + | |
| - | </tr> | + | |
| + | if(Math.abs(d) > Math.abs(bestDex)) bestDex = d; | ||
| + | if(Math.abs(p) > Math.abs(bestProt)) bestProt = p; | ||
| + | }); | ||
| + | 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; | ||
| + | } | ||
| - | </tbody> | + | // equip |
| - | </table> | + | Object.values(slots).forEach(sel=>{ |
| - | </ | + | if(sel.value==="" |
| - | + | let e=equipments[sel.value]; | |
| - | < | + | for(let s in e.stats){ |
| - | // Script pour le premier tableau | + | char[s]=(char[s]||0)+e.stats[s]; |
| - | const select1 = document.getElementById(" | + | } |
| - | const rows1 = document.querySelectorAll("# | + | |
| - | + | ||
| - | select1.addEventListener(" | + | |
| - | const chosenRace = select1.value; | + | |
| - | rows1.forEach(row | + | |
| - | const isCommun | + | |
| - | const isRace | + | |
| - | | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | ||
| - | <hr> | + | // ===== DÉS ===== |
| + | let ccDice = char.cc * 2; | ||
| + | let ctDice = char.ct * 2; | ||
| + | let fmDice = char.fm * 2; | ||
| - | < | + | // ===== VALEURS FINALES |
| - | < | + | let finalCC |
| - | <label for=" | + | let finalCT |
| - | <select id=" | + | let finalFM |
| - | < | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | <div class=" | + | // ===== CT DISTANCE ===== |
| - | <table id=" | + | function getCTDistance(baseCT, |
| - | < | + | if(distance |
| - | <tr> | + | return baseCT - (distance - 2) * 3; |
| - | < | + | } |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| + | let ct1 = getCTDistance(finalCT, | ||
| + | let ct2 = getCTDistance(finalCT, | ||
| + | let ct3 = getCTDistance(finalCT, | ||
| + | let ct4 = getCTDistance(finalCT, | ||
| - | <!-- ===== NIVEAU 1 ===== --> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | </tr> | ||
| - | <tr class=" | + | // ===== ESQUIVE ===== |
| - | <td class="race-Communs">Communs</ | + | let checked |
| - | </tr> | + | |
| - | <tr class=" | + | // CAC = jet CC direct |
| - | <td class=" | + | let esquiveCAC |
| - | </tr> | + | |
| - | <tr class=" | + | // ===== ESQUIVE TIR ===== |
| - | <td class=" | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // calcul des 2 formules en dés |
| - | <td class=" | + | let esquiveA |
| - | </tr> | + | let esquiveB = Math.floor(char.cc * 0.25 + char.agi * 0.75); |
| - | < | + | // choix du meilleur |
| + | let esquiveStat | ||
| - | <tr class=" | + | // ===== PASSIFS ===== |
| - | <td class=" | + | |
| - | </tr> | + | |
| - | <tr class="Géant"> | + | // remplace complètement le calcul si passif spécifique |
| - | <td class=" | + | if(checked.includes("Réflexes fulgurants")){ |
| - | </tr> | + | |
| + | } | ||
| - | <tr class="Communs"> | + | if(checked.includes("Couverture")){ |
| - | <td class=" | + | |
| - | </tr> | + | } |
| - | <tr class=" | + | // conversion en jet |
| - | <td class=" | + | let esquive |
| - | </tr> | + | |
| - | <tr class="HS"> | + | // bonus |
| - | <td class=" | + | if(checked.includes("Fulgurance")) |
| - | </tr> | + | |
| - | <tr class=" | + | // bonus protection |
| - | <td class=" | + | esquive |
| - | </tr> | + | |
| - | <tr class=" | ||
| - | <td class=" | ||
| - | </tr> | ||
| - | < | + | // ===== ESQUIVE MAGIQUE |
| + | let esquiveFM = Math.floor(finalFM + bestProt); | ||
| - | <tr class=" | ||
| - | <tr class=" | + | // ===== MAGIE ===== |
| - | <td class=" | + | let jetFM = finalFM; |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | let sorts = "" |
| - | <td class=" | + | for(let lvl=1; lvl<=5; lvl++){ |
| - | </tr> | + | let seuil = 6 + 6 * lvl; |
| + | let reussite = jetFM >= seuil ? " | ||
| - | <tr class=" | + | sorts += `Niveau ${lvl} → Seuil ${seuil} | Jet ${jetFM} ${reussite}\n`; |
| - | <td class=" | + | } |
| - | </tr> | + | |
| - | <tr class=" | + | // ===== AFFICHAGE ===== |
| - | <td class="race-Nain"> | + | document.getElementById("spellBonus").innerText = |
| - | </tr> | + | "Bonus actifs → Dex: " |
| - | <tr class=" | + | result.textContent |
| - | <td class="race-Olympien"> | + | "===== STATS =====\n"+ |
| - | </tr> | + | JSON.stringify(char,null,2)+ |
| - | <tr class="Communs"> | + | "\n\n⚔ CC : jet moyen "+ccDice+" |
| - | <td class="race-Communs"> | + | "\n🎯 CT : jet moyen "+ctDice+" |
| - | </tr> | + | "\n✨ FM : jet moyen " |
| - | <tr class="Elfe"> | + | "\n\n🛡 Esquive CAC : "+esquiveCAC+ |
| - | <td class="race-Elfe"> | + | "\n🏹 Esquive tir : "+esquive+ |
| - | </tr> | + | "\n✨ Esquive FM : " |
| + | " | ||
| - | <tr class="HS"> | + | "\n\n🎯 CT distances :"+ |
| - | <td class="race-HS"> | + | "\n1 case : "+ct1+ |
| - | </tr> | + | "\n2 cases : "+ct2+ |
| + | "\n3 cases : " | ||
| + | "\n4 cases : "+ct4+ | ||
| - | <tr class="Géant"> | + | "\n\n===== MAGIE =====\n"+ |
| - | <td class="race-Géant"> | + | "Jet FM : "+jetFM+" |
| - | </tr> | + | sorts; |
| + | } | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | </tr> | ||
| - | <tr class=" | + | // ===== AUTO ===== |
| - | <td class=" | + | function autoCalculate(){ |
| - | </tr> | + | updateCost(); |
| + | calculate(); | ||
| + | } | ||
| - | <tr class="Elfe"> | + | // events stats |
| - | <td class="race-Elfe"> | + | document.querySelectorAll("#stats input").forEach(i=>{ |
| - | </tr> | + | i.addEventListener("input", autoCalculate); |
| + | }); | ||
| - | <!-- ===== NIVEAU 4 ===== --> | + | document.querySelectorAll(" |
| - | + | s.addEventListener("change", autoCalculate); | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | </ | + | |
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | // Script pour le second tableau | + | |
| - | const select2 = document.getElementById(" | + | |
| - | const rows2 = document.querySelectorAll(" | + | |
| - | + | ||
| - | select2.addEventListener("change", | + | |
| - | const chosenRace = select2.value; | + | |
| - | rows2.forEach(row => { | + | |
| - | const isCommun = row.classList.contains("Communs"); | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === " | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | ||
| - | < | + | // passifs |
| - | + | document.querySelectorAll(" | |
| - | <!-- ================= TABLEAU 3 : Techniques Distance ================= --> | + | s.addEventListener("change", autoCalculate); |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <table id=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | + | ||
| - | <!-- ================= COMMUNS ================= --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP, 1 Mvt</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | // Script pour le troisieme tableau | + | |
| - | const select3 = document.getElementById(" | + | |
| - | const rows3 = document.querySelectorAll(" | + | |
| - | + | ||
| - | select3.addEventListener("change", | + | |
| - | const chosenRace = select3.value; | + | |
| - | rows3.forEach(row => { | + | |
| - | const isCommun = row.classList.contains("Communs"); | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === " | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | ||
| + | // ===== SORTS ACTIFS ===== | ||
| - | <hr> | ||
| - | < | + | // ===== RESET ===== |
| - | < | + | function resetAll(){ |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | <div class="table-container"> | + | document.querySelectorAll("#stats input").forEach(i=>i.value=0); |
| - | <table id="competencesTable4"> | + | document.querySelectorAll(".spell").forEach(s=>s.checked=false); |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | + | Object.values(slots).forEach(s=>{ | |
| - | + | s.value=""; | |
| - | + | s.disabled=false; | |
| - | <!-- ================= COMMUNS ================= --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>X MP, Y Mvt, 1A</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | // Script pour le quatrieme tableau | + | |
| - | const select4 = document.getElementById(" | + | |
| - | const rows4 = document.querySelectorAll("# | + | |
| - | + | ||
| - | select4.addEventListener(" | + | |
| - | const chosenRace = select4.value; | + | |
| - | rows4.forEach(row | + | |
| - | const isCommun = row.classList.contains("Communs"); | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | ||
| + | document.querySelectorAll(" | ||
| - | <hr> | + | resetSlots(); |
| + | fillEquip(); | ||
| + | displayBase(); | ||
| + | checkLimit(); | ||
| + | autoCalculate(); | ||
| + | } | ||
| - | <!-- ================= TABLEAU 5 : Survie ================= --> | + | // init |
| - | < | + | autoCalculate(); |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | <div class=" | ||
| - | <table id=" | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| + | // ===== POUSSEE ===== | ||
| + | function calculatePush(){ | ||
| + | let F=+pushF.value; | ||
| + | let buff=+pushBuff.value; | ||
| - | < | + | let E=+pushE.value; |
| + | let agi=+pushAgi.value; | ||
| + | let pv=+pushPV.value; | ||
| - | <tr class=" | + | let instability=+pushDebuff.value; |
| - | <td class=" | + | let stability=+pushStab.value; |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | let attaque=F+buff; |
| - | <td class=" | + | let defense=Math.max(E+4, |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | pushResult.textContent= |
| - | <td class="race-Communs"> | + | "Attaque: |
| - | < | + | "\nDéfense: |
| - | < | + | " |
| - | < | + | } |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | // ===== EVENTS ===== |
| - | <td class="race-Communs">Communs</ | + | document.querySelectorAll("input").forEach(i=>i.addEventListener("input",()=>{ |
| - | < | + | updateCost(); |
| - | < | + | })); |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | document.querySelectorAll("select").forEach(i=>i.addEventListener("change",()=>{ |
| - | <td class="race-Communs">Communs</ | + | updateCost(); |
| - | < | + | })); |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // ===== INIT ===== |
| - | <td class=" | + | updateCost(); |
| - | < | + | calculate(); |
| - | < | + | calculatePush(); |
| - | < | + | |
| - | </tr> | + | |
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | |||
| - | < | ||
| - | // Script pour le cinquième tableau | ||
| - | const select5 = document.getElementById(" | ||
| - | const rows5 = document.querySelectorAll("# | ||
| - | |||
| - | select5.addEventListener(" | ||
| - | const chosenRace = select5.value; | ||
| - | rows3.forEach(row => { | ||
| - | const isCommun = row.classList.contains(" | ||
| - | const isRace = row.classList.contains(chosenRace); | ||
| - | row.style.display = (chosenRace === " | ||
| - | }); | ||
| - | }); | ||
| </ | </ | ||
| - | |||
| - | |||
| </ | </ | ||
| </ | </ | ||
brouillon7.1776632653.txt.gz · Dernière modification : 2026/04/19 23:04 de nanaki
