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 RPG</title>

<style>
body {
    font-family: Arial;
    background:#0b1a13;
    color:#7dd3fc;
    padding:10px;
}

h1,h2 {
    color:gold;
}

.box {
    border:1px solid gold;
    padding:10px;
    margin-bottom:10px;
}

select {
    margin:3px;
    max-width:180px;
}

input {
    margin:3px;
    width:60px;
}

.statLine {
    display:flex;
    justify-content:space-between;
    max-width:260px;
}

.result {
    background:#000;
    color:#00ffcc;
    padding:10px;
    white-space:pre-wrap;
}

.small {
    font-size:12px;
    color:#aaa;
}

.equipStats {
    margin-left:5px;
}

.bonus {
    color:#00ff00;
}

.malus {
    color:#ff3333;
}

.special {
    color:#00ff00;
}
</style>
</head>

<body>

<h1>🎲 Simulateur</h1>

<div class="box">
    Race :
    <select id="race"></select>

    <h3>Stats de base</h3>
    <pre id="baseStats"></pre>
</div>

<div class="box">
    <h3>Améliorations</h3>
    <div id="stats"></div>
    <div id="cost"></div>
</div>

<div class="box">
    <h3>Équipement (3 max + 1 anneau)</h3>

    Tête
    <select id="head"></select>
    <span id="headStats" class="equipStats"></span>
    <br>

    Dos
    <select id="cape"></select>
    <span id="capeStats" class="equipStats"></span>
    <br>

    Main droite
    <select id="rightHand"></select>
    <span id="rightStats" class="equipStats"></span>
    <br>

    Main gauche
    <select id="leftHand"></select>
    <span id="leftStats" class="equipStats"></span>
    <br>

    Corps
    <select id="body"></select>
    <span id="bodyStats" class="equipStats"></span>
    <br>

    Anneau
    <select id="ring"></select>
    <span id="ringStats" class="equipStats"></span>
    <br>

    Pieds
    <select id="feet"></select>
    <span id="feetStats" class="equipStats"></span>

    <div id="limitWarn" style="color:red;"></div>
</div>

<div class="box">
    <h3>Passifs</h3>
    <div id="skills"></div>
</div>

<div class="box">
    <h3>Sorts actifs</h3>
    <div id="spells"></div>
    <div id="spellBonus" class="small"></div>
</div>

<div class="box">
    <h3>Simulateur de poussée</h3>

    Force assaillant
    <input id="pushF" type="number" value="10">

    Renforcement
    <select id="pushBuff">
        <option value="0">0</option>
        <option value="6">+6</option>
    </select>

    <br>

    Endurance
    <input id="pushE" type="number" value="5">

    Agilité
    <input id="pushAgi" type="number" value="5">

    <br>

    PV actuels
    <input id="pushPV" type="number" value="50">

    <br>

    Instabilité
    <select id="pushDebuff">
        <option value="0">0</option>
        <option value="-6">-6</option>
    </select>

    Stabilité
    <select id="pushStab">
        <option value="0">0</option>
        <option value="6">+6</option>
        <option value="12">+12</option>
        <option value="18">+18</option>
    </select>

    <pre id="pushResult" class="result"></pre>
</div>

<button onclick="resetAll()">Reset</button>
<button onclick="exportBuild()">📤 Export</button>
<button onclick="importBuild()">📥 Import</button>
<button onclick="copyLink()">🔗 Lien</button>

<pre id="result" class="result"></pre>


<script>

/* =========================================================
   RACES
========================================================= */

const races = {

    Elfe:{
        a:2,
        cc:9,
        ct:10,
        f:9,
        e:4,
        agi:9,
        p:5,
        mvt:5,
        pv:55,
        pm:30,
        r:4,
        rm:6,
        fm:8,
        pui:6,
        res:5
    },

    Nain:{
        a:2,
        cc:11,
        ct:8,
        f:11,
        e:6,
        agi:7,
        p:4,
        mvt:4,
        pv:60,
        pm:25,
        r:7,
        rm:5,
        fm:10,
        pui:4,
        res:3
    },

    Géant:{
        a:2,
        cc:9,
        ct:10,
        f:12,
        e:4,
        agi:8,
        p:4,
        mvt:5,
        pv:70,
        pm:30,
        r:6,
        rm:6,
        fm:6,
        pui:5,
        res:4
    },

    Olympien:{
        a:2,
        cc:10,
        ct:9,
        f:10,
        e:5,
        agi:9,
        p:4,
        mvt:5,
        pv:60,
        pm:30,
        r:5,
        rm:6,
        fm:7,
        pui:5,
        res:5
    },

    HS:{
        a:2,
        cc:8,
        ct:9,
        f:8,
        e:3,
        agi:11,
        p:5,
        mvt:6,
        pv:50,
        pm:40,
        r:3,
        rm:6,
        fm:9,
        pui:5,
        res:6
    }
};


/* =========================================================
   COUT DES AMELIORATIONS
========================================================= */

const costTable = {

    a:[800,200,100],

    cc:[100,50,30],
    ct:[110,50,30],

    f:[120,55,30],
    e:[120,55,30],

    agi:[95,45,25],

    pui:[110,55,35],
    res:[110,55,35],

    fm:[100,50,30],

    p:[110,85,78],

    pv:[4,2,1],
    pm:[5,3,1],

    mvt:[100,50,30],

    r:[40,30,15],
    rm:[50,40,20]
};


