-
H E L P !
_--------_
| |
----------------------
`-\ o o o o o o /`-_
\.-. .-. / .
_.-' `-.__.-' `-.__.-'
_.--._ _
`--.__.--' `--.__.--'
Voilà, maintenant que vous êtes initiés à l'animation, je vous propose de passer à un niveau supérieur.
Allez sur ce site: Les carbouteries
Téléchargez le programme RibouPlayer.exe et installez-le.
Ensuite, téléchargez le download (61Kb) du fichier "SuperCariboo" sur cette page.
Lancez RibouPlayer, cliquez sur fichier, puis ouvrir et sélectionnez le fichier texte "Super Cariboo".
Régalez-vous, c'est un chef-d'oeuvre!
Par curiosité, n'héstez pas à ouvrir le fichier texte "Super Cariboo"pour voir comment
l'animation est faite. Il ne vous restera plus qu'a essayé de faire pareil.
\ V \/
V__V
|oo|
__________/ \_/
/ / v
\|| /|| Boing !
|| ------ ||
|| ||
`````--```````--```````````
Bonne caribouterie à tous et à toutes.
votre commentaire -
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.
votre commentaire -
Saviez vous que l'on pouvait faire de l'animation en Ascii?
NON!
voici un exemple.
<script>function run_Kingofgland(){ title=""; ffamily="courier new"; fsize=12; bgcolor="#FFFFFF"; fcolor="#000000"; speed=500; looped=false; fwidth=20; fheight=10; lh="120%"; document.getElementById("Kingofgland_id").title=title; if(document.getElementById("Kingofgland_id")){ output=document.getElementById("Kingofgland_id").style; outputdiv=document.getElementById("Kingofgland_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<Kingofgland.length; i++){ Kingofgland[i]=Kingofgland[i].replace(/\n/g,'\n\r'); } } fr_Kingofgland=0; setInterval(animate_Kingofgland,speed,fr_Kingofgland);}function animate_Kingofgland(){ if (fr_Kingofgland>Kingofgland.length-1){ fr_Kingofgland=0; } document.getElementById("Kingofgland_id").childNodes[0].data=Kingofgland[fr_Kingofgland]; fr_Kingofgland++;}var Kingofgland= new Array();Kingofgland[0]="\/^-----^\\\nV o o V\n | Y |\n \\ - \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[1]="\/^-----^\\\nV o o V\n | Y |\n \\ - \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[2]="\/^-----^\\\nV o o V bonjour\n | Y |\n \\ Q \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[3]="\/^-----^\\\nV o o V bonjour\n | Y |\n \\ Q \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[4]="\/^-----^\\\nV o o V bonjour\n | Y |\n \\ Q \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[5]="\/^-----^\\\nV o o V bonjour\n | Y |\n \\ Q \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[6]="\/^-----^\\\nV o o V \n | Y |\n \\ - \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[7]="\/^-----^\\\nV o o V J\'aime \n | Y | King of gland\n \\ O \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[8]="\/^-----^\\\nV o o V J\'aime \n | Y | King of gland\n \\ O \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[9]="\/^-----^\\\nV o o V J\'aime \n | Y | King of gland\n \\ O \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[10]="\/^-----^\\\nV o o V J\'aime \n | Y | King of gland\n \\ O \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[11]="\/^-----^\\\nV o o V J\'aime \n | Y | King of gland\n \\ O \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";Kingofgland[12]="\/^-----^\\\nV o o V J\'aime \n | Y | King of gland\n \\ O \/\n \/ - \\\n | \\\n | \\ )\n || (___\\====";run_Kingofgland();</script>
Mais allez plutôt voir une vraie animation ICI.
votre commentaire