brouillon3
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 | ||
| brouillon3 [2026/04/18 22:08] – nanaki | brouillon3 [2026/05/12 13:53] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ===== Liste des Sorts ===== | + | 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> | + | |
| - | <!-- ================= COMMUNS ================= --> | + | <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=" | ||
| + | </ | ||
| - | <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>Restauration mineure</td>< | + | Stabilité |
| - | <td>6 MP</td>< | + | |
| - | <td>Réduit les malus</td>< | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <pre id="pushResult" class=" |
| - | < | + | </div> |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <button onclick="resetAll()">Reset</button> |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <button onclick="exportBuild()">📤 Export</ |
| - | <td class="race-Communs">Communs</td>< | + | <button onclick="importBuild()">📥 Import</button> |
| - | <td>8 MP</ | + | <button onclick=" |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <pre id="result" class=" |
| - | < | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <script> |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // ===== RACES ===== |
| - | <td class=" | + | const races = { |
| - | <td>6 MP</ | + | Elfe: |
| - | < | + | Nain:{a:2, |
| - | </tr> | + | Géant: |
| + | Olympien: | ||
| + | HS: | ||
| + | }; | ||
| - | <tr class=" | + | // ===== COST ===== |
| - | <td class=" | + | const costTable |
| - | < | + | a: |
| - | < | + | cc: |
| - | </tr> | + | f: |
| + | agi: | ||
| + | m: | ||
| + | fm: | ||
| + | p: | ||
| + | pv:[4,2,1], | ||
| + | pm: | ||
| + | mvt:[100,50,30], | ||
| + | r: | ||
| + | rm: | ||
| + | }; | ||
| - | <tr class="Communs"> | + | // ===== PASSIFS ===== |
| - | <td class="race-Communs"> | + | const skills = [ |
| - | <td>6 MP</ | + | {name:"Fulgurance", |
| - | < | + | {name:"Couverture", |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | ]; | ||
| - | <tr class="Communs"> | + | // ===== SORTS ===== |
| - | <td class="race-Communs"> | + | const spells = [ |
| - | <td>4 MP</ | + | {name:"Peau de granit", |
| - | < | + | {name:"Coup précis",dex:2,prot:0}, |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Maladresse", |
| - | <td class="race-Communs"> | + | {name:"Vulnérabilité", |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Puissance de la nature", |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Aide", |
| - | <td class="race-Communs"> | + | {name:"Malchance",dex:-4,prot:0}, |
| - | <td>6 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",dex: |
| - | <td class=" | + | |
| - | <td>0 MP, 5 PV, 2 Mvt</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Puissance du lutin capricieux",dex:-4,prot:-4}, |
| - | <td class=" | + | |
| - | <td>2 MP, 1 Mvt</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Exténuation", |
| - | <td class="race-Communs"> | + | {name:"Sauvegarde", |
| - | <td>8 MP</ | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | ]; |
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>8 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class=" | + | const equipments |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= COMMUNS ================= */ |
| - | <td class=" | + | |
| - | <td>8 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Arc", |
| - | <td class="race-Communs"> | + | {name:"Armure matelassée", |
| - | < | + | {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=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Torche", |
| - | <td class="race-Communs"> | + | {name:"Hache de jet",race:"all", |
| - | < | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= ELFES ================= */ |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Bâton du Pèlerin", |
| - | <td class="race-Communs"> | + | {name:"Bottes Tâlroval", |
| - | < | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Communs"> | + | // spécifique elfe |
| - | <td class="race-Communs"> | + | {name:"Arc Elfique",race:"Elfe", |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= NAINS ================= */ |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Cotte de mailles", |
| - | <td class="race-Communs"> | + | {name:"Labrys", |
| - | < | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="Communs"> | + | // spécifiques nains |
| - | <td class="race-Communs"> | + | {name:"Bâton d' |
| - | < | + | {name:"Hache runique", |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= GÉANTS ================= */ |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | {name:"Bouclier Clipeus", |
| - | <td class="race-Communs"> | + | {name:"Masse d' |
| - | < | + | {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:" |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= HS ================= */ |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <!-- ================= SORTS RACIAUX ================= --> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="race-HS"> | + | // spécifiques HS |
| - | <td class="race-HS"> | + | {name:" |
| - | <td>4 PM</ | + | {name:"Bottes griffues", |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | /* ================= OLYMPIENS ================= */ |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="race-HS"> | + | {name:"Armure hoplitique", |
| - | <td class="race-HS"> | + | {name:"Bouclier Ancile", |
| - | < | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class="race-HS"> | + | // spécifique olympien |
| - | <td class="race-HS"> | + | {name:"Lorica", |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <!-- Elfe --> | + | /* ================= ANNEAUX ================= */ |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="race-Elfe"> | + | {name:"Anneau Caprice", |
| - | <td class="race-Elfe"> | + | {name:"Anneau Férocité", |
| - | <td>5 PM</ | + | {name:" |
| - | < | + | {name:" |
| - | </tr> | + | {name:" |
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| - | <tr class=" | + | ]; |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class="race-Elfe"> | + | // ===== INIT ===== |
| - | <td class="race-Elfe"> | + | const raceSelect = document.getElementById(" |
| - | <td>8 PM</ | + | const statsDiv |
| - | < | + | const baseDiv = document.getElementById(" |
| - | </tr> | + | |
| - | <tr class=" | + | for(let r in races){ |
| - | <td class=" | + | raceSelect.innerHTML += `<option>${r}</option>`; |
| - | <td>6 PM</ | + | } |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // stats UI |
| - | <td class=" | + | for(let s in costTable){ |
| - | <td>12 PM</ | + | statsDiv.innerHTML += ` |
| - | < | + | <div class=" |
| - | </tr> | + | <span>${s}</span> |
| + | <input type=" | ||
| + | </div>`; | ||
| + | } | ||
| - | <tr class="race-Géant"> | + | // passifs |
| - | <td class=" | + | skills.forEach(s=>{ |
| - | <td>8 PM</td><td> | + | document.getElementById("skills").innerHTML += ` |
| - | <td>Foudre déchaînée.</td><td>/</td><td>300 pos</td> | + | <label> |
| - | </tr> | + | <input type=" |
| + | <b>${s.name}</b><br> | ||
| + | <span class=" | ||
| + | </label><br>`; | ||
| + | }); | ||
| - | <!-- Nain --> | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 PM</ | ||
| - | < | ||
| - | </tr> | ||
| - | <tr class="race-Nain"> | + | // affichage sorts |
| - | <td class=" | + | spells.forEach(s=>{ |
| - | <td>8 PM</td><td>+8</td>< | + | document.getElementById("spells").innerHTML += ` |
| - | < | + | <label> |
| - | </tr> | + | <input type=" |
| + | <b>${s.name}</b> | ||
| + | <span class=" | ||
| + | </label><br>`; | ||
| + | }); | ||
| - | <!-- Olympien --> | + | // base stats |
| - | <tr class=" | + | function displayBase(){ |
| - | <td class=" | + | baseDiv.textContent |
| - | <td>4 PM</ | + | } |
| - | < | + | raceSelect.addEventListener(" |
| - | </tr> | + | displayBase(); |
| - | <tr class=" | + | // ===== COST ===== |
| - | <td class=" | + | function calcCost(b, |
| - | <td>7 PM</ | + | let total=0,last=b; |
| - | <td> | + | for(let i=1;i<=n;i++){ |
| - | </tr> | + | if(i===1) last=b; |
| + | else if(i<=3) last+=m1; | ||
| + | else last+=m2; | ||
| + | total+=last; | ||
| + | } | ||
| + | return total; | ||
| + | } | ||
| - | <tr class=" | + | function updateCost(){ |
| - | <td class=" | + | let total=0; |
| - | < | + | for(let s in costTable){ |
| - | < | + | let v=+document.getElementById(s).value||0; |
| - | </tr> | + | let [b, |
| + | total+=calcCost(b, | ||
| + | } | ||
| + | document.getElementById(" | ||
| + | } | ||
| - | <tr class=" | + | // ===== SLOTS ===== |
| - | <td class=" | + | const slots = { |
| - | <td>8 PM</ | + | head: |
| - | < | + | leftHand: |
| - | </tr> | + | }; |
| - | </tbody> | + | function resetSlots(){ |
| - | </table> | + | Object.values(slots).forEach(s=> |
| - | </ | + | } |
| + | function fillEquip(){ | ||
| + | let r=raceSelect.value; | ||
| - | < | + | equipments.forEach((e,i)=>{ |
| - | // Script pour le premier tableau | + | if(e.race!=="all"&& |
| - | const select1 = document.getElementById(" | + | |
| - | const rows1 = document.querySelectorAll("# | + | |
| - | select1.addEventListener("change", () => { | + | if(e.slot==="weapon" |
| - | const chosenRace | + | if(e.slot===" |
| - | | + | if(e.slot===" |
| - | const isCommun | + | if(e.slot===" |
| - | const isRace | + | if(e.slot==="neck" |
| - | row.style.display | + | if(e.slot===" |
| - | | + | if(e.slot===" |
| + | if(e.slot==="ring" | ||
| }); | }); | ||
| - | </ | + | } |
| - | <hr> | + | raceSelect.addEventListener(" |
| + | resetSlots(); | ||
| + | fillEquip(); | ||
| + | autoCalculate(); | ||
| + | }); | ||
| - | <!-- ================= TABLEAU 2 : Sorts ================= --> | + | resetSlots(); |
| - | < | + | fillEquip(); |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | <div class=" | + | // ===== BONUS ===== |
| - | < | + | function displayStats(select, |
| - | < | + | let v=select.value; |
| - | <tr> | + | let el=document.getElementById(id); |
| - | < | + | if(v==="" |
| - | < | + | let e=equipments[v]; |
| - | < | + | let txt=""; |
| - | </tr> | + | for(let s in e.stats){ |
| - | </ | + | let val=e.stats[s]; |
| - | < | + | txt+=val>0?`+${val} ${s} `:`${val} ${s} `; |
| + | } | ||
| + | el.innerHTML=txt; | ||
| + | } | ||
| - | < | + | const slotToStatId |
| - | < | + | head:"headStats", |
| - | < | + | neck:"neckStats", |
| - | < | + | cape:"capeStats" |
| - | < | + | rightHand:"rightStats", |
| - | < | + | leftHand:"leftStats", |
| - | < | + | body:"bodyStats", |
| + | ring:"ringStats", | ||
| + | feet:"feetStats" | ||
| + | }; | ||
| - | < | + | Object.entries(slots).forEach(([k, |
| - | < | + | s.addEventListener("change",()=>{ |
| - | < | + | displayStats(s, slotToStatId[k]); |
| - | < | + | checkLimit(); |
| - | < | + | autoCalculate(); |
| + | }); | ||
| + | }); | ||
| - | < | + | // ===== LIMIT ===== |
| - | < | + | function checkLimit(){ |
| - | <td class="race-Géant"> | + | let count=0; |
| - | <td>8 PM</ | + | Object.entries(slots).forEach(([k, |
| - | < | + | if(k!=="ring"&& |
| - | </ | + | }); |
| - | <tr class="Géant"> | + | if(count> |
| - | < | + | limitWarn.innerText="Limite atteinte"; |
| - | < | + | Object.entries(slots).forEach(([k, |
| - | < | + | if(k!=="ring"&& |
| - | </ | + | }); |
| + | }else{ | ||
| + | limitWarn.innerText=""; | ||
| + | Object.values(slots).forEach(s=>s.disabled=false); | ||
| + | } | ||
| + | } | ||
| - | < | + | // ===== CALCUL |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | function calculate(){ |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <!-- ===== HS ===== --> | + | let activeSpells |
| - | <tr class="HS"> | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | < | + | let bestDex |
| - | < | + | let bestProt |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | activeSpells.forEach(s=>{ |
| - | < | + | let d = +s.dataset.dex; |
| - | < | + | let p = +s.dataset.prot; |
| - | < | + | |
| - | </tr> | + | |
| - | </tbody> | + | if(Math.abs(d) |
| - | </table> | + | if(Math.abs(p) |
| - | </ | + | }); |
| - | < | + | let char={...races[raceSelect.value]}; |
| - | // Script pour le second tableau | + | |
| - | const select2 | + | |
| - | const rows2 = document.querySelectorAll("# | + | |
| - | select2.addEventListener(" | + | // stats investies |
| - | const chosenRace | + | for(let s in costTable){ |
| - | rows2.forEach(row => { | + | let v=+document.getElementById(s).value||0; |
| - | const isCommun = row.classList.contains("Communs"); | + | char[s]=(char[s]||0)+v; |
| - | const isRace | + | } |
| - | row.style.display | + | |
| - | }); | + | // equip |
| + | Object.values(slots).forEach(sel=>{ | ||
| + | if(sel.value==="" | ||
| + | let e=equipments[sel.value]; | ||
| + | for(let s in e.stats){ | ||
| + | char[s]=(char[s]||0)+e.stats[s]; | ||
| + | } | ||
| }); | }); | ||
| - | </ | ||
| + | // ===== DÉS ===== | ||
| + | let ccDice = char.cc * 2; | ||
| + | let ctDice = char.ct * 2; | ||
| + | let fmDice = char.fm * 2; | ||
| + | let agiDice = char.agi * 2; | ||
| - | <hr> | + | // ===== VALEURS FINALES ===== |
| + | let finalCC = ccDice + bestDex; | ||
| + | let finalCT = ctDice + bestDex; | ||
| + | let finalFM = fmDice + bestDex; | ||
| - | <!-- ================= TABLEAU 3 : Techniques Distance ================= --> | ||
| - | < | ||
| - | <label for=" | ||
| - | <select id=" | ||
| - | <option value=" | ||
| - | <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, | ||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| + | // ===== ESQUIVE ===== | ||
| - | <tr class="Communs"> | + | let checked |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // ===== ESQUIVE CAC ===== |
| - | <td class=" | + | // règle : meilleur entre CC et AGI (dés), puis conversion jet + protection |
| - | <td>2 MP</td>< | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | let esquiveCAC |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | // conversion en jet + protection |
| - | <td class=" | + | esquiveCAC = esquiveCAC + bestProt; |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| + | // ===== ESQUIVE TIR ===== | ||
| + | // règle : | ||
| + | // max entre : | ||
| + | // (3/4 CC + 1/4 AGI) | ||
| + | // (1/4 CC + 3/4 AGI) | ||
| + | // arrondi inférieur → dés → ×2 → + protection | ||
| - | </ | + | let esquiveA = Math.floor(char.cc * 0.75 + char.agi * 0.25); |
| - | </ | + | let esquiveB = Math.floor(char.cc * 0.25 + char.agi * 0.75); |
| - | </ | + | |
| - | < | + | // passifs qui remplacent |
| - | // Script pour le troisieme tableau | + | let esquiveStat; |
| - | const select3 = document.getElementById(" | + | |
| - | const rows3 = document.querySelectorAll("# | + | |
| - | select3.addEventListener("change", () => { | + | if(checked.includes("Réflexes fulgurants")){ |
| - | const chosenRace | + | |
| - | | + | } |
| - | const isCommun = row.classList.contains("Communs"); | + | else if(checked.includes("Couverture")){ |
| - | | + | |
| - | | + | } |
| - | }); | + | else{ |
| - | }); | + | |
| - | </ | + | } |
| + | // conversion en jet | ||
| + | let esquiveTir = esquiveStat * 2; | ||
| - | <hr> | + | // protection (UNE seule fois) |
| + | esquiveTir += bestProt; | ||
| - | <!-- ================= TABLEAU 4 : Furtivité ================= --> | + | // bonus passifs |
| - | < | + | if(checked.includes("Fulgurance")) |
| - | <label for=" | + | |
| - | <select id="raceSelect4"> | + | |
| - | < | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | <div class=" | ||
| - | <table id=" | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| + | // ===== ESQUIVE MAGIQUE ===== | ||
| + | // règle : FM en jet + protection | ||
| + | let esquiveFM = fmDice + bestProt; | ||
| + | // ===== MAGIE ===== | ||
| + | let jetFM = finalFM; | ||
| - | < | + | let sorts = ""; |
| + | for(let lvl=1; lvl<=5; lvl++){ | ||
| + | let seuil = 6 + 6 * lvl; | ||
| + | let reussite | ||
| - | <tr class=" | + | sorts += `Niveau ${lvl} → Seuil ${seuil} | Jet ${jetFM} ${reussite}\n`; |
| - | <td class=" | + | } |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| + | // ===== AFFICHAGE ===== | ||
| + | document.getElementById(" | ||
| + | "Bonus actifs → Dex: " | ||
| - | <tr class=" | + | result.textContent |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class="Communs"> | + | " |
| - | <td class=" | + | " |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class="race-Communs"> | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | " |
| - | </ | + | JSON.stringify(char, |
| - | </ | + | |
| + | " | ||
| + | "\n⚔ CC : jet moyen " | ||
| + | " | ||
| + | "\n✨ FM : jet moyen " | ||
| - | </ | + | " |
| - | </ | + | " |
| - | </ | + | " |
| + | "\n✨ Esquive FM : " | ||
| - | < | + | " |
| - | // Script pour le quatrieme tableau | + | " |
| - | const select4 = document.getElementById("raceSelect4"); | + | "\n1 case : "+ct1+ |
| - | const rows4 = document.querySelectorAll("# | + | "\n2 cases : " |
| + | "\n3 cases : "+ct3+ | ||
| + | "\n4 cases : "+ct4+ | ||
| - | select4.addEventListener("change", | + | "\n\n===== MAGIE =====\n" |
| - | const chosenRace | + | "Jet FM : " |
| - | | + | sorts; |
| - | const isCommun = row.classList.contains(" | + | } |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === "Toutes" | + | |
| - | }); | + | // ===== AUTO ===== |
| + | function autoCalculate(){ | ||
| + | updateCost(); | ||
| + | calculate(); | ||
| + | } | ||
| + | |||
| + | // events stats | ||
| + | document.querySelectorAll("#stats input").forEach(i=> | ||
| + | i.addEventListener("input", autoCalculate); | ||
| }); | }); | ||
| - | </ | ||
| + | document.querySelectorAll(" | ||
| + | s.addEventListener(" | ||
| + | }); | ||
| - | </ | ||
| - | </ | ||
| + | // passifs | ||
| + | document.querySelectorAll(" | ||
| + | s.addEventListener(" | ||
| + | }); | ||
| - | **Fonctionnement de la carte sur Olympia** : | + | // ===== RESET ===== |
| - | >1) Tous les joueurs sur Olympia apparaissent en points noirs sur la carte du monde. | + | function resetAll(){ |
| - | > | + | |
| - | >2) Dans un rayon de 15 cases autour de sa position, un joueur voit la couleur de la race des autres personnages. | + | |
| - | > | + | |
| - | >3) Si le personnage se déplace, la couleur se met à jour en fonction de la nouvelle position. | + | |
| - | + | document.querySelectorAll("#stats input").forEach(i=>i.value=0); | |
| - | **Fonctionnement des compétences de discrétion **: | + | document.querySelectorAll(".spell").forEach(s=>s.checked=false); |
| - | >1) Lorsque le personnage utilise la compétence " | + | |
| - | > | + | |
| - | >Lors de son prochain tour, pour être de nouveau invisible sur la carte du monde, le joueur devra relancer la compétence | + | |
| - | > | + | |
| - | >2) Pour éviter que ce soit trop simple de rester furtif, le coût augmente à mesure du nombre d' | + | |
| - | > | + | |
| - | >3) Utiliser une compétence de discrétion | + | |
| - | > | + | |
| - | >4) Pour réinitialiser le coût des compétences de discrétion, | + | |
| - | > | + | |
| - | >5)Avec la compétence Discrétion, | + | |
| + | Object.values(slots).forEach(s=> | ||
| + | s.value=""; | ||
| + | s.disabled=false; | ||
| + | }); | ||
| + | document.querySelectorAll(" | ||
| + | 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, | ||
| + | |||
| + | pushResult.textContent= | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| + | |||
| + | // ===== EVENTS ===== | ||
| + | document.querySelectorAll(" | ||
| + | updateCost(); | ||
| + | })); | ||
| + | |||
| + | document.querySelectorAll(" | ||
| + | updateCost(); | ||
| + | })); | ||
| + | |||
| + | |||
| + | // ===== INIT ===== | ||
| + | updateCost(); | ||
| + | calculate(); | ||
| + | calculatePush(); | ||
| + | |||
| + | |||
| + | // ===================================== | ||
| + | // ENCODE / DECODE | ||
| + | // ===================================== | ||
| + | |||
| + | function encodeBuild(data){ | ||
| + | return encodeURIComponent(JSON.stringify(data)); | ||
| + | } | ||
| + | |||
| + | function decodeBuild(code){ | ||
| + | return JSON.parse(decodeURIComponent(code)); | ||
| + | } | ||
| + | |||
| + | // ===================================== | ||
| + | // BUILD DATA | ||
| + | // ===================================== | ||
| + | |||
| + | function getBuildData(){ | ||
| + | |||
| + | let data = { | ||
| + | race: raceSelect.value, | ||
| + | stats: {}, | ||
| + | equip: {}, | ||
| + | skills: [], | ||
| + | spells: [] | ||
| + | }; | ||
| + | |||
| + | // stats | ||
| + | for(let s in costTable){ | ||
| + | data.stats[s] = +document.getElementById(s).value || 0; | ||
| + | } | ||
| + | |||
| + | // équipements | ||
| + | Object.entries(slots).forEach(([k, | ||
| + | data.equip[k] = s.value; | ||
| + | }); | ||
| + | |||
| + | // passifs | ||
| + | document.querySelectorAll(" | ||
| + | data.skills.push(s.dataset.name); | ||
| + | }); | ||
| + | |||
| + | // sorts | ||
| + | document.querySelectorAll(" | ||
| + | data.spells.push({ | ||
| + | dex: +s.dataset.dex, | ||
| + | prot: +s.dataset.prot | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | return data; | ||
| + | } | ||
| + | |||
| + | // ===================================== | ||
| + | // APPLY BUILD | ||
| + | // ===================================== | ||
| + | |||
| + | function applyBuild(data){ | ||
| + | |||
| + | // race | ||
| + | raceSelect.value = data.race || " | ||
| + | |||
| + | // recharge équipements race | ||
| + | resetSlots(); | ||
| + | fillEquip(); | ||
| + | |||
| + | // stats | ||
| + | for(let s in costTable){ | ||
| + | document.getElementById(s).value = | ||
| + | data.stats? | ||
| + | } | ||
| + | |||
| + | // équipements | ||
| + | Object.entries(slots).forEach(([k, | ||
| + | s.value = data.equip? | ||
| + | }); | ||
| + | |||
| + | // passifs | ||
| + | document.querySelectorAll(" | ||
| + | s.checked = | ||
| + | data.skills? | ||
| + | }); | ||
| + | |||
| + | // sorts | ||
| + | document.querySelectorAll(" | ||
| + | |||
| + | s.checked = data.spells? | ||
| + | sp.dex == +s.dataset.dex && | ||
| + | sp.prot == +s.dataset.prot | ||
| + | ); | ||
| + | |||
| + | }); | ||
| + | |||
| + | displayBase(); | ||
| + | checkLimit(); | ||
| + | autoCalculate(); | ||
| + | } | ||
| + | |||
| + | // ===================================== | ||
| + | // EXPORT | ||
| + | // ===================================== | ||
| + | |||
| + | function exportBuild(){ | ||
| + | |||
| + | let data = getBuildData(); | ||
| + | |||
| + | let code = encodeBuild(data); | ||
| + | |||
| + | prompt(" | ||
| + | } | ||
| + | |||
| + | // ===================================== | ||
| + | // IMPORT | ||
| + | // ===================================== | ||
| + | |||
| + | function importBuild(codeInput){ | ||
| + | |||
| + | let code = codeInput; | ||
| + | |||
| + | if(!code){ | ||
| + | code = prompt(" | ||
| + | } | ||
| + | |||
| + | if(!code) return; | ||
| + | |||
| + | try{ | ||
| + | |||
| + | code = code.trim(); | ||
| + | |||
| + | let data = decodeBuild(code); | ||
| + | |||
| + | applyBuild(data); | ||
| + | |||
| + | alert(" | ||
| + | |||
| + | }catch(e){ | ||
| + | |||
| + | console.log(e); | ||
| + | |||
| + | alert(" | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // ===================================== | ||
| + | // LIEN PARTAGE | ||
| + | // ===================================== | ||
| + | |||
| + | function copyLink(){ | ||
| + | |||
| + | let data = getBuildData(); | ||
| + | |||
| + | let code = encodeBuild(data); | ||
| + | |||
| + | let url = | ||
| + | window.location.origin + | ||
| + | window.location.pathname + | ||
| + | "? | ||
| + | |||
| + | navigator.clipboard.writeText(url).then(()=> | ||
| + | |||
| + | alert(" | ||
| + | |||
| + | }).catch(()=> | ||
| + | |||
| + | prompt(" | ||
| + | |||
| + | }); | ||
| + | } | ||
| + | |||
| + | // ===================================== | ||
| + | // AUTO LOAD URL | ||
| + | // ===================================== | ||
| + | |||
| + | (function(){ | ||
| + | |||
| + | try{ | ||
| + | |||
| + | let params = | ||
| + | new URLSearchParams(window.location.search); | ||
| + | |||
| + | let code = params.get(" | ||
| + | |||
| + | if(!code) return; | ||
| + | |||
| + | let data = decodeBuild(code); | ||
| + | |||
| + | applyBuild(data); | ||
| + | |||
| + | console.log(" | ||
| + | |||
| + | }catch(e){ | ||
| + | |||
| + | console.log(" | ||
| + | |||
| + | } | ||
| + | |||
| + | })(); | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | </ | ||
brouillon3.1776542910.txt.gz · Dernière modification : 2026/04/18 22:08 de nanaki