/* =========================================================
   EQUIPEMENTS
=========================================================

Règle :
- équipement normal = toutes les races
- équipement exo = uniquement la race indiquée dans "race"

Rappel :
R   = r
Rés = res
*/

const equipments = [

/* =========================
   COMMUN
========================= */

{
    name:"Bâton de marche",
    race:"all",
    slot:"rightHand",
    stats:{mvt:1}
},

{
    name:"Gladius",
    race:"all",
    slot:"rightHand",
    stats:{cc:1}
},

{
    name:"Sceptre",
    race:"all",
    slot:"rightHand",
    stats:{fm:1}
},

{
    name:"Fustibale",
    race:"all",
    slot:"rightHand",
    stats:{ct:1,cc:-2}
},

{
    name:"Arbalète de poing",
    race:"all",
    slot:"rightHand",
    stats:{f:12,ct:1}
},

{
    name:"Torche",
    race:"all",
    slot:"rightHand",
    stats:{cc:-2,f:-2,feu:true}
},

{
    name:"Lance barbelée",
    race:"all",
    slot:"rightHand",
    stats:{ct:1,f:1,cc:-1}
},

{
    name:"Lance",
    race:"all",
    slot:"rightHand",
    stats:{ct:1,cc:-1}
},

{
    name:"Rapière",
    race:"all",
    slot:"rightHand",
    stats:{cc:2,f:-1}
},

{
    name:"Arc",
    race:"all",
    slot:"rightHand",
    stats:{ct:1,cc:-1}
},

{
    name:"Arc long",
    race:"all",
    slot:"rightHand",
    stats:{ct:2,f:-1,cc:-2}
},

{
    name:"Bélier",
    race:"all",
    slot:"rightHand",
    stats:{demolition:10,cc:-2}
},

{
    name:"Pioche",
    race:"all",
    slot:"rightHand",
    stats:{demolition:5}
},

{
    name:"Catalyseur magique",
    race:"all",
    slot:"rightHand",
    stats:{magique:true,cc:-3,demolition:10}
},

{
    name:"Targe",
    race:"all",
    slot:"leftHand",
    stats:{cc:1,agi:-1}
},

{
    name:"Bouclier Parma",
    race:"all",
    slot:"leftHand",
    stats:{e:1,agi:-1}
},

{
    name:"Écu brillant",
    race:"all",
    slot:"leftHand",
    stats:{res:1,agi:-1}
},

{
    name:"Armure matelassée",
    race:"all",
    slot:"body",
    stats:{e:1,agi:-1}
},

{
    name:"Toge d'apprenti",
    race:"all",
    slot:"body",
    stats:{res:1,agi:-1}
},

{
    name:"Ceinture",
    race:"all",
    slot:"body",
    stats:{r:1}
},

{
    name:"Cape de chasse",
    race:"all",
    slot:"cape",
    stats:{ct:1}
},

{
    name:"Couronne d'adonis",
    race:"all",
    slot:"head",
    stats:{rm:1}
},

{
    name:"Visière",
    race:"all",
    slot:"head",
    stats:{p:1,cc:-1,fm:-1}
},

{
    name:"Collier tressé",
    race:"all",
    slot:"head",
    stats:{pv:5,pm:5}
},

{
    name:"Bottes de marche",
    race:"all",
    slot:"feet",
    stats:{mvt:1}
},

{
    name:"Sceptre de mage",
    race:"all",
    slot:"rightHand",
    stats:{pui:1,fm:1}
},

{
    name:"Sarbacane",
    race:"all",
    slot:"rightHand",
    stats:{ct:1,f:10,cc:-1}
},

{
    name:"Pierre Noire",
    race:"all",
    slot:"rightHand",
    stats:{f:1,cc:-1}
},


/* =========================
   OLYMPIENS
========================= */

{
    name:"Spatha",
    race:"Olympiens",
    slot:"rightHand",
    stats:{cc:1,f:1}
},

{
    name:"Lame sainte",
    race:"Olympiens",
    slot:"rightHand",
    stats:{cc:1,pui:1,magique:true}
},

{
    name:"Pilum",
    race:"Olympiens",
    slot:"rightHand",
    stats:{f:1,mvt:1,cc:-1}
},

{
    name:"Sceptre de puissance",
    race:"Olympiens",
    slot:"rightHand",
    stats:{pui:1,pm:8}
},

{
    name:"Gastraphète",
    race:"Olympiens",
    slot:"rightHand",
    stats:{f:15,ct:-2,cc:-1}
},

{
    name:"Bouclier Ancile",
    race:"Olympiens",
    slot:"leftHand",
    stats:{e:1,pv:5}
},

{
    name:"Armure Hoplitique",
    race:"Olympiens",
    slot:"body",
    stats:{e:1,res:1}
},

{
    name:"Lorica",
    race:"Olympiens",
    exo:true,
    slot:"body",
    stats:{e:1,res:1}
},

{
    name:"Cape de dueliste",
    race:"Olympiens",
    slot:"cape",
    stats:{cc:2,f:-1}
},

{
    name:"Diadème",
    race:"Olympiens",
    slot:"head",
    stats:{r:1,rm:2}
},

{
    name:"Tiare d'Oracle",
    race:"Olympiens",
    slot:"head",
    stats:{fm:1,p:1}
},

{
    name:"Cnémides",
    race:"Olympiens",
    slot:"feet",
    stats:{mvt:1,rm:1,r:1}
},


/* =========================
   ELFES
========================= */

{
    name:"Lance de garde Sylvestre",
    race:"Elfes",
    slot:"rightHand",
    stats:{cc:1,f:1}
},

{
    name:"Baton du Pelerin",
    race:"Elfes",
    slot:"rightHand",
    stats:{mvt:1,fm:1}
},

{
    name:"Charybde",
    race:"Elfes",
    slot:"rightHand",
    stats:{pui:2,e:-1}
},

{
    name:"Arc Ensorcelé",
    race:"Elfes",
    slot:"rightHand",
    stats:{ct:1,rm:2,cc:-1,magique:true}
},

{
    name:"Arc Elfique",
    race:"Elfes",
    exo:true,
    slot:"rightHand",
    stats:{ct:1,f:1,mvt:1,cc:-2}
},

{
    name:"Targe renforcée",
    race:"Elfes",
    slot:"leftHand",
    stats:{e:1,cc:1}
},

{
    name:"Cuirasse",
    race:"Elfes",
    slot:"body",
    stats:{res:1,r:2}
},

{
    name:"Armure de garde Sylvestre",
    race:"Elfes",
    exo:true,
    slot:"body",
    stats:{res:2,pm:-10}
},

{
    name:"Cape de feuillages",
    race:"Elfes",
    slot:"cape",
    stats:{fm:1,pv:5}
},

{
    name:"Marque Forestière",
    race:"Elfes",
    slot:"head",
    stats:{pm:10,r:1}
},

{
    name:"Capuche du chasseur",
    race:"Elfes",
    slot:"head",
    stats:{ct:1,r:1,rm:1}
},

{
    name:"Bottes Tâlroval",
    race:"Elfes",
    slot:"feet",
    stats:{mvt:2}
},


/* =========================
   NAINS
========================= */

{
    name:"Labrys",
    race:"Nains",
    slot:"rightHand",
    stats:{cc:1,f:1}
},

{
    name:"Hache runique",
    race:"Nains",
    slot:"rightHand",
    stats:{cc:1,fm:1}
},

{
    name:"Marteau runique",
    race:"Nains",
    slot:"rightHand",
    stats:{magique:true,pui:2}
},

{
    name:"Baton d'archimage",
    race:"Nains",
    slot:"rightHand",
    stats:{fm:1,pm:10}
},

{
    name:"Marteau de guerre",
    race:"Nains",
    slot:"rightHand",
    stats:{f:2,cc:-1}
},

{
    name:"Bouclier Miroir",
    race:"Nains",
    slot:"leftHand",
    stats:{res:1,pv:5}
},

{
    name:"Armure runique",
    race:"Nains",
    slot:"body",
    stats:{e:1,pm:8}
},

{
    name:"Cotte de mailles",
    race:"Nains",
    exo:true,
    slot:"body",
    stats:{e:2,esquive:-4}
},

{
    name:"Cape dorée",
    race:"Nains",
    exo:true,
    slot:"cape",
    stats:{res:1,mvt:1}
},

{
    name:"Casque grossissant",
    race:"Nains",
    slot:"head",
    stats:{ct:2,p:-1}
},

{
    name:"Casque de guerre",
    race:"Nains",
    slot:"head",
    stats:{pv:5,r:1,pm:5,rm:1}
},

{
    name:"Solerets",
    race:"Nains",
    slot:"feet",
    stats:{mvt:1,pm:5,pv:5}
},


/* =========================
   GEANTS
========================= */

{
    name:"Masse d'arme",
    race:"Géants",
    slot:"rightHand",
    stats:{cc:1,f:1}
},

{
    name:"Hallebarde de pierre",
    race:"Géants",
    slot:"rightHand",
    stats:{f:1,mvt:1}
},

{
    name:"Javelot lourd",
    race:"Géants",
    slot:"rightHand",
    stats:{f:2,ct:-1,cc:-1}
},

{
    name:"Pierre en fusion",
    race:"Géants",
    slot:"rightHand",
    stats:{magique:true,ct:-2,feu:true}
},

{
    name:"Baton de shaman",
    race:"Géants",
    exo:true,
    slot:"rightHand",
    stats:{fm:2}
},

{
    name:"Bouclier Clipeus",
    race:"Géants",
    slot:"leftHand",
    stats:{e:1,pv:10}
},

{
    name:"Peau de granit manifiée",
    race:"Géants",
    slot:"body",
    stats:{res:1,rm:2,esquive:-2}
},

{
    name:"Broigne",
    race:"Géants",
    exo:true,
    slot:"body",
    stats:{res:2,fm:-1}
},

{
    name:"Cape de l'arpenteur",
    race:"Géants",
    slot:"cape",
    stats:{cc:1,ct:1}
},

{
    name:"Fétiche de shaman",
    race:"Géants",
    slot:"head",
    stats:{r:2,pm:5}
},

{
    name:"Coiffe de rage",
    race:"Géants",
    slot:"head",
    stats:{cc:1,pv:5,r:1}
},

{
    name:"Bottes incandescentes",
    race:"Géants",
    slot:"feet",
    stats:{mvt:1,r:1,pv:5}
},


/* =========================
   HS
========================= */

{
    name:"Ceste",
    race:"HS",
    slot:"rightHand",
    stats:{f:1,cc:1}
},

{
    name:"Mains de mana",
    race:"HS",
    slot:"rightHand",
    stats:{magique:true,cc:2}
},

{
    name:"Baton de Sage",
    race:"HS",
    slot:"rightHand",
    stats:{pui:1,agi:1}
},

{
    name:"Orbe de mana",
    race:"HS",
    slot:"rightHand",
    stats:{pui:2,fm:-1}
},

{
    name:"Bouclier en lianes",
    race:"HS",
    slot:"leftHand",
    stats:{res:1,agi:1}
},

{
    name:"Manteau de feuillage",
    race:"HS",
    slot:"body",
    stats:{e:1,agi:1}
},

{
    name:"Armure de fourrure",
    race:"HS",
    exo:true,
    slot:"body",
    stats:{e:2,rm:-3}
},

{
    name:"Cape de mage",
    race:"HS",
    slot:"cape",
    stats:{fm:1,rm:1}
},

{
    name:"Collier d'apaisement",
    race:"HS",
    slot:"head",
    stats:{pv:10,pm:5}
},

{
    name:"Coiffe de rapace",
    race:"HS",
    slot:"head",
    stats:{ct:1,p:1}
},

{
    name:"Bottes griffues",
    race:"HS",
    exo:true,
    slot:"feet",
    stats:{cc:1,f:1,pv:5}
},

{
    name:"Bottes de voleur",
    race:"HS",
    slot:"feet",
    stats:{mvt:1,agi:1}
},


/* =========================
   LUTINS
========================= */

{
    name:"Anneau d'Horizon",
    race:"Lutin",
    slot:"ring",
    stats:{p:1}
},

{
    name:"Anneau de Caprice",
    race:"Lutin",
    slot:"ring",
    stats:{fm:1}
},

{
    name:"Anneau de Puissance",
    race:"Lutin",
    slot:"ring",
    stats:{pui:1}
},

{
    name:"Anneau de Férocité",
    race:"Lutin",
    slot:"ring",
    stats:{f:1}
},

{
    name:"Anneau de Résistance",
    race:"Lutin",
    slot:"ring",
    stats:{res:1}
},

{
    name:"Anneau d'Équilibre",
    race:"Lutin",
    slot:"ring",
    stats:{pv:5,pm:5}
},

{
    name:"Anneau de Finesse",
    race:"Lutin",
    slot:"ring",
    stats:{cc:1}
},

{
    name:"Anneau de Prétention",
    race:"Lutin",
    slot:"ring",
    stats:{ct:1}
},

{
    name:"Anneau de Tenacité",
    race:"Lutin",
    slot:"ring",
    stats:{e:1}
},

{
    name:"Anneau de Souplesse",
    race:"Lutin",
    slot:"ring",
    stats:{agi:1}
},

{
    name:"Bottes de 7 lieux",
    race:"Lutin",
    exo:true,
    slot:"feet",
    stats:{mvt:3}
}

];


