La petite animation que j'ai faite dans la rubrique précédente, a été réalisée avec
ASCIIMATOR v.3.0-beta >><script>function run_Kongifgland(){ title=""; ffamily="courier new"; fsize=12; bgcolor="#FFFFFF"; fcolor="#000000"; speed=500; looped=true; fwidth=20; fheight=10; lh="120%"; document.getElementById("Kongifgland_id").title=title; if(document.getElementById("Kongifgland_id")){ output=document.getElementById("Kongifgland_id").style; outputdiv=document.getElementById("Kongifgland_div").style; output.fontFamily=ffamily; output.fontSize=fsize; output.backgroundColor=bgcolor; output.color=fcolor; output.lineHeight=lh; output.height=outputdiv.height=fheight*fsize*1.2; output.width=outputdiv.width=fwidth*fsize*0.63; } if (navigator.userAgent.match(/MSIE/) && !navigator.userAgent.match(/Opera/)){ for (i=0; i<Kongifgland.length; i++){ Kongifgland[i]=Kongifgland[i].replace(/\n/g,'\n\r'); } } fr_Kongifgland=0; setInterval(animate_Kongifgland,speed,fr_Kongifgland);}function animate_Kongifgland(){ if (fr_Kongifgland>Kongifgland.length-1){ fr_Kongifgland=0; } document.getElementById("Kongifgland_id").childNodes[0].data=Kongifgland[fr_Kongifgland]; fr_Kongifgland++;}var Kongifgland= new Array();Kongifgland[0]="\n\n\n KING OF GLAND";Kongifgland[1]="\n\n\n K NG OF GLAND\n I";Kongifgland[2]="\n\n\n K NG OF GLAND\n \n I";Kongifgland[3]="\n\n\n K NG OF GLAND\n \n \n I";Kongifgland[4]="\n\n\n K NG OF GLAND\n \n \n \n I";Kongifgland[5]="\n\n\n K NG OF GLAND\n \n \n I";Kongifgland[6]="\n\n\n K NG OF GLAND\n \n I";Kongifgland[7]="\n\n\n K NG OF GLAND\n I";Kongifgland[8]="\n\n O\n K NG IF GLAND\n ";Kongifgland[9]="\n O\n \n K NG IF GLAND\n ";Kongifgland[10]="\n \n O \n K NG IF GLAND\n ";Kongifgland[11]="\n \n \n KONG IF GLAND\n ";run_Kongifgland();</script>
Pour commencer, vous devez mettre votre premier dessin ou votre texte dans le petit éditeur de texte en haut à gauche. Ensuite, cliquez sur "insert frame" pour rajouter votre deuxième dessin, et ainsi de suite comme pour un dessin animé. A la fin, cliquez sur "play" pour voir le résultat. Si cela vous convient, cliquez sur "export" pour éditer le code à copier dans votre page Web en mode HTML (JavaScript animation (always looped)), ou bien rectifier votre animation.