diff --git a/bdd/arbre.json b/bdd/arbre.json index 3efb34f..17c5125 100644 --- a/bdd/arbre.json +++ b/bdd/arbre.json @@ -151,7 +151,8 @@ "revenu_passif": 1, "evolution": 0, "narration": "George Boole était un mathématicien et logicien britannique, connu pour avoir formulé les bases de l'algèbre logique, un outil fondamental en informatique et en intelligence artificielle.", - "wikipedia": "https://fr.wikipedia.org/wiki/George_Boole" + "wikipedia": "https://fr.wikipedia.org/wiki/George_Boole", + "nom_fichier_image":"img/George_Boole_color.jpg" }, "grace_hopper": { "nom": "Grace Hopper", @@ -159,15 +160,17 @@ "revenu_passif": 8, "evolution": 0, "narration": "Grace Hopper était une informaticienne et contre-amiral de la marine américaine. Elle est connue pour ses travaux sur le développement du premier compilateur et pour avoir popularisé le terme 'bug' pour décrire un dysfonctionnement dans les programmes.", - "wikipedia": "https://fr.wikipedia.org/wiki/Grace_Hopper" + "wikipedia": "https://fr.wikipedia.org/wiki/Grace_Hopper", + "nom_fichier_image":"img/390px-Commodore_Grace_M._Hopper,_USN_(covered).jpg" }, - "jean_bartik": { - "nom": "Jean Bartik", + "france_spence": { + "nom": "Frances V. Spence", "cout": 6000, "revenu_passif": 47, "evolution": 1, - "narration": "Jean Bartik faisait partie de l'équipe originale des programmeuses d'ENIAC, l'un des premiers ordinateurs électroniques. Elle a joué un rôle crucial dans la programmation de cet appareil.", - "wikipedia": "https://fr.wikipedia.org/wiki/Jean_Bartik" + "narration": "Frances V. Spence est l'une des premières programmeuses pour l'ENIAC (le premier ordinateur numérique). Elle est considérée comme l'une des pionnières de l'histoire de la programmation informatique.", + "wikipedia": "https://fr.wikipedia.org/wiki/Frances_Spence", + "nom_fichier_image":"img/Frances_Bilas_Spence_feeding_punch_cards_into_ENIAC,_Feb_1946.png" }, "claude_shannon": { "nom": "Claude Shannon", @@ -175,7 +178,8 @@ "revenu_passif": 260, "evolution": 1, "narration": "Claude Shannon est considéré comme le père de la théorie de l'information. Ses travaux ont révolutionné les domaines de la communication et de l'informatique.", - "wikipedia": "https://fr.wikipedia.org/wiki/Claude_Shanon" + "wikipedia": "https://fr.wikipedia.org/wiki/Claude_Shannon", + "nom_fichier_image":"img/ClaudeShannon_MFO3807.jpg" }, "alan_turing": { "nom": "Alan Turing", @@ -183,7 +187,8 @@ "revenu_passif": 1400, "evolution": 1, "narration": "Alan Turing était un mathématicien et cryptanalyste britannique, célèbre pour son travail sur la machine de Turing, une base fondamentale pour la conception des ordinateurs modernes.", - "wikipedia": "https://fr.wikipedia.org/wiki/Alan_Turing" + "wikipedia": "https://fr.wikipedia.org/wiki/Alan_Turing", + "nom_fichier_image":"img/Alan_Turing_(1912-1954)_in_1936_at_Princeton_University.jpg" }, "maragaret_hamilton": { "nom": "Margaret Hamilton", @@ -191,7 +196,8 @@ "revenu_passif": 7800, "evolution": 2, "narration": "Margaret Hamilton est une informaticienne qui a dirigé l'équipe de développement logiciel pour la mission Apollo. Elle est connue pour avoir écrit le code qui a permis de poser l'homme sur la Lune.", - "wikipedia": "https://fr.wikipedia.org/wiki/Margaret_Hamilton" + "wikipedia": "https://fr.wikipedia.org/wiki/Margaret_Hamilton_(scientifique)", + "nom_fichier_image":"img/330px-Margaret_Hamilton_-_restoration.jpg" }, "tim_berners_lee": { "nom": "Tim Berner-Lee", @@ -199,7 +205,8 @@ "revenu_passif": 44000, "evolution": 2, "narration": "Tim Berners-Lee est l'inventeur du World Wide Web. Son travail a permis de rendre Internet accessible et compréhensible pour le grand public.", - "wikipedia": "https://fr.wikipedia.org/wiki/Tim_Berners-Lee" + "wikipedia": "https://fr.wikipedia.org/wiki/Tim_Berners-Lee", + "nom_fichier_image":"img/390px-Tim_Berners-Lee_closeup.jpg" }, "dennis_ritchie": { "nom": "Dennis Ritchie", @@ -207,7 +214,8 @@ "revenu_passif": 260000, "evolution": 2, "narration": "Dennis Ritchie était un informaticien américain, co-créateur du langage de programmation C et du système d'exploitation UNIX, qui sont devenus des fondations de l'informatique moderne.", - "wikipedia": "https://fr.wikipedia.org/wiki/Dennis_Ritchie" + "wikipedia": "https://fr.wikipedia.org/wiki/Dennis_Ritchie", + "nom_fichier_image":"img/390px-Dennis_Ritchie_2011.jpg" }, "linus_torvald": { "nom": "Linus Torvald", @@ -215,7 +223,8 @@ "revenu_passif": 1600000, "evolution": 3, "narration": "Linus Torvalds est le créateur de Linux, un noyau de système d'exploitation open-source qui est devenu la base de nombreuses distributions utilisées dans des serveurs, des ordinateurs personnels et des appareils mobiles.", - "wikipedia": "https://fr.wikipedia.org/wiki/Linus_Torvalds" + "wikipedia": "https://fr.wikipedia.org/wiki/Linus_Torvalds", + "nom_fichier_image":"img/LinuxCon_Europe_Linus_Torvalds_03_(cropped).jpg" } } } diff --git a/css/index.css b/css/index.css index a9f06be..25004a8 100644 --- a/css/index.css +++ b/css/index.css @@ -23,7 +23,7 @@ } -@keyframes PluieConfetti { +@keyframes pluieConfetti { 0% { transform: translateY(-100px) rotate(0deg); opacity: 1; @@ -38,7 +38,7 @@ position: absolute; width: 10px; height: 20px; - animation: confettiFall 5s linear infinite; + animation: pluieConfetti 5s linear infinite; opacity: 0; } diff --git a/img/330px-Margaret_Hamilton_-_restoration.jpg b/img/330px-Margaret_Hamilton_-_restoration.jpg new file mode 100644 index 0000000..ca87bac Binary files /dev/null and b/img/330px-Margaret_Hamilton_-_restoration.jpg differ diff --git a/img/390px-Commodore_Grace_M._Hopper,_USN_(covered).jpg b/img/390px-Commodore_Grace_M._Hopper,_USN_(covered).jpg new file mode 100644 index 0000000..e974c44 Binary files /dev/null and b/img/390px-Commodore_Grace_M._Hopper,_USN_(covered).jpg differ diff --git a/img/390px-Dennis_Ritchie_2011.jpg b/img/390px-Dennis_Ritchie_2011.jpg new file mode 100644 index 0000000..008a847 Binary files /dev/null and b/img/390px-Dennis_Ritchie_2011.jpg differ diff --git a/img/390px-Tim_Berners-Lee_closeup.jpg b/img/390px-Tim_Berners-Lee_closeup.jpg new file mode 100644 index 0000000..e7be579 Binary files /dev/null and b/img/390px-Tim_Berners-Lee_closeup.jpg differ diff --git a/img/Alan_Turing_(1912-1954)_in_1936_at_Princeton_University.jpg b/img/Alan_Turing_(1912-1954)_in_1936_at_Princeton_University.jpg new file mode 100644 index 0000000..afa4889 Binary files /dev/null and b/img/Alan_Turing_(1912-1954)_in_1936_at_Princeton_University.jpg differ diff --git a/img/ClaudeShannon_MFO3807.jpg b/img/ClaudeShannon_MFO3807.jpg new file mode 100644 index 0000000..66ce9cc Binary files /dev/null and b/img/ClaudeShannon_MFO3807.jpg differ diff --git a/img/Frances_Bilas_Spence_feeding_punch_cards_into_ENIAC,_Feb_1946.png b/img/Frances_Bilas_Spence_feeding_punch_cards_into_ENIAC,_Feb_1946.png new file mode 100644 index 0000000..b01ae12 Binary files /dev/null and b/img/Frances_Bilas_Spence_feeding_punch_cards_into_ENIAC,_Feb_1946.png differ diff --git a/img/George_Boole_color.jpg b/img/George_Boole_color.jpg new file mode 100644 index 0000000..8de96c7 Binary files /dev/null and b/img/George_Boole_color.jpg differ diff --git a/img/LinuxCon_Europe_Linus_Torvalds_03_(cropped).jpg b/img/LinuxCon_Europe_Linus_Torvalds_03_(cropped).jpg new file mode 100644 index 0000000..a337233 Binary files /dev/null and b/img/LinuxCon_Europe_Linus_Torvalds_03_(cropped).jpg differ diff --git a/js/collegue.js b/js/collegue.js index ff41c61..0a22b81 100644 --- a/js/collegue.js +++ b/js/collegue.js @@ -1,21 +1,10 @@ class Collegue{ - constructor(nom) { - this.nom = nom - } - - async chargerDepuisBdd() { - let data = await fetch("../bdd/arbre.json") - data = await data.json() - this.props = data["collegues"][this.nom] + constructor(json) { + this.props = json this.nom = this.props.nom this.cout = this.props.cout this.boost = this.props.boost this.revenu_passif = this.props.revenu_passif } - afficherAnimationDebloquage(){ - // animation sympathique lorsque l'on achète un personnage - } - - } \ No newline at end of file diff --git a/js/main.js b/js/main.js index f51619f..7bbf663 100644 --- a/js/main.js +++ b/js/main.js @@ -47,15 +47,9 @@ async function remplirMagasinTechnologies(){ const test = document.createElement("td") const btn_acheter = document.createElement("button") - - // stoquage temporaire de la clé JSON correspondant à la technologie à débloquer - // pour éviter de référencer key, qui va sauter sur sa valeur finale - let tmp = key + - - let t = new Technologie(tmp) - // charge les propriétés de la technologie depuis la bdd sans mettre à jour le style directement après - await t.chargerDepuisBdd(false) + let t = new Technologie(el) /* fonction qui va s'activer lorsqu'on achète l'objet*/ btn_acheter.addEventListener("click", (event) =>{ @@ -172,14 +166,9 @@ async function remplirMagasinCollegues(){ const action = document.createElement("td") const btn_acheter = document.createElement("button") - // stoquage temporaire de la clé JSON correspondant à la technologie à débloquer - // pour éviter de référencer key, qui va sauter sur sa valeur finale - let tmp = key - - let c = new Collegue(tmp) - // charge les propriétés de la technologie depuis la bdd sans mettre à jour le style directement après - await c.chargerDepuisBdd() + let c = new Collegue(el) + /* fonction qui va s'activer lorsqu'on achète l'objet*/ btn_acheter.addEventListener("click", (event) =>{ @@ -200,11 +189,6 @@ async function remplirMagasinCollegues(){ // PLUIE DE CONFETTTIIII genererConfetti() - // finalement, on lui débit son compte de points tel un vendeur de voitures - score -= c.cout - const score_aff = document.getElementById("score_affichage") - score_aff.innerText="SCORE : " + score - // recache l'image après 6 secondes et lance la narration setTimeout(() => { @@ -220,13 +204,6 @@ async function remplirMagasinCollegues(){ // on ajoute l'amélioration dans l'abre des compétences débloquées sacado[key] = 1 - // on change le futur cout dans le tableau - document.getElementById("case_cout_"+key).innerText = Number(c.cout * (1.1)**sacado[key]).toFixed(1) - - - // augmentation du boost d'incrément - revenu_passif += c.revenu_passif - // incrémente le score implicite d'evolution pour permettre à la prochaine amelioration de s'afficher evolution_coll += 1 @@ -235,6 +212,18 @@ async function remplirMagasinCollegues(){ sacado[key] += 1 } + // augmentation du boost d'incrément + revenu_passif += c.revenu_passif + + // finalement, on lui débit son compte de points tel un vendeur de voitures + score -= c.cout + const score_aff = document.getElementById("score_affichage") + score_aff.innerText="SCORE : " + score + + // on change le futur cout dans le tableau + document.getElementById("case_cout_"+key).innerText = Number(c.cout * (1.1)**sacado[key]).toFixed(1) + + }else{ // PAS ASSEZ RICHE !!!!! ouvrirAlerte("PAS ASSEZ RICHE !!!!!!!!!!!!") diff --git a/js/technologie.js b/js/technologie.js index 20bec37..682402a 100644 --- a/js/technologie.js +++ b/js/technologie.js @@ -1,17 +1,9 @@ class Technologie{ - constructor(nom) { - this.nom = nom - } - - async chargerDepuisBdd(style) { - let data = await fetch("../bdd/arbre.json") - data = await data.json() - this.props = data["technologies"][this.nom]; - this.cout = this.props.cout; - this.boost = this.props.boost; - if (style) { - this.appliquerAmeliorationStyle(); - } + constructor(json) { + this.props = json + this.cout = this.props.cout + this.boost = this.props.boost + this.nom = this.props.nom } appliquerAmeliorationStyle(){ diff --git a/lisezmoi.md b/lisezmoi.md index 86222a4..d8efe8c 100755 --- a/lisezmoi.md +++ b/lisezmoi.md @@ -44,6 +44,7 @@ XHTML5 - arreter de fetch quand on instancie une classe et passer le dict en argument direct - ne faire apparaitre les header du tableau qu'au premier clic - faire une fonction qui en fonction de la puissance de 10 troncature le nb et met "milions", "quintilions"... +- mettre un palier où des photos aparaissent à coté de chaque collegue dans le magasin ## Idée de con - Quand on débloque la balise vidéo , on rick roll le prof