/* =========================================================
   PASSIFS
========================================================= */

const skills = [

    {
        name:"Fulgurance",
        desc:"+1 toucher au cac + 1 esquive tous les 5 mouvements"
    },

    {
        name:"Couverture",
        desc:"85% CC / 15% AGI"
    },

    {
        name:"Réflexes fulgurants",
        desc:"85% AGI / 15% CC"
    },

    {
        name:"Berserker",
        desc:"+1 toucher au cac tous les 10 pv perdus"
    },

    {
        name:"Griffes",
        desc:"+3 dégâts au poings"
    },

    {
        name:"Anguille",
        desc:"Avantage esquive"
    }

];


/* =========================================================
   SORTS
========================================================= */

const spells = [

    {name:"Peau de granit",dex:0,prot:2},
    {name:"Coup précis",dex:2,prot:0},
    {name:"Maladresse",dex:-2,prot:0},
    {name:"Vulnérabilité",dex:0,prot:-2},
    {name:"Puissance de la nature",dex:2,prot:2},
    {name:"Aide",dex:4,prot:0},
    {name:"Malchance",dex:-4,prot:0},
    {name:"Fatigue",dex:0,prot:-4},
    {name:"Réflexes accrus",dex:0,prot:4},
    {name:"Bénédiction",dex:4,prot:4},
    {name:"Puissance du lutin capricieux",dex:-4,prot:-4},
    {name:"Exténuation",dex:0,prot:-8},
    {name:"Sauvegarde",dex:0,prot:8},
    {name:"Guigne",dex:-8,prot:0},
    {name:"Virtuose",dex:8,prot:0}

];


