• Passons à l'acte.

    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.

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :