MSJSAboulinBarraux/app.js

let bac = 1000
let joueur = 100
let mise

const bacDom = document.getElementById("banque_score")
const joueurDom = document.getElementById("joueur_score")
const tirageDom = document.getElementById("tirage")
bacDom.innerText = bac
joueurDom.innerText = joueur

function nbAlea(){
    return Math.floor(Math.random()*9);
}

// Anime les rouleaux
function rotate(rouleau, angle){
    let i = 0;
    let id = setInterval(() => {
        if (i >= angle) clearInterval(id);
        else {
            i += 9;
            rouleau.style.transform = 'rotate3d(1,0,0,'+i+'deg)';
        }
    }, 5);
}


// Anime la tirette
function tirette(){
    let i = 0;
    let id = setInterval(() => {
        if (i > 360) clearInterval(id);
        else {
            if (i > 180){
                document.getElementById('tirette').style.transform = 'rotate3d(1,0,0,'+(360-i)+'deg)';
            }
            else {
                document.getElementById('tirette').style.transform = 'rotate3d(1,0,0,'+i+'deg)';
            }
            i += 9;
        }
    }, 20);
}

function tirage(){
    let numbers = [nbAlea()+1, nbAlea()+1, nbAlea()+1]
    console.log(numbers)
    rotate(document.getElementsByClassName("cube")[0], Math.floor(Math.random() * 15)*360+(numbers[0]-1)*36)
    rotate(document.getElementsByClassName("cube")[1], Math.floor(Math.random() * 15)*360+(numbers[1]-1)*36)
    rotate(document.getElementsByClassName("cube")[2], Math.floor(Math.random() * 15)*360+(numbers[2]-1)*36)
    return numbers
}

function jeu(){
    tirette()

    mise = parseInt(document.getElementById("mise_input").value)
    if(mise > 100 || mise < 0 || mise > joueur){
        console.log("erreur: pas possible jouer")
        return
    }
    joueur -= mise
    bac += mise

    let tirageNumbers = tirage() //[2,1,2]
    console.log(tirageNumbers)
    tirageDom.innerText = tirageNumbers

    let gain_retour = gain(tirageNumbers)
    console.log(gain_retour)
    bac -= gain_retour
    bacDom.innerText = bac
    joueur += gain_retour
    joueurDom.innerText = joueur

    if(bac < 500){
        console.log("fin de partie")
    }
}

function gain(tirage){
    if(tirage[0] == 9 &&
       tirage[1] == 9 &&
       tirage[2] == 9){
        return bac
    }
    else if(tirage[0] == tirage[1] &&
            tirage[1] == tirage[2]){
        return mise*6
    }
    else if(tirage[0] == tirage[1] ||
            tirage[0] == tirage[2] ||
            tirage[1] == tirage[2]){
        return mise*3
    }
    return 0
}
function regles(){
    //afficher règles
}

for (let i = 0; i < 10; i++) {
    //console.log(i);
    for (var j = 0; j < 3; j++) {
        //console.log(j);
        document.getElementsByClassName('cube__face--'+i)[j].style.transform = 'rotateX('+(i*36)+'deg) translateZ(calc(1.6vw /'+Math.tan(18* Math.PI / 180)+')';
    }

}