/* =========================================================
   INITIALISATION
========================================================= */

const raceSelect = document.getElementById("race");

for(const r in races){
    const o=document.createElement("option");
    o.value=r;
    o.textContent=r;
    raceSelect.appendChild(o);
}


/* =========================================================
   STATS AMELIORATIONS
========================================================= */

const statsDiv=document.getElementById("stats");

for(const stat in costTable){

    const line=document.createElement("div");
    line.className="statLine";

    const label=document.createElement("label");
    label.textContent=stat.toUpperCase();

    const input=document.createElement("input");
    input.type="number";
    input.id="up_"+stat;
    input.value=0;
    input.min=0;

    input.addEventListener("input",calculate);

    line.appendChild(label);
    line.appendChild(input);

    statsDiv.appendChild(line);
}


/* =========================================================
   PASSIFS
========================================================= */

const skillsDiv=document.getElementById("skills");

skills.forEach((s,i)=>{

    const label=document.createElement("label");

    const cb=document.createElement("input");
    cb.type="checkbox";
    cb.id="skill_"+i;

    cb.addEventListener("change",calculate);

    label.appendChild(cb);
    label.appendChild(
        document.createTextNode(" "+s.name+" — "+s.desc)
    );

    skillsDiv.appendChild(label);
    skillsDiv.appendChild(document.createElement("br"));
});


