Tpe Nicolas Mode Classeur

by 18_102_elias

HTML

<body>
<h1>
    PLANCHE DE GALTON TPE
</h1>


<fieldset>
  Nombre de sorties ? <input type='number'  id='input_NbSorties' size='4' min='6' max='500' value ='6'>
  Epaisseur des pics ? <input type='number'  id='input_Epaisseur' size='4' min='1' max='15' value ='5'>
  
    <button id='bouton' class='bouton'>Lancer la simulation</button>
  
  <button id='bouton_MiseAJour' class='bouton'>mettre à jour la planche</button>
  
  Vitesse de la bille : <input type='range'  id='input_vitesse' size='4'  min='-9' max='11'>
</fieldset>
  
  
  <p>
   <canvas id="myCanvas" width="500" height="500" ></canvas>
  </p>
  <span id='result'></span>

JavaScript

function aff(variable,texte=""){   
             console.log(Object.prototype.toString.call(variable)
             + " --- " + texte, variable);
}



$("#bouton_MiseAJour").on("click",function(){
	init();
})



function init (){
var X = 500;			//dimension en pixel du canvas
var x = parseInt(document.getElementById("input_NbSorties").value); 
var H = x-1;			//le nombre d'étapes
var A = X/x;			//la taille d'une sortie en pixel
var T = x/2;			//la distance entre les murs et le triangle de pics
var ep = parseInt(document.getElementById("input_Epaisseur").value); 
var h = Math.round(X/H);		//le nombre de lignes vides entre chaques lignes à pics
var t = 0; 				//nombre d'espaces interpics par ligne
var E = 0.5;         //numéro de l'étape en cours de Haut->Bas (les étapes de H)
var e = 0;					//numéro du pics dessiné en comptant de R->L

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var monImageData = ctx.createImageData(500, 500);				//deux variables pour le fond d'écran

ctx.rect(0, 0, 500, 500);
ctx.fillStyle = "white";
ctx.fill();

PosiPic(h,E,X,T,e,A,H,t,ep);		//toutes les variables marchent
}


function PosiPic (h,E,X,T,e,A,H,t,ep){			//et NegaPic mdr 
var idx;
var noir = "black";
			for(var i = 0; i < H; ++i){							// for des étapes           
          		for(var iii = 0; iii <= t; ++iii){
                   if (h % 2 == 1){
                      	idx = 250;
                   }else {idx = 0}
                   				idx = idx + E*h*X;
    											idx = idx + (T*A);
    											idx = idx + (e*A);
                  	  	  idx = Math.floor(idx);
														//aff(idx, 'idx = ');
                            Tampon(idx,ep,noir,0,0);
										e = e + 1;
							}
			e = 0
      E = E + 1;
     	
      t = t+1;
      T = T-0.5;
			}
}



/////VAR GLOBALES/////

	var bouton = $("#bouton");
  var sorties;
  var compteur = null;
  var myVar;
  var li;			//position de la bille
  var co;
  var vitesse;
  var hauteur;
  var...