Wiki of Olympia

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
<html>
<head>
<meta charset="UTF-8">
<title>Simulateur Build</title>

<style>
body{font-family:Arial;background:#1e1e1e;color:#eee;padding:20px}
select,input{margin:5px;width:220px}
.box{background:#2a2a2a;padding:10px;margin-top:10px;border-radius:6px}
label{display:inline-block;width:120px}
.stat{color:#8fd}
button{margin:5px;padding:6px 10px}
</style>
</head>

<body>

<h1>Simulateur Build</h1>

<h2>Race</h2>
<select id="race">
<option>Elfe</option>
<option>Nain</option>
<option>Géant</option>
<option>Olympien</option>
<option>HS</option>
</select>

<h2>Équipement</h2>
<div class="box">

<label>Tête</label><select id="head"></select><span id="headStats" class="stat"></span><br>
<label>Dos</label><select id="cape"></select><span id="capeStats" class="stat"></span><br>
<label>Corps</label><select id="body"></select><span id="bodyStats" class="stat"></span><br>
<label>Main droite</label><select id="right"></select><span id="rightStats" class="stat"></span><br>
<label>Main gauche</label><select id="left"></select><span id="leftStats" class="stat"></span><br>
<label>Pieds</label><select id="feet"></select><span id="feetStats" class="stat"></span><br>
<label>Anneau</label><select id="ring"></select><span id="ringStats" class="stat"></span><br>

<div id="equipCount"></div>
</div>

<h2>Passifs</h2>
<select id="passives" multiple size="6"></select>

<h2>Investissement stats</h2>
<div class="box">
CC <input type="number" id="ccUp" value="0"><br>
CT <input type="number" id="ctUp" value="0"><br>
F <input type="number" id="fUp" value="0"><br>
E <input type="number" id="eUp" value="0"><br>
AGI <input type="number" id="agiUp" value="0"><br>
FM <input type="number" id="fmUp" value="0"><br>
M <input type="number" id="mUp" value="0"><br>
PV <input type="number" id="pvUp" value="0"><br>
</div>

<div class="box">
<h2>Résultats</h2>
<div id="result"></div>
</div>

<div class="box">
<h2>Sauvegarde</h2>
<button onclick="saveBuild()">💾 Sauvegarder</button>
<button onclick="loadBuild()">📂 Charger</button><br><br>

<button onclick="generateLink()">🔗 Lien</button><br>
<input id="shareLink" readonly>
</div>

<script>

/* ===== RACES ===== */
const races = {
Elfe:{cc:9,ct:10,f:9,e:4,agi:9,fm:8},
Nain:{cc:11,ct:8,f:11,e:6,agi:6,fm:10},
Géant:{cc:9,ct:10,f:12,e:4,agi:7,fm:6},
Olympien:{cc:10,ct:9,f:10,e:5,agi:8,fm:7},
HS:{cc:8,ct:9,f:7,e:3,agi:11,fm:9}
};

/* ===== EQUIPEMENTS ===== */
const equipments = [
{name:"Rien",slot:"all"},
{name:"Gladius",slot:"weapon",stats:{cc:1}},
{name:"Lance elfique",slot:"weapon",stats:{cc:1,f:1}},
{name:"Arc long",slot:"weapon2h",stats:{ct:2,cc:-2}},
{name:"Bouclier",slot:"offhand",stats:{cc:1}},
{name:"Armure sylvestre",slot:"body",stats:{e:2}},
{name:"Cape de chasse",slot:"cape",stats:{ct:1}},
{name:"Bottes rapides",slot:"feet",stats:{agi:1}},
{name:"Anneau puissance",slot:"ring",stats:{m:1}}
];

/* ===== PASSIFS ===== */
const passives = [
{name:"Fulgurance",effect:(s)=>{s.cc+=1;s.agi+=1}},
{name:"Couverture",effect:(s)=>{s.cover=true}},
{name:"Anguille",effect:(s)=>{s.agi+=2}},
{name:"Duelliste",effect:(s)=>{s.cc+=2}},
{name:"Maître bretteur",effect:(s)=>{s.cc+=1}},
{name:"Inépuisable",effect:(s)=>{}}
];

/* ===== COSTS ===== */
const costs = {
cc:[100,50,30],
ct:[110,50,30],
f:[120,55,30],
e:[120,55,30],
agi:[95,45,25],
fm:[100,50,30],
m:[110,55,35],
pv:[4,2,1]
};

/* ===== SELECT ===== */
const race = document.getElementById("race");
const passivesSelect = document.getElementById("passives");

const slots = {
head:document.getElementById("head"),
cape:document.getElementById("cape"),
body:document.getElementById("body"),
right:document.getElementById("right"),
left:document.getElementById("left"),
feet:document.getElementById("feet"),
ring:document.getElementById("ring")
};

/* ===== INIT ===== */
function initEquip(){
Object.values(slots).forEach(s=>s.innerHTML=`<option value="">-- Aucun --</option>`);

equipments.forEach((e,i)=>{
if(e.slot==="weapon"||e.slot==="weapon2h")
slots.right.innerHTML+=`<option value="${i}">${e.name}</option>`;
if(e.slot==="offhand")
slots.left.innerHTML+=`<option value="${i}">${e.name}</option>`;
if(e.slot==="body")
slots.body.innerHTML+=`<option value="${i}">${e.name}</option>`;
if(e.slot==="cape")
slots.cape.innerHTML+=`<option value="${i}">${e.name}</option>`;
if(e.slot==="feet")
slots.feet.innerHTML+=`<option value="${i}">${e.name}</option>`;
if(e.slot==="ring")
slots.ring.innerHTML+=`<option value="${i}">${e.name}</option>`;
});
}

function initPassives(){
passives.forEach((p,i)=>{
let o=document.createElement("option");
o.value=i;o.textContent=p.name;
passivesSelect.appendChild(o);
});
}

/* ===== BONUS AFFICHAGE ===== */
function displayItemStats(){
Object.entries(slots).forEach(([k,s])=>{
let item=equipments[s.value];
let target=document.getElementById(k+"Stats");
if(!item||!item.stats){target.innerHTML="";return;}
target.innerHTML="👉 "+Object.entries(item.stats)
.map(([a,v])=>a+" "+(v>0?"+":"")+v).join(" | ");
});
}

/* ===== LIMITE ===== */
function checkLimit(){
let count=0,ring=0;
Object.entries(slots).forEach(([k,s])=>{
if(!s.value)return;
if(k==="ring")ring++;else count++;
});
document.getElementById("equipCount").innerHTML=`Objets ${count}/3 | Anneau ${ring}/1`;
return count<=3&&ring<=1;
}

/* ===== 2 MAINS ===== */
slots.right.addEventListener("change",()=>{
let item=equipments[slots.right.value];
if(item&&item.slot==="weapon2h"){
slots.left.disabled=true;
slots.left.innerHTML="<option>Bloqué</option>";
}else{
slots.left.disabled=false;
initEquip();
}
});

/* ===== COST CALC ===== */
function calcCost(b,m1,m2,n){
let cost=0,last=b;
for(let i=1;i<=n;i++){
if(i===1) last=b;
else if(i<=3) last+=m1;
else last+=m2;
cost+=last;
}
return cost;
}

function totalPI(){
return calcCost(...costs.cc,ccUp.value)
+calcCost(...costs.ct,ctUp.value)
+calcCost(...costs.f,fUp.value)
+calcCost(...costs.e,eUp.value)
+calcCost(...costs.agi,agiUp.value)
+calcCost(...costs.fm,fmUp.value)
+calcCost(...costs.m,mUp.value)
+calcCost(...costs.pv,pvUp.value);
}

/* ===== CALCUL ===== */
function ctRange(ct,d){
return d<=2?ct:ct-(d-2)*3;
}

function dodge(cc,agi){
return Math.max(
Math.floor(cc*0.75+agi*0.25),
Math.floor(cc*0.25+agi*0.75)
);
}

/* ===== UPDATE ===== */
function update(){

if(!checkLimit()) return;

displayItemStats();

let s={...races[race.value]};

Object.values(slots).forEach(sel=>{
let item=equipments[sel.value];
if(item&&item.stats){
Object.entries(item.stats).forEach(([k,v])=>{
s[k]=(s[k]||0)+v;
});
}
});

[...passivesSelect.selectedOptions].forEach(o=>{
passives[o.value].effect(s);
});

document.getElementById("result").innerHTML=`
CC: ${s.cc}<br>
FM: ${s.fm}<br><br>
CT:<br>
1 case: ${ctRange(s.ct,1)}<br>
2 cases: ${ctRange(s.ct,2)}<br>
3 cases: ${ctRange(s.ct,3)}<br>
4 cases: ${ctRange(s.ct,4)}<br><br>
Esquive tir: ${dodge(s.cc,s.agi)}<br><br>
💰 PI: ${totalPI()}
`;
}

/* ===== SAVE ===== */
function saveBuild(){
let data={race:race.value,equip:{},passives:[...passivesSelect.selectedOptions].map(o=>o.value)};
Object.entries(slots).forEach(([k,s])=>data.equip[k]=s.value);
localStorage.setItem("build",JSON.stringify(data));
}

/* ===== LOAD ===== */
function loadBuild(){
let data=JSON.parse(localStorage.getItem("build"));
if(!data)return;
race.value=data.race;
Object.entries(data.equip).forEach(([k,v])=>slots[k].value=v);
[...passivesSelect.options].forEach(o=>o.selected=data.passives.includes(o.value));
update();
}

/* ===== SHARE ===== */
function generateLink(){
let data={race:race.value,equip:{},passives:[...passivesSelect.selectedOptions].map(o=>o.value)};
Object.entries(slots).forEach(([k,s])=>data.equip[k]=s.value);
document.getElementById("shareLink").value=location.href.split("?")[0]+"?b="+btoa(JSON.stringify(data));
}

/* ===== INIT ===== */
document.querySelectorAll("select,input").forEach(e=>e.addEventListener("change",update));

initEquip();
initPassives();
update();

</script>

</body>
</html>