/* =========================================================
   SORTS
========================================================= */

const spellsDiv=document.getElementById("spells");

spells.forEach((s,i)=>{

    const label=document.createElement("label");

    const cb=document.createElement("input");
    cb.type="checkbox";
    cb.id="spell_"+i;

    cb.addEventListener("change",calculate);

    label.appendChild(cb);
    label.appendChild(
        document.createTextNode(
            " "+s.name+
            " (Dex "+s.dex+", Prot "+s.prot+")"
        )
    );

    spellsDiv.appendChild(label);
    spellsDiv.appendChild(document.createElement("br"));
});


/* =========================================================
   EQUIPEMENTS
========================================================= */

const head=document.getElementById("head");
const cape=document.getElementById("cape");
const rightHand=document.getElementById("rightHand");
const leftHand=document.getElementById("leftHand");
const body=document.getElementById("body");
const ring=document.getElementById("ring");
const feet=document.getElementById("feet");

const slots = {

    head:head,
    cape:cape,
    rightHand:rightHand,
    leftHand:leftHand,
    body:body,
    ring:ring,
    feet:feet

};


/* =========================================================
   REGLE D'EQUIPEMENT
=========================================================

Normal :
    toutes les races

Exo :
    uniquement la race propriétaire
*/

function canEquip(e,race){

    if(e.exo === true){
        return e.race === race;
    }

    return true;
}


/* =========================================================
   REMPLISSAGE DES EQUIPEMENTS
========================================================= */

function fillEquip(){

    const race=raceSelect.value;

    for(const key in slots){

        const select=slots[key];

        select.innerHTML="";

        const empty=document.createElement("option");
        empty.value="";
        empty.textContent="— Aucun —";
        select.appendChild(empty);

        equipments
            .filter(e => e.slot===key)
            .filter(e => canEquip(e,race))
            .forEach(e=>{

                const o=document.createElement("option");

                o.value=equipments.indexOf(e);

                o.textContent=
                    e.name +
                    (e.exo ? " (exo)" : "");

                select.appendChild(o);
            });

			select.onchange=()=>{

				const statIds = {
					head:"headStats",
					cape:"capeStats",
					rightHand:"rightStats",
					leftHand:"leftStats",
					body:"bodyStats",
					ring:"ringStats",
					feet:"feetStats"
				};

				displayStats(select,statIds[key]);

				checkLimit(key);
				calculate();
			};
    }

    displayAllEquipStats();
    checkLimit();
    calculate();
}


/* =========================================================
   AFFICHAGE DES CARACTERISTIQUES
========================================================= */

const statNames={

    f:"F",
    e:"E",

    agi:"Agi",

    cc:"CC",
    ct:"CT",
    fm:"FM",

    mvt:"Mvt",

    pv:"PV",
    pm:"PM",

    r:"R",
    res:"Rés",
    rm:"RM",

    p:"P",
    pui:"Pui",

    esquive:"Esquive",

    demolition:"Démolition",

    magique:"Magique",
    feu:"Feu"
};


function displayStats(select,id){

    const el=document.getElementById(id);

    if(!el){
        return;
    }

    const index=select.value;

    if(index===""){
        el.innerHTML="";
        return;
    }

    const e=equipments[Number(index)];

    if(!e){
        el.innerHTML="";
        return;
    }

    let html="";

    for(const [stat,value] of Object.entries(e.stats || {})){

        const name=statNames[stat] || stat;

        /* Booléens : Magique / Feu */
        if(value===true){

            html +=
                `<span class="special">${name}</span> `;

            continue;
        }

        if(value===false || value===0){
            continue;
        }

        if(value>0){

            html +=
                `<span class="bonus">+${value} ${name}</span> `;

        }else{

            html +=
                `<span class="malus">${value} ${name}</span> `;

        }
    }

    el.innerHTML=html;
}


function displayAllEquipStats(){

    displayStats(head,"headStats");
    displayStats(cape,"capeStats");
    displayStats(rightHand,"rightStats");
    displayStats(leftHand,"leftStats");
    displayStats(body,"bodyStats");
    displayStats(ring,"ringStats");
    displayStats(feet,"feetStats");
}


/* =========================================================
   LIMITE 3 EQUIPEMENTS + 1 ANNEAU
========================================================= */

function checkLimit(changedSlot = null){

    let count = 0;

    for(const key in slots){

        if(key === "ring"){
            continue;
        }

        if(slots[key].value !== ""){
            count++;
        }
    }

    const warn = document.getElementById("limitWarn");

    if(count > 3){

        // Si un équipement vient d'être ajouté,
        // on le retire immédiatement
        if(changedSlot && changedSlot !== "ring"){
            slots[changedSlot].value = "";
            displayStats(
                slots[changedSlot],
                changedSlot + "Stats"
            );
        }

        count--;

        warn.textContent =
            "⚠️ Maximum 3 équipements hors anneau.";

    }else{

        warn.textContent = "";
    }
}


