Des pixels en DHTML
Pour tracer une ligne, ou un pixel dans votre navigateur, et ensuite l'animer, copier le code suivant dans une page html :
Plus il y a de div l'cran, plus ce sera long afficher. (le mieux est de les compter, et d'optimiser au mieux cette partie)
Votre cran a une rsolution suprieur 800X600 en moyenne. Cela fait plus de 480000 pixels, il n'est donc pas possible de faire du plein cran, juste de petites animations d'environs 10000 pixels (100X100 et encore, avec un bon processeur...).
A moins de ncessiter de trs longs calculs, votre code ne changera pas beaucoup la vitesse d'excution du script, utilisez donc ds que possible, de grands carrs, rectangles ou lignes verticales ou horizontales, cela prend autant de temps qu'afficher un pixel.
Pour tester, vous pouvez remplacer la ligne "//ici le code de votre fonction" par :
var color='#FF0000'
//ici le code de votre fonction
for (var x=0;x<100;x++) for (var y=0;y<100;y++)
Ce qui aura pour effet de tracer un rectangle rouge de 100 pixels sur 100. (ce qui est loin d'tre optimis, cela peut tre fait avec une seule div)
Il est ainsi possible de convertir un code (si il est assez leger) du c, c++, turbo-pascal en js, comme dans cet exemple
(d'aprs un code d'Edorul).
Si vous voulez tracer des lignes autres qu'horizontales ou verticales, utilisez cette fonction :
Voila, vous en savez dsormais autant que moi, si vous crer des animations partir de ce script, faites le moi savoir, a me fera plaisir.