simulateur
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 | ||
| simulateur [2026/04/30 10:47] – nanaki | simulateur [2026/05/20 16:46] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| + | Voici un simulateur en version beta, n' | ||
| + | |||
| + | |||
| < | < | ||
| < | < | ||
| Ligne 8: | Ligne 11: | ||
| font-family: | font-family: | ||
| background:# | background:# | ||
| - | color:#e0d3a3; | + | color:#7dd3fc; |
| padding: | padding: | ||
| } | } | ||
| - | |||
| h1,h2 { color: | h1,h2 { color: | ||
| - | + | .box { border:1px solid gold; padding: | |
| - | .box { | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | } | + | |
| select { margin:3px; max-width: | select { margin:3px; max-width: | ||
| - | input { margin:3px; width:50px; } | + | input { margin:3px; width:60px; } |
| - | + | .statLine { display: | |
| - | .statLine { | + | .result { background:# |
| - | | + | .small { font-size: |
| - | | + | |
| - | | + | |
| - | } | + | |
| - | + | ||
| - | .result { | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | } | + | |
| - | + | ||
| - | .small { | + | |
| - | | + | |
| - | | + | |
| - | } | + | |
| </ | </ | ||
| </ | </ | ||
| Ligne 45: | Ligne 26: | ||
| < | < | ||
| - | < | + | <h1>🎲 Simulateur</ |
| <div class=" | <div class=" | ||
| Race : | Race : | ||
| <select id=" | <select id=" | ||
| - | |||
| < | < | ||
| <pre id=" | <pre id=" | ||
| Ligne 63: | Ligne 43: | ||
| <div class=" | <div class=" | ||
| < | < | ||
| - | |||
| Tête <select id=" | Tête <select id=" | ||
| Cou <select id=" | Cou <select id=" | ||
| Ligne 72: | Ligne 51: | ||
| Anneau <select id=" | Anneau <select id=" | ||
| Pieds <select id=" | Pieds <select id=" | ||
| - | |||
| <div id=" | <div id=" | ||
| </ | </ | ||
| Ligne 79: | Ligne 57: | ||
| < | < | ||
| <div id=" | <div id=" | ||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | < | ||
| + | <div id=" | ||
| + | <div id=" | ||
| + | </ | ||
| + | |||
| + | |||
| + | |||
| + | <!-- ================= POUSSEE ================= --> | ||
| + | <div class=" | ||
| + | < | ||
| + | |||
| + | Force assaillant <input id=" | ||
| + | Renforcement <select id=" | ||
| + | |||
| + | Endurance <input id=" | ||
| + | Agilité <input id=" | ||
| + | |||
| + | PV actuels <input id=" | ||
| + | |||
| + | Instabilité <select id=" | ||
| + | Stabilité <select id=" | ||
| + | |||
| + | <pre id=" | ||
| </ | </ | ||
| <button onclick=" | <button onclick=" | ||
| + | |||
| + | <button onclick=" | ||
| + | <button onclick=" | ||
| + | <button onclick=" | ||
| <pre id=" | <pre id=" | ||
| Ligne 89: | Ligne 97: | ||
| // ===== RACES ===== | // ===== RACES ===== | ||
| const races = { | const races = { | ||
| - | Elfe: | + | Elfe:{a:2,cc: |
| - | Nain: | + | Nain:{a:2,cc: |
| - | Géant: | + | Géant:{a:2,cc: |
| - | Olympien: | + | Olympien:{a:2,cc: |
| - | HS: | + | HS:{a:2,cc: |
| }; | }; | ||
| // ===== COST ===== | // ===== COST ===== | ||
| const costTable = { | const costTable = { | ||
| + | a: | ||
| cc: | cc: | ||
| f: | f: | ||
| Ligne 113: | Ligne 122: | ||
| // ===== PASSIFS ===== | // ===== PASSIFS ===== | ||
| const skills = [ | const skills = [ | ||
| - | {name:" | + | {name:" |
| {name:" | {name:" | ||
| {name:" | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| {name:" | {name:" | ||
| ]; | ]; | ||
| + | |||
| + | // ===== SORTS ===== | ||
| + | const spells = [ | ||
| + | {name:" | ||
| + | {name:" | ||
| + | |||
| + | {name:" | ||
| + | {name:" | ||
| + | |||
| + | {name:" | ||
| + | |||
| + | {name:" | ||
| + | {name:" | ||
| + | |||
| + | {name:" | ||
| + | {name:" | ||
| + | |||
| + | {name:" | ||
| + | |||
| + | {name:" | ||
| + | |||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | ]; | ||
| + | |||
| + | |||
| const equipments = [ | const equipments = [ | ||
| Ligne 237: | Ligne 276: | ||
| ]; | ]; | ||
| + | |||
| // ===== INIT ===== | // ===== INIT ===== | ||
| Ligne 263: | Ligne 303: | ||
| < | < | ||
| <span class=" | <span class=" | ||
| + | </ | ||
| + | }); | ||
| + | |||
| + | |||
| + | // affichage sorts | ||
| + | spells.forEach(s=> | ||
| + | document.getElementById(" | ||
| + | < | ||
| + | <input type=" | ||
| + | < | ||
| + | <span class=" | ||
| </ | </ | ||
| }); | }); | ||
| Ligne 383: | Ligne 434: | ||
| // ===== CALCUL ===== | // ===== CALCUL ===== | ||
| + | |||
| function calculate(){ | function calculate(){ | ||
| + | |||
| + | let activeSpells = [...document.querySelectorAll(" | ||
| + | |||
| + | let bestDex = 0; | ||
| + | let bestProt = 0; | ||
| + | |||
| + | activeSpells.forEach(s=> | ||
| + | let d = +s.dataset.dex; | ||
| + | let p = +s.dataset.prot; | ||
| + | |||
| + | if(Math.abs(d) > Math.abs(bestDex)) bestDex = d; | ||
| + | if(Math.abs(p) > Math.abs(bestProt)) bestProt = p; | ||
| + | }); | ||
| let char={...races[raceSelect.value]}; | let char={...races[raceSelect.value]}; | ||
| Ligne 402: | Ligne 467: | ||
| }); | }); | ||
| - | // esquive | + | // ===== DÉS ===== |
| - | let esquive=Math.round(char.agi*0.75+char.cc*0.25); | + | let ccDice |
| + | let ctDice = char.ct * 2; | ||
| + | let fmDice = char.fm * 2; | ||
| + | let agiDice = char.agi * 2; | ||
| - | let checked=[...document.querySelectorAll(" | + | // ===== VALEURS FINALES ===== |
| + | let finalCC | ||
| + | let finalCT = ctDice + bestDex; | ||
| + | let finalFM | ||
| - | if(checked.includes(" | ||
| - | esquive=Math.round(char.agi*0.85+char.cc*0.15); | ||
| - | if(checked.includes(" | + | // ===== CT DISTANCE ===== |
| - | esquive=Math.round(char.cc*0.85+char.agi*0.15); | + | function getCTDistance(baseCT, distance){ |
| + | if(distance <= 2) return baseCT; | ||
| + | return baseCT - (distance - 2) * 3; | ||
| + | } | ||
| + | let ct1 = getCTDistance(finalCT, | ||
| + | let ct2 = getCTDistance(finalCT, | ||
| + | let ct3 = getCTDistance(finalCT, | ||
| + | let ct4 = getCTDistance(finalCT, | ||
| + | |||
| + | |||
| + | // ===== ESQUIVE ===== | ||
| + | |||
| + | let checked = [...document.querySelectorAll(" | ||
| + | |||
| + | // ===== ESQUIVE CAC ===== | ||
| + | // règle : meilleur entre CC et AGI (dés), puis conversion jet + protection | ||
| + | |||
| + | let esquiveCAC = Math.max(ccDice, | ||
| + | |||
| + | // conversion en jet + protection | ||
| + | esquiveCAC = esquiveCAC + bestProt; | ||
| + | |||
| + | |||
| + | // ===== 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 le calcul | ||
| + | let esquiveStat; | ||
| + | |||
| + | if(checked.includes(" | ||
| + | esquiveStat = Math.floor(char.agi * 0.85 + char.cc * 0.15); | ||
| + | } | ||
| + | else if(checked.includes(" | ||
| + | esquiveStat = Math.floor(char.cc * 0.85 + char.agi * 0.15); | ||
| + | } | ||
| + | else{ | ||
| + | esquiveStat = Math.max(esquiveA, | ||
| + | } | ||
| + | |||
| + | // conversion en jet | ||
| + | let esquiveTir = esquiveStat * 2; | ||
| + | |||
| + | // protection (UNE seule fois) | ||
| + | esquiveTir += bestProt; | ||
| + | |||
| + | // bonus passifs | ||
| if(checked.includes(" | if(checked.includes(" | ||
| - | esquive+=1; | + | esquiveTir |
| + | |||
| + | |||
| + | // ===== 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 = jetFM >= seuil ? " | ||
| + | |||
| + | sorts += `Niveau ${lvl} → Seuil ${seuil} | Jet ${jetFM} ${reussite}\n`; | ||
| + | } | ||
| + | |||
| + | // ===== AFFICHAGE ===== | ||
| + | document.getElementById(" | ||
| + | "Bonus actifs → Dex: " | ||
| - | // affichage | ||
| result.textContent = | result.textContent = | ||
| - | "===== STATS =====\n" | + | |
| + | "===== PERSONNAGE =====\n" | ||
| + | "Race : " | ||
| + | |||
| + | "\n\n===== STATS =====\n" | ||
| JSON.stringify(char, | JSON.stringify(char, | ||
| - | " | + | |
| - | " | + | "\n\n===== JET OFFENSIF =====\n" |
| - | "\n✨ FM : "+char.fm+ | + | "\n⚔ CC : jet moyen "+ccDice+" |
| - | " | + | " |
| + | "\n✨ FM : jet moyen "+fmDice+" | ||
| + | |||
| + | " | ||
| + | " | ||
| + | " | ||
| + | "\n✨ Esquive FM : " | ||
| + | |||
| + | " | ||
| + | " | ||
| + | "\n1 case : " | ||
| + | "\n2 cases : " | ||
| + | "\n3 cases : " | ||
| + | "\n4 cases : " | ||
| + | |||
| + | " | ||
| + | "Jet FM : " | ||
| + | sorts; | ||
| } | } | ||
| + | |||
| // ===== AUTO ===== | // ===== AUTO ===== | ||
| Ligne 436: | Ligne 599: | ||
| i.addEventListener(" | i.addEventListener(" | ||
| }); | }); | ||
| + | |||
| + | document.querySelectorAll(" | ||
| + | s.addEventListener(" | ||
| + | }); | ||
| + | |||
| // passifs | // passifs | ||
| Ligne 441: | Ligne 609: | ||
| s.addEventListener(" | s.addEventListener(" | ||
| }); | }); | ||
| + | |||
| + | |||
| // ===== RESET ===== | // ===== RESET ===== | ||
| Ligne 446: | Ligne 616: | ||
| document.querySelectorAll("# | document.querySelectorAll("# | ||
| + | document.querySelectorAll(" | ||
| Object.values(slots).forEach(s=> | Object.values(slots).forEach(s=> | ||
| Ligne 463: | Ligne 634: | ||
| // init | // init | ||
| autoCalculate(); | 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? | ||
| + | }); | ||
| + | |||
| + | // refresh affichage bonus équipements | ||
| + | Object.entries(slots).forEach(([k, | ||
| + | displayStats(s, | ||
| + | }); | ||
| + | | ||
| + | |||
| + | // 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(" | ||
| + | |||
| + | } | ||
| + | |||
| + | })(); | ||
| </ | </ | ||
| </ | </ | ||
| </ | </ | ||
simulateur.1777538856.txt.gz · Dernière modification : 2026/04/30 10:47 de nanaki