/* =========================================================
   RESET DES EQUIPEMENTS
========================================================= */

function resetSlots(){

    for(const key in slots){

        slots[key].value="";
    }

    displayAllEquipStats();
    checkLimit();
}


/* =========================================================
   STATS DE BASE
========================================================= */

function displayBase(){

    const r=races[raceSelect.value];

    document.getElementById("baseStats").textContent =
        JSON.stringify(r,null,2);
}


/* =========================================================
   CALCUL DU COUT
========================================================= */

function calcCost(){

    let total=0;

    for(const stat in costTable){

        const input=document.getElementById("up_"+stat);

        if(!input){
            continue;
        }

        let level=parseInt(input.value)||0;

        const costs=costTable[stat];

        for(let i=0;i<level;i++){

            total +=
                costs[Math.min(i,costs.length-1)];
        }
    }

    return total;
}


function updateCost(){

    document.getElementById("cost").textContent =
        "Coût total : "+calcCost();
}


/* =========================================================
   CALCUL
========================================================= */

function calculate(){

    const race=races[raceSelect.value];

    if(!race){
        return;
    }

    updateCost();
    displayBase();

    /*
       Copie des stats raciales
    */

    const char={};

    for(const stat in race){

        char[stat]=race[stat];
    }


    /*
       Ajout des améliorations
    */

    for(const stat in costTable){

        const input=document.getElementById("up_"+stat);

        if(input){

            char[stat] =
                (char[stat]||0) +
                (parseInt(input.value)||0);
        }
    }


    /*
       Ajout équipement
    */

    for(const key in slots){

        const index=slots[key].value;

        if(index===""){
            continue;
        }

        const e=equipments[Number(index)];

        if(!e){
            continue;
        }

        for(const [stat,value] of Object.entries(e.stats||{})){

            if(typeof value==="number"){

                char[stat]=(char[stat]||0)+value;
            }
        }
    }


    /*
       Sorts actifs
    */

    let bestDex=0;
    let bestProt=0;

    let spellDetails=[];

    spells.forEach((s,i)=>{

        const cb=document.getElementById("spell_"+i);

        if(cb && cb.checked){

            bestDex=Math.max(bestDex,s.dex);
            bestProt=Math.max(bestProt,s.prot);

            spellDetails.push(s.name);
        }
    });


    document.getElementById("spellBonus").textContent =
        spellDetails.length
        ?
        "Sorts actifs : "+spellDetails.join(", ")+
        " | Bonus Dex : "+bestDex+
        " | Protection : "+bestProt
        :
        "";


    /*
       Dés de caractéristiques
    */

    const ccDice=char.cc*2;
    const ctDice=char.ct*2;
    const fmDice=char.fm*2;
    const agiDice=char.agi*2;


    /*
       Résultats principaux
    */

    let result="";


    result +=
        "=== PERSONNAGE ===\n\n";

    result +=
        "Force : "+char.f+"\n";

    result +=
        "Endurance : "+char.e+"\n";

    result +=
        "Agilité : "+char.agi+"\n";

    result +=
        "CC : "+char.cc+"\n";

    result +=
        "CT : "+char.ct+"\n";

    result +=
        "FM : "+char.fm+"\n";

    result +=
        "PV : "+char.pv+"\n";

    result +=
        "PM : "+char.pm+"\n";

    result +=
        "Mvt : "+char.mvt+"\n";

    result +=
        "R : "+char.r+"\n";

    result +=
        "Rés : "+char.res+"\n";

    result +=
        "RM : "+char.rm+"\n";

    result +=
        "P : "+char.p+"\n";

    result +=
        "Pui : "+char.pui+"\n";


    result +=
        "\n=== COMBAT ===\n\n";


    /*
       CC / CT / FM
    */

    const finalCC=ccDice+bestDex;
    const finalCT=ctDice+bestDex;
    const finalFM=fmDice+bestDex;


    result +=
        "Toucher CAC : "+finalCC+"\n";

    result +=
        "Toucher tir : "+finalCT+"\n";

    result +=
        "FM : "+finalFM+"\n";


    /*
       Tir selon distance
    */

    result +=
        "\n=== TIR ===\n\n";

    for(let cases=1;cases<=4;cases++){

        let ctDistance=finalCT;

        if(cases>2){

            ctDistance -=
                (cases-2)*3;
        }

        result +=
            cases+" case(s) : CT "+ctDistance+"\n";
    }


    /*
       Esquive CAC
    */

    let meleeDodge=
        Math.max(ccDice,agiDice)+bestProt;


    /*
       Fulgurance
    */

    const fulg=document.getElementById("skill_0");

    if(fulg && fulg.checked){

        meleeDodge += 1;
    }


    result +=
        "\n=== ESQUIVE CAC ===\n\n";

    result +=
        "Esquive : "+meleeDodge+"\n";


    /*
       Esquive tir
    */

    let rangedDodge;

    const couverture=
        document.getElementById("skill_1");

    const reflexes=
        document.getElementById("skill_2");

    if(couverture && couverture.checked){

        rangedDodge=
            Math.floor(
                (ccDice*0.85)+(agiDice*0.15)
            );

    }else if(reflexes && reflexes.checked){

        rangedDodge=
            Math.floor(
                (agiDice*0.85)+(ccDice*0.15)
            );

    }else{

        rangedDodge=
            Math.floor(
                (ccDice+agiDice)/2
            );
    }

    rangedDodge += bestProt;

    result +=
        "\n=== ESQUIVE TIR ===\n\n";

    result +=
        "Esquive : "+rangedDodge+"\n";


    /*
       Esquive magie
    */

    const magicDodge=
        fmDice+bestProt;

    result +=
        "\n=== ESQUIVE MAGIQUE ===\n\n";

    result +=
        "FM défensive : "+magicDodge+"\n";


    /*
       Seuils magie
    */

    const magicLevels=[
        12,
        18,
        24,
        30,
        36
    ];

    result +=
        "\n=== SEUILS MAGIE ===\n\n";

    magicLevels.forEach((threshold,i)=>{

        result +=
            "Niveau "+(i+1)+
            " : "+threshold+
            " → "+
            (finalFM>=threshold ? "OK" : "NON")+
            "\n";
    });


    document.getElementById("result").textContent=result;

    calculatePush();
}


