simulateur
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
| simulateur [2026/04/29 20:30] – créée nanaki | simulateur [2026/05/01 10:18] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | < | + | Voici un simulateur en version beta, n' |
| < | < | ||
| < | < | ||
| Ligne 31: | Ligne 32: | ||
| .result { | .result { | ||
| - | background:# | + | background:# |
| + | color:# | ||
| padding: | padding: | ||
| + | white-space: | ||
| + | } | ||
| + | |||
| + | .small { | ||
| + | font-size: | ||
| + | color:#aaa; | ||
| } | } | ||
| </ | </ | ||
| Ligne 75: | Ligne 83: | ||
| </ | </ | ||
| - | <button onclick=" | + | <button onclick=" |
| <pre id=" | <pre id=" | ||
| Ligne 83: | Ligne 91: | ||
| // ===== RACES ===== | // ===== RACES ===== | ||
| const races = { | const races = { | ||
| - | Elfe: | + | Elfe: |
| - | Nain: | + | Nain: |
| - | Géant: | + | Géant: |
| - | Olympien: | + | Olympien: |
| - | HS: | + | HS: |
| }; | }; | ||
| // ===== COST ===== | // ===== COST ===== | ||
| const costTable = { | const costTable = { | ||
| + | a: | ||
| cc: | cc: | ||
| f: | f: | ||
| Ligne 107: | Ligne 116: | ||
| // ===== PASSIFS ===== | // ===== PASSIFS ===== | ||
| const skills = [ | const skills = [ | ||
| - | " | + | {name:" |
| - | "Anguille"," | + | {name:"Couverture", |
| + | {name:"Réflexes fulgurants",desc:"85% AGI / 15% CC"}, | ||
| + | {name:"Berserker", | ||
| + | {name:" | ||
| + | {name:" | ||
| ]; | ]; | ||
| - | // ===== ÉQUIPEMENTS ===== | ||
| const equipments = [ | const equipments = [ | ||
| Ligne 133: | Ligne 145: | ||
| {name:" | {name:" | ||
| {name:" | {name:" | ||
| + | |||
| + | /* ===== NOUVEAUX COMMUNS ===== */ | ||
| + | |||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| + | {name:" | ||
| /* ================= ELFES ================= */ | /* ================= ELFES ================= */ | ||
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| + | |||
| + | // spécifique elfe | ||
| + | {name:" | ||
| /* ================= NAINS ================= */ | /* ================= NAINS ================= */ | ||
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| + | |||
| + | // spécifiques nains | ||
| + | {name:" | ||
| + | {name:" | ||
| /* ================= GÉANTS ================= */ | /* ================= GÉANTS ================= */ | ||
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| {name:" | {name:" | ||
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| + | |||
| + | // spécifique géant | ||
| + | {name:" | ||
| /* ================= HS ================= */ | /* ================= HS ================= */ | ||
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| + | |||
| + | // spécifiques HS | ||
| + | {name:" | ||
| + | {name:" | ||
| /* ================= OLYMPIENS ================= */ | /* ================= OLYMPIENS ================= */ | ||
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| - | {name:" | + | {name:" |
| + | |||
| + | // spécifique olympien | ||
| + | {name:" | ||
| /* ================= ANNEAUX ================= */ | /* ================= ANNEAUX ================= */ | ||
| Ligne 206: | Ligne 242: | ||
| ]; | ]; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| // ===== INIT ===== | // ===== INIT ===== | ||
| Ligne 216: | Ligne 248: | ||
| const baseDiv = document.getElementById(" | const baseDiv = document.getElementById(" | ||
| - | // races | ||
| for(let r in races){ | for(let r in races){ | ||
| raceSelect.innerHTML += `< | raceSelect.innerHTML += `< | ||
| Ligne 222: | Ligne 253: | ||
| // stats UI | // stats UI | ||
| - | const statOrder = [" | + | for(let s in costTable){ |
| - | const statNames = { | + | |
| - | cc:" | + | |
| - | agi:" | + | |
| - | p:" | + | |
| - | mvt:" | + | |
| - | }; | + | |
| - | + | ||
| - | statOrder.forEach(s=>{ | + | |
| statsDiv.innerHTML += ` | statsDiv.innerHTML += ` | ||
| <div class=" | <div class=" | ||
| - | < | + | < |
| <input type=" | <input type=" | ||
| </ | </ | ||
| - | }); | + | } |
| // passifs | // passifs | ||
| skills.forEach(s=> | skills.forEach(s=> | ||
| - | document.getElementById(" | + | document.getElementById(" |
| + | < | ||
| + | <input type=" | ||
| + | <b>${s.name}</ | ||
| + | <span class=" | ||
| + | </ | ||
| }); | }); | ||
| Ligne 247: | Ligne 275: | ||
| baseDiv.textContent = JSON.stringify(races[raceSelect.value], | baseDiv.textContent = JSON.stringify(races[raceSelect.value], | ||
| } | } | ||
| - | |||
| raceSelect.addEventListener(" | raceSelect.addEventListener(" | ||
| displayBase(); | displayBase(); | ||
| Ligne 253: | Ligne 280: | ||
| // ===== COST ===== | // ===== COST ===== | ||
| function calcCost(b, | function calcCost(b, | ||
| - | let total=0, last=b; | + | let total=0, |
| for(let i=1; | for(let i=1; | ||
| if(i===1) last=b; | if(i===1) last=b; | ||
| Ligne 261: | Ligne 288: | ||
| } | } | ||
| return total; | 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(" | ||
| } | } | ||
| // ===== SLOTS ===== | // ===== SLOTS ===== | ||
| - | const head = document.getElementById(" | + | const slots = { |
| - | const neck = document.getElementById(" | + | head:head,neck:neck,cape:cape,rightHand:rightHand, |
| - | const cape = document.getElementById(" | + | leftHand:leftHand,body:body,ring:ring,feet:feet |
| - | const rightHand | + | }; |
| - | const leftHand | + | |
| - | const body = document.getElementById(" | + | |
| - | const ring = document.getElementById(" | + | |
| - | const feet = document.getElementById(" | + | |
| - | // reset slots | ||
| function resetSlots(){ | function resetSlots(){ | ||
| - | [head, | + | Object.values(slots).forEach(s=>s.innerHTML="<option value='' |
| - | sel.innerHTML = `<option value="" | + | |
| - | }); | + | |
| } | } | ||
| - | // remplir équipements | ||
| function fillEquip(){ | function fillEquip(){ | ||
| - | let r = raceSelect.value; | + | let r=raceSelect.value; |
| equipments.forEach((e, | equipments.forEach((e, | ||
| + | if(e.race!==" | ||
| - | if(e.race !== "all" | + | if(e.slot==="weapon"||e.slot===" |
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | if(e.slot===" | ||
| + | }); | ||
| + | } | ||
| - | // main droite | + | raceSelect.addEventListener("change",()=>{ |
| - | if(e.slot==="weapon" | + | resetSlots(); |
| - | rightHand.innerHTML += `<option value=" | + | fillEquip(); |
| + | autoCalculate(); | ||
| + | }); | ||
| - | // main gauche | + | resetSlots(); |
| - | if(e.slot===" | + | fillEquip(); |
| - | leftHand.innerHTML += `<option value=" | + | |
| - | // corps | + | // ===== BONUS ===== |
| - | if(e.slot==="body") | + | function displayStats(select, |
| - | body.innerHTML | + | let v=select.value; |
| + | let el=document.getElementById(id); | ||
| + | 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; | ||
| + | } | ||
| - | // tête | + | const slotToStatId |
| - | if(e.slot==="head") | + | head:"headStats", |
| - | head.innerHTML += `<option value="${i}"> | + | neck:"neckStats", |
| + | cape:" | ||
| + | rightHand:" | ||
| + | leftHand:" | ||
| + | body:" | ||
| + | ring:" | ||
| + | feet:" | ||
| + | }; | ||
| - | // cou | + | Object.entries(slots).forEach(([k, |
| - | if(e.slot===" | + | s.addEventListener("change",()=>{ |
| - | neck.innerHTML += `<option value="${i}">${e.name}</ | + | displayStats(s, |
| + | checkLimit(); | ||
| + | autoCalculate(); | ||
| + | }); | ||
| + | }); | ||
| - | // dos | + | // ===== LIMIT ===== |
| - | if(e.slot===" | + | function checkLimit(){ |
| - | cape.innerHTML += `<option value=" | + | let count=0; |
| - | + | Object.entries(slots).forEach(([k, | |
| - | // pieds | + | if(k!==" |
| - | if(e.slot===" | + | }); |
| - | feet.innerHTML += `<option value=" | + | |
| - | + | ||
| - | // anneau | + | |
| - | if(e.slot===" | + | |
| - | ring.innerHTML += `< | + | |
| + | if(count> | ||
| + | limitWarn.innerText=" | ||
| + | Object.entries(slots).forEach(([k, | ||
| + | if(k!==" | ||
| }); | }); | ||
| + | }else{ | ||
| + | limitWarn.innerText=""; | ||
| + | Object.values(slots).forEach(s=> | ||
| + | } | ||
| } | } | ||
| - | head.addEventListener(" | + | // ===== CALCUL ===== |
| - | neck.addEventListener(" | + | function calculate(){ |
| - | cape.addEventListener(" | + | |
| - | rightHand.addEventListener(" | + | |
| - | leftHand.addEventListener(" | + | |
| - | body.addEventListener(" | + | |
| - | ring.addEventListener(" | + | |
| - | feet.addEventListener(" | + | |
| - | // update race | + | let char={...races[raceSelect.value]}; |
| - | raceSelect.addEventListener(" | + | |
| - | resetSlots(); | + | // stats investies |
| - | fillEquip(); | + | 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==="" | ||
| + | let e=equipments[sel.value]; | ||
| + | for(let s in e.stats){ | ||
| + | char[s]=(char[s]||0)+e.stats[s]; | ||
| + | } | ||
| }); | }); | ||
| - | // init | + | // ===== ESQUIVE ===== |
| - | resetSlots(); | + | let esquive=Math.round(char.agi*0.75+char.cc*0.25); |
| - | fillEquip(); | + | |
| + | let checked=[...document.querySelectorAll(" | ||
| - | // ===== AFFICHAGE BONUS ÉQUIPEMENT ===== | + | if(checked.includes(" |
| - | function displayStats(select, targetId){ | + | esquive=Math.round(char.agi*0.85+char.cc*0.15); |
| - | let id = select.value; | + | |
| - | let target = document.getElementById(targetId); | + | |
| - | | + | if(checked.includes("Couverture")) |
| - | | + | esquive=Math.round(char.cc*0.85+char.agi*0.15); |
| - | return; | + | |
| - | } | + | |
| - | let item = equipments[id]; | + | if(checked.includes(" |
| + | esquive+=1; | ||
| - | let txt = "< | + | // ===== MAGIE ===== |
| + | let jetFM = char.fm * 2; | ||
| - | | + | let sorts = ""; |
| - | let val = item.stats[stat]; | + | for(let |
| + | let seuil = 6 + 6 * lvl; | ||
| + | let reussite = jetFM >= seuil ? " | ||
| - | if(val > 0){ | + | sorts += `Niveau |
| - | txt += `+${val} ${stat.toUpperCase()} `; | + | } |
| - | } else { | + | |
| - | txt += `<span style=" | + | |
| - | } | + | |
| - | | + | |
| - | txt += "</ | + | // ===== AFFICHAGE ===== |
| + | result.textContent = | ||
| + | "===== STATS =====\n"+ | ||
| + | JSON.stringify(char, | ||
| - | if(item.magicBlock){ | + | " |
| - | | + | " |
| - | } | + | "\n✨ FM : "+char.fm+ |
| + | " | ||
| - | target.innerHTML | + | "\n\n===== MAGIE =====\n" |
| + | "Jet FM (x2) : " | ||
| + | sorts; | ||
| } | } | ||
| + | // ===== AUTO ===== | ||
| + | function autoCalculate(){ | ||
| + | updateCost(); | ||
| + | calculate(); | ||
| + | } | ||
| - | // ===== CALCUL ===== | + | // events stats |
| - | function calculate(){ | + | document.querySelectorAll("# |
| + | i.addEventListener(" | ||
| + | }); | ||
| - | let char = {...races[raceSelect.value]}; | + | // passifs |
| - | let totalPI = 0; | + | document.querySelectorAll(" |
| + | s.addEventListener(" | ||
| + | }); | ||
| - | // stats | + | // ===== RESET ===== |
| - | for(let s in costTable){ | + | function resetAll(){ |
| - | let v = +document.getElementById(s).value || 0; | + | |
| - | char[s]+=v; | + | |
| - | let [b,m1,m2]=costTable[s]; | + | |
| - | totalPI += calcCost(b,m1,m2,v); | + | |
| - | } | + | |
| - | // résumé | + | document.querySelectorAll("# |
| - | let esquive = Math.round(char.agi*0.75 + char.cc*0.25); | + | |
| - | result.textContent = | + | Object.values(slots).forEach(s=> |
| - | JSON.stringify(char,null,2) | + | s.value="" |
| - | + " | + | s.disabled=false; |
| - | + "\n⚔ CC : "+char.cc | + | }); |
| - | + " | + | |
| - | + "\n✨ FM : "+char.fm | + | |
| - | + " | + | |
| + | document.querySelectorAll(" | ||
| + | |||
| + | resetSlots(); | ||
| + | fillEquip(); | ||
| + | displayBase(); | ||
| + | checkLimit(); | ||
| + | autoCalculate(); | ||
| } | } | ||
| - | </script> | + | // init |
| + | autoCalculate(); | ||
| + | </ | ||
| </ | </ | ||
| </ | </ | ||
simulateur.1777487437.txt.gz · Dernière modification : 2026/04/29 20:30 de nanaki
