{(set: $linkImage to "<img src=Nouvo_Judge_Dredd_000.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Dans un premier temps vous allez déterminer votre niveau d'énergie. Voulez vous :<br> [[laisser l'ordinateur lancer les dés|tirage ordinateur]]<br> ou<br> [[lancer les dés chez vous|tirage de]] (set: $numPhoto to "000") {(if:$numPhoto is 0)[(set: $linkImage to "<img src=Nouvo_Judge_Dredd_000.png class=displayed>")] (else:)[(set: $linkImage to "<img src=Nouvo_Judge_Dredd_"+$numPhoto+".png class=displayed>")] <div class="row"> <div class="col-9 col-m-9"> <center> $linkImage </center> </div> <div class="col-3 col-m-3"> <div class="badge"> <img src="GrimoireTest_Assets_Badge.png" width="300" height="300"> </div> <div class="box_caract"> <CENTER> <span class="txt_caract"><br>Energie</span><br><br><span class="chiffre_caract">$numEnergie</span> </CENTER> </div> </div> <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> } </div> </div> <div class="box_horiz"> <img src="JD_coin_BG.png" class="coin_bas_gauche"> <img src="JD_coin_BD.png" class="coin_bas_droite"> </div> </div> </div> {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_001.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> } [[Vous poursuivez votre route|arrive02]] (set: $numPhoto to "002") <br> [[Raccourci|porte fracasse 02]] {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_002.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }[[Vous allez vers la maison|arrive03]] (set: $numPhoto to "003") {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_003.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Vous garez votre lawmaster et examinez la vieille maison ... Elle craque avec l'âge ... Vous remarquez l'odeur de moisissure et d'humidité ... et ... autre chose aussi ...<br> [[Vous continuez votre observation|arrive04]] (set: $numPhoto to "004") {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_004.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Allez vous ?<br> (link: "Fracasser la porte d'entrée sur le Lawmaster")[ (set: $numPhoto to "010") (goto: "porte fracasse") ]<br> (link: "Regarder par la fente de la boîte aux lettres")[ (set: $numPhoto to "004") (goto: "boite aux lettres") ]<br> (link: "Vous faufiler par la cave")[ (set: $numPhoto to "004") (goto: "cave") ] {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_010.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }[[Vous préférez l'approche directe|porte fracasse 02]] (set: $numPhoto to "011") {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_004.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }A suivre {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_004.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }A suivre (set: $linkImage to "<img src=Nouvo_Judge_Dredd_011.png class=displayed>") (display: "badge_energie") {<div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> } Un combat s'annonce ! Vous préférez :<br> [[Laisser l'ordinateur lancer les dés à votre place|mode combat 01]]<br> [[Lancer les dés vous mêmes|mode combat 02]]<br> [[Vivre le combat comme si vous y êtiez|mode combat 03]] (set: $numPhoto to "012") <audio src="moto_qui_sencastre_3.mp3" autoplay></audio> [[Suite|porte fracasse 04]] (set: $numPhoto to "013") (set: $numEnergie to $numEnergie - (random: 1,6)) {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_013.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }[[Vous continuez de tirer|porte fracasse 05]] (set: $numPhoto to "014") <audio src="tir_rafale_2.mp3" autoplay></audio> {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_014.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }[[Vous interrogez leur chef|porte fracasse 06]] (set: $numPhoto to "015") <audio src="tir_rafale_2.mp3" autoplay></audio> {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_015.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }A suivre {(set: $tirage to (random: 1,6)) (set: $numEnergie to 40+$tirage) (set: $linkImage to "<img src=Nouvo_Judge_Dredd_000.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }L'ordinateur a tiré un $tirage, vous aurez donc $numEnergie points d'énergie.<br> [[Commencer l'aventure|arrive01]] (set: $numPhoto to "001") {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_000.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Prenez un dé. Lancez le et cliquez sur le chiffre correspondant à votre résultat :<br> (link: '<span class="fontStarburst" id="de1"> 1 </span>')[ (set: $numEnergie to 41) (goto: 'tirage de 2') ] (link: '<span class="fontStarburst" id="de1"> 2 </span>')[ (set: $numEnergie to 42) (goto: 'tirage de 2') ] (link: '<span class="fontStarburst" id="de1"> 3 </span>')[ (set: $numEnergie to 43) (goto: 'tirage de 2') ] (link: '<span class="fontStarburst" id="de1"> 4 </span>')[ (set: $numEnergie to 44) (goto: 'tirage de 2') ] (link: '<span class="fontStarburst" id="de1"> 5 </span>')[ (set: $numEnergie to 45) (goto: 'tirage de 2') ] (link: '<span class="fontStarburst" id="de1"> 6 </span>')[ (set: $numEnergie to 46) (goto: 'tirage de 2') ] {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_000.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Vous aurez désormais $numEnergie points d'énergie.<br> [[Vous pouvez commencer l'aventure|arrive01]] (set: $numPhoto to "001") {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_012.png class=displayed style='width:150%, height:auto'>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }[[Vous encaissez les tirs|mode combat 02b]] (set: $numEnergie to $numEnergie - (random: 1,6)) (set: $numEnergie to $numEnergie - (random: 1,6)) {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_012.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Lancez 2 dés, additionnez les et cliquez sur le résultat :<br> (link: '<span class="fontStarburst" id="de1"> 2 </span>')[ (set: $numEnergie to $numEnergie-2) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 3 </span>')[ (set: $numEnergie to $numEnergie-3) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 4 </span>')[ (set: $numEnergie to $numEnergie-4) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 5 </span>')[ (set: $numEnergie to $numEnergie-5) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 6 </span>')[ (set: $numEnergie to $numEnergie-6) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 7 </span>')[ (set: $numEnergie to $numEnergie-7) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 8 </span>')[ (set: $numEnergie to $numEnergie-8) (goto: 'tirage de 2') ] (link: '<span class="fontStarburst" id="de1"> 9 </span>')[ (set: $numEnergie to $numEnergie-9) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 10 </span>')[ (set: $numEnergie to $numEnergie-10) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 11 </span>')[ (set: $numEnergie to $numEnergie-11) (goto: 'mode combat 02b') ] (link: '<span class="fontStarburst" id="de1"> 12 </span>')[ (set: $numEnergie to $numEnergie-12) (goto: 'mode combat 02b') ] (set: $numPhoto to "012") {<span id="current_energie" style="display:none">$numEnergie</span> (set: $linkImage to "<img src=Nouvo_Judge_Dredd_012.png class=displayed>") (display: "badge_energie_baston") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Ca canarde dans tous les sens.<br> (link: "A vous d'agir")[ (set: $numEnergie to getEnergie() ) (goto: "porte fracasse 04") ] (set: $numPhoto to "013") {(set: $linkImage to "<img src=Nouvo_Judge_Dredd_012.png class=displayed>") (display: "badge_energie") <div class="col-12 col-m-12"> <div class="box_horiz"> <img src="JD_coin_HG.png" class="coin_haut_gauche"> <img src="JD_coin_HD.png" class="coin_haut_droite"> </div> <div class="footer"> <div class="box_vertic_gauche"></div> <div class="box_vertic_droite"></div> <div class="box_text"> }Vous avez été touché, il ne vous reste plus que $numEnergie points d'énergie.<br> [[A vous d'agir|porte fracasse 04]] (set: $numPhoto to "013") { <div class="row"> <div class="col-9 col-m-9"> $linkImage <center> </center> </div> <div class="col-3 col-m-3"> <div class="badge"> <img src="GrimoireTest_Assets_Badge.png" width="300" height="300"> </div> <div class="box_caract"> <CENTER> <span class="txt_caract"><br>Energie</span><br><br><span class="chiffre_caract">$numEnergie</span> </CENTER> </div> </div> } <script type="text/javascript"> //var nbEnergie; var nbEnergie = $('#current_energie').text(); window.getEnergie = function() { return nbEnergie; } // alert(nbEnergie); $(function() { $('.chiffre_caract').html(nbEnergie); var son_tir_rate = []; for(i=0 ; i<12 ; i++) son_tir_rate[i] = document.querySelector('#son_tir_rate_'+i); var son_tir = []; for(i=0 ; i<12 ; i++) son_tir[i] = document.querySelector('#son_tir_'+i); var numTir_rate = 0; var numTir = 1; function tir_rate() { son_tir_rate[numTir_rate].play(); numTir_rate++; } function tir() { son_tir[numTir].play(); nbEnergie--; $('.chiffre_caract').html(nbEnergie); $('.champ_bataille').animate({top:'-=10'}, 100) .animate({top:'+=10'}, 100); numTir++; } function fire(iDiff, iDegat) { // récupération de la taille du champ de bataille iLargeurBataille = $(".champ_bataille").width() / 2; iHauteurBataille = $(".champ_bataille").height() / 2; // nombre de points de degats iNbDegat = Math.floor(Math.random()*6 + Math.random()*6 +2); // déclaration des tableaux $("#text").append("<br>12 tirs dont "+iNbDegat+" touche<br>"); // pour tous les tirs for(iLoop=0 ; iLoop<iDegat*6 ; iLoop++) { // détermination du point de départ iXDepart = (0.25 + 0.5*Math.random())*2*iLargeurBataille; iYDepart = (0.25 + 0.5*Math.random())*2*iHauteurBataille; // détermination du point d'arrivée // d'abord la pente de la courbe iXPente = iXDepart - iLargeurBataille; iYPente = iYDepart - iHauteurBataille; // tir touché if( Math.random()<0.5 ) { // et les nouvelles distances à parcourir iXArrive = iXDepart - iXPente / 10; iYArrive = iYDepart - iYPente / 10; // et la taille iTaille = 80; // changement du design $('#champ'+(iLoop)).removeClass(); $('#champ'+(iLoop)).addClass('champ_touche fontDripping'); $('#champ'+(iLoop)).animate({left: iXDepart, top: iYDepart, opacity:0}, 0) .animate({left: "+=0"}, 200*iLoop) .animate({left: "-=35", top:'-=100', fontSize:150, opacity:1}, 200, tir); } // tir manqué else { // puis l'angle iAngle = Math.atan2(iYPente, iXPente); // puis la distance iDistance = Math.sqrt(iLargeurBataille*iLargeurBataille + iHauteurBataille*iHauteurBataille); // et les nouvelles distances à parcourir iXArrive = iXDepart + iDistance * Math.cos(iAngle); iYArrive = iYDepart + iDistance * Math.sin(iAngle); // et la taille iTaille = 30; // changement du design $('#champ'+(iLoop)).removeClass(); $('#champ'+(iLoop)).addClass('champ_rate fontDripping'); $('#champ'+(iLoop)).animate({left: iXDepart, top: iYDepart, opacity:0}, 0) .animate({left: "+=0"}, 200*iLoop) .animate({left: iXArrive, top: iYArrive, fontSize:100, opacity:1}, 200, tir_rate); } $("#text").append(' ++ '+iLoop+' ** '); } } setTimeout(function() { fire(6, 2); }, 1000); }); </script>{ <audio id="son_tir_0" src="laser_3.mp3"></audio> <audio id="son_tir_1" src="laser_3.mp3"></audio> <audio id="son_tir_2" src="laser_3.mp3"></audio> <audio id="son_tir_3" src="laser_3.mp3"></audio> <audio id="son_tir_4" src="laser_3.mp3"></audio> <audio id="son_tir_5" src="laser_3.mp3"></audio> <audio id="son_tir_6" src="laser_3.mp3"></audio> <audio id="son_tir_7" src="laser_3.mp3"></audio> <audio id="son_tir_8" src="laser_3.mp3"></audio> <audio id="son_tir_9" src="laser_3.mp3"></audio> <audio id="son_tir_10" src="laser_3.mp3"></audio> <audio id="son_tir_11" src="laser_3.mp3"></audio> <audio id="son_tir_12" src="laser_3.mp3"></audio> <audio id="son_tir_rate_0" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_1" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_2" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_3" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_4" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_5" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_6" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_7" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_8" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_9" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_10" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_11" src="balle_qui_passe_2.mp3"></audio> <audio id="son_tir_rate_12" src="balle_qui_passe_2.mp3"></audio> <div class="row"> <div class="col-9 col-m-9 champ_bataille"> $linkImage <center> </center> <div class="champ" id="champ0">7</div> <div class="champ" id="champ1">E</div> <span class="champ" id="champ2">U</span> <div class="champ" id="champ3">V</div> <div class="champ" id="champ4">X</div> <div class="champ" id="champ5">Y</div> <div class="champ" id="champ6">Z</div> <div class="champ" id="champ7">0</div> <div class="champ" id="champ8">1</div> <div class="champ" id="champ9">2</div> <div class="champ" id="champ10">3</div> <div class="champ" id="champ11">4</div> </div> <div class="col-3 col-m-3"> <div class="badge"> <img src="GrimoireTest_Assets_Badge.png" width="300" height="300"> </div> <div class="box_caract"> <CENTER> <span class="txt_caract"><br>Energie</span><br><br><span class="chiffre_caract">$numEnergie</span> </CENTER> </div> </div> } <script type="text/javascript"> var nbEnergie; /* var g_nbDKai; var g_maxDKai = 2; var t_mesDKai; var sRetAjax; t_mesDKai[1] = false; t_mesDKai[2] = false; t_mesDKai[3] = false; */ </script>