/* =========================================================
   POUSSEE
========================================================= */

function calculatePush(){

    const F=
        parseInt(
            document.getElementById("pushF").value
        )||0;

    const buff=
        parseInt(
            document.getElementById("pushBuff").value
        )||0;

    const E=
        parseInt(
            document.getElementById("pushE").value
        )||0;

    const agi=
        parseInt(
            document.getElementById("pushAgi").value
        )||0;

    const pv=
        parseInt(
            document.getElementById("pushPV").value
        )||0;

    const instability=
        parseInt(
            document.getElementById("pushDebuff").value
        )||0;

    const stability=
        parseInt(
            document.getElementById("pushStab").value
        )||0;


    const attaque=
        F+buff;

    const defense=
        Math.max(E+4,agi)
        +(pv/10)
        +instability
        +stability;


    const result=
        "Attaque : "+attaque+
        "\nDéfense : "+defense;


    document.getElementById("pushResult").textContent=result;
}


/* =========================================================
   EVENEMENTS POUSSEE
========================================================= */

[
    "pushF",
    "pushBuff",
    "pushE",
    "pushAgi",
    "pushPV",
    "pushDebuff",
    "pushStab"
].forEach(id=>{

    document.getElementById(id)
        .addEventListener("input",calculatePush);

    document.getElementById(id)
        .addEventListener("change",calculatePush);
});


/* =========================================================
   RESET COMPLET
========================================================= */

function resetAll(){

    raceSelect.selectedIndex=0;

    for(const stat in costTable){

        const input=document.getElementById("up_"+stat);

        if(input){
            input.value=0;
        }
    }


    document
        .querySelectorAll(
            '#skills input[type="checkbox"], #spells input[type="checkbox"]'
        )
        .forEach(cb=>{
            cb.checked=false;
        });


    resetSlots();

    fillEquip();

    calculate();
}


/* =========================================================
   EXPORT
========================================================= */

function exportBuild(){

    const build={};

    build.race=raceSelect.value;

    build.stats={};

    for(const stat in costTable){

        build.stats[stat]=
            parseInt(
                document.getElementById("up_"+stat).value
            )||0;
    }


    build.equipment={};

    for(const key in slots){

        build.equipment[key]=
            slots[key].value;
    }


    build.skills=[];

    skills.forEach((s,i)=>{

        const cb=document.getElementById("skill_"+i);

        if(cb.checked){
            build.skills.push(s.name);
        }
    });


    build.spells=[];

    spells.forEach((s,i)=>{

        const cb=document.getElementById("spell_"+i);

        if(cb.checked){

            build.spells.push({
                dex:s.dex,
                prot:s.prot
            });
        }
    });


    const text=
        JSON.stringify(build,null,2);


    prompt(
        "Copie ton build :",
        text
    );
}


/* =========================================================
   IMPORT
========================================================= */

function importBuild(){

    const text=
        prompt("Colle ton build :");

    if(!text){
        return;
    }


    try{

        const build=
            JSON.parse(text);


        /*
           Race
        */

        if(build.race && races[build.race]){

            raceSelect.value=build.race;
        }


        /*
           Stats
        */

        if(build.stats){

            for(const stat in build.stats){

                const input=
                    document.getElementById("up_"+stat);

                if(input){

                    input.value=
                        build.stats[stat];
                }
            }
        }


        /*
           Recrée les listes d'équipements
        */

        fillEquip();


        /*
           Equipements

           On essaye d'abord de retrouver
           l'équipement par son index.
        */

        if(build.equipment){

            for(const key in build.equipment){

                if(!slots[key]){
                    continue;
                }

                const wanted=
                    build.equipment[key];

                if(wanted==="" || wanted===null){
                    continue;
                }

                /*
                   Ancien format : index
                */

                if(
                    equipments[wanted] &&
                    canEquip(
                        equipments[wanted],
                        raceSelect.value
                    )
                ){

                    slots[key].value=wanted;
                    continue;
                }


                /*
                   Nouveau format éventuel :
                   nom de l'objet
                */

                const found=
                    equipments.findIndex(e =>
                        e.name===wanted &&
                        e.slot===key &&
                        canEquip(
                            e,
                            raceSelect.value
                        )
                    );

                if(found>=0){

                    slots[key].value=found;
                }
            }
        }


        /*
           Passifs
        */

        document
            .querySelectorAll(
                '#skills input[type="checkbox"]'
            )
            .forEach(cb=>{
                cb.checked=false;
            });


        if(Array.isArray(build.skills)){

            build.skills.forEach(name=>{

                const index=
                    skills.findIndex(
                        s=>s.name===name
                    );

                if(index>=0){

                    document.getElementById(
                        "skill_"+index
                    ).checked=true;
                }
            });
        }


        /*
           Sorts
        */

        document
            .querySelectorAll(
                '#spells input[type="checkbox"]'
            )
            .forEach(cb=>{
                cb.checked=false;
            });


        if(Array.isArray(build.spells)){

            build.spells.forEach(spell=>{

                const index=
                    spells.findIndex(
                        s =>
                            s.dex===spell.dex &&
                            s.prot===spell.prot
                    );

                if(index>=0){

                    document.getElementById(
                        "spell_"+index
                    ).checked=true;
                }
            });
        }


        displayAllEquipStats();
        checkLimit();
        calculate();


    }catch(err){

        alert(
            "Erreur lors de l'import : "+
            err.message
        );
    }
}


/* =========================================================
   LIEN
========================================================= */

function copyLink(){

    const build={};

    build.race=raceSelect.value;

    build.stats={};

    for(const stat in costTable){

        build.stats[stat]=
            parseInt(
                document.getElementById("up_"+stat).value
            )||0;
    }


    build.equipment={};

    for(const key in slots){

        const index=slots[key].value;

        if(index===""){

            build.equipment[key]="";

        }else{

            /*
               On sauvegarde le nom plutôt que l'index.
               Cela évite que les liens cassent si
               l'ordre des équipements change.
            */

            build.equipment[key]=
                equipments[Number(index)]
                ? equipments[Number(index)].name
                : "";
        }
    }


    build.skills=[];

    skills.forEach((s,i)=>{

        if(
            document.getElementById("skill_"+i).checked
        ){

            build.skills.push(s.name);
        }
    });


    build.spells=[];

    spells.forEach((s,i)=>{

        if(
            document.getElementById("spell_"+i).checked
        ){

            build.spells.push({
                dex:s.dex,
                prot:s.prot
            });
        }
    });


    const encoded=
        btoa(
            unescape(
                encodeURIComponent(
                    JSON.stringify(build)
                )
            )
        );


    const url=
        location.origin+
        location.pathname+
        "?build="+
        encodeURIComponent(encoded);


    navigator.clipboard.writeText(url)
        .then(()=>{

            alert(
                "Lien copié dans le presse-papiers."
            );

        })
        .catch(()=>{

            prompt(
                "Copie ce lien :",
                url
            );
        });
}


/* =========================================================
   CHARGEMENT D'UN BUILD DEPUIS L'URL
========================================================= */

function loadBuildFromUrl(){

    const params=
        new URLSearchParams(
            location.search
        );

    const encoded=
        params.get("build");

    if(!encoded){
        return;
    }


    try{

        const json=
            decodeURIComponent(
                escape(
                    atob(
                        decodeURIComponent(encoded)
                    )
                )
            );


        const build=
            JSON.parse(json);


        if(build.race && races[build.race]){

            raceSelect.value=
                build.race;
        }


        fillEquip();


        /*
           Stats
        */

        if(build.stats){

            for(const stat in build.stats){

                const input=
                    document.getElementById(
                        "up_"+stat
                    );

                if(input){

                    input.value=
                        build.stats[stat];
                }
            }
        }


        /*
           Equipements par nom
        */

        if(build.equipment){

            for(const key in build.equipment){

                if(!slots[key]){
                    continue;
                }

                const name=
                    build.equipment[key];

                if(!name){
                    continue;
                }

                const index=
                    equipments.findIndex(e =>
                        e.name===name &&
                        e.slot===key &&
                        canEquip(
                            e,
                            raceSelect.value
                        )
                    );

                if(index>=0){

                    slots[key].value=
                        index;
                }
            }
        }


        /*
           Passifs
        */

        if(Array.isArray(build.skills)){

            build.skills.forEach(name=>{

                const index=
                    skills.findIndex(
                        s=>s.name===name
                    );

                if(index>=0){

                    document.getElementById(
                        "skill_"+index
                    ).checked=true;
                }
            });
        }


        /*
           Sorts
        */

        if(Array.isArray(build.spells)){

            build.spells.forEach(spell=>{

                const index=
                    spells.findIndex(
                        s =>
                            s.dex===spell.dex &&
                            s.prot===spell.prot
                    );

                if(index>=0){

                    document.getElementById(
                        "spell_"+index
                    ).checked=true;
                }
            });
        }


        displayAllEquipStats();
        checkLimit();
        calculate();


    }catch(err){

        console.error(
            "Impossible de charger le build :",
            err
        );
    }
}


/* =========================================================
   CHANGEMENT DE RACE
========================================================= */

raceSelect.addEventListener(
    "change",
    ()=>{
        fillEquip();
        displayBase();
        calculate();
    }
);


/* =========================================================
   INITIALISATION
========================================================= */

fillEquip();
displayBase();
calculatePush();
loadBuildFromUrl();

</script>

</body>
</html>