ascii animation HELP!

I know how to creat my own ascii art but what I don't know is how to
animate it. I have seen many different types of ascii animation but each
script is different. If some one could tell me how to creat these
scripts I would be very greatful. And if you help me and you have a
webpage, I will make a link to it. Here is what I am trying to do:

(first)
    _____  
   /_____\__     _____
   \/6.6\/--`   ////\\\
   (  _  )      \-@.@-/      
   ,'---',      (  _  )       _____                       
  /       \     ,'---',      /// \\\                  
 /_/     \_\   /       \     \/Q,Q\/               
 \ |     | /  /_/     \_\     ( _ )                    
  \|_____|/    \|     |/      ,'-',                
   |  |  |     (|_____|)     /_/ \_\         
   |  |  |      |__|__|      \|___|/           
   \__|__/       | | |        | | |            
   _|_|_|_      _|_|_|_      _|_|_|_              
  (___|___)    (___|___)    (___|___)

(second)

    _____  
   /_____\__     _____
   \/-.-\/--`   ////\\\
   (  _  )      \-@.@-/      
   ,'---',      (  0  )       _____                       
  /       \     ,'---',      /// \\\                  
 /_/     \_\   /       \     \/0>0\/               
 \ |     | /  /_/     \_\     ( _ )                    
  \|_____|/    \|     |/      ,'-',                
   |  |  |     (|_____|)     /_/ \_\         
   |  |  |      |__|__|      \|___|/           
   \__|__/       | | |        | | |            
   _|_|_|_      _|_|_|_      _|_|_|_              
  (___|___)    (___|___)    (___|___)

(return to first)

*Thankyou for any help.

In article <35D...@shaw.wave.ca>, Matthew <yos...@shaw.wave.ca>
wrote:
> 
> I know how to creat my own ascii art but what I don't know is how to
> animate it. I have seen many different types of ascii animation but each
> script is different. If some one could tell me how to creat these
> scripts I would be very greatful. And if you help me and you have a
> webpage, I will make a link to it. Here is what I am trying to do:
> 
> (first)
>     _____
>    /_____\__     _____
>    \/6.6\/--`   ////\\\
>    (  _  )      \-@.@-/
>    ,'---',      (  _  )       _____
>   /       \     ,'---',      /// \\\
>  /_/     \_\   /       \     \/Q,Q\/
>  \ |     | /  /_/     \_\     ( _ )
>   \|_____|/    \|     |/      ,'-',
>    |  |  |     (|_____|)     /_/ \_\
>    |  |  |      |__|__|      \|___|/
>    \__|__/       | | |        | | |
>    _|_|_|_      _|_|_|_      _|_|_|_
>   (___|___)    (___|___)    (___|___)
> 
> (second)
> 
>     _____
>    /_____\__     _____
>    \/-.-\/--`   ////\\\
>    (  _  )      \-@.@-/
>    ,'---',      (  0  )       _____
>   /       \     ,'---',      /// \\\
>  /_/     \_\   /       \     \/0>0\/
>  \ |     | /  /_/     \_\     ( _ )
>   \|_____|/    \|     |/      ,'-',
>    |  |  |     (|_____|)     /_/ \_\
>    |  |  |      |__|__|      \|___|/
>    \__|__/       | | |        | | |
>    _|_|_|_      _|_|_|_      _|_|_|_
>   (___|___)    (___|___)    (___|___)
> 
> (return to first)
> 
> *Thankyou for any help.

I animate use a Javascript. (I do not use a program but plug my drawings
into a template.) You can find a template at

http://www.geocities.com/SoHo/Studios/9334/animlesson.htm#top

Since I made that template, I have been learning more about reducing the
size of the animation if there are lines that are exactly the same in
all the frames. But I only know how to do it if the lines on the top are
the same. I will do some investigation and get back to you because your
animation will lend itself to this reducing method.


NOTE: I do not pick up my mail from the idirect address that you
see. If you are e-mailing me and hit the reply button, add an "e"
to "freent"; its absense is to stop the torment of automatic mailers.
--
       ___                        cq547@freene+.+oron+o.on.ca
     _/   |    ,^%---                         llizard aka ejm
    |_____|  __<_ \ I'm addicted to animation!            
      --- ==   >/                 
    [_____]  __>,^          ASCII-ar+, ASCII & gif anima+ions
  ejm|   |  //| |        www.geocities.com/SoHo/Studios/9334

In article <35D...@iNOdirect.ca>, llizard wrote:
> 
> In article <35D...@shaw.wave.ca>, Matthew <yos...@shaw.wave.ca>
> wrote:
> >
> > I know how to creat my own ascii art but what I don't know is how to
> > animate it. I have seen many different types of ascii animation but each
> > script is different. If some one could tell me how to creat these
> > scripts I would be very greatful. And if you help me and you have a
> > webpage, I will make a link to it. Here is what I am trying to do:
> >
> > (first)
> >     _____
> >    /_____\__     _____
> >    \/6.6\/--`   ////\\\
> >    (  _  )      \-@.@-/
> >    ,'---',      (  _  )       _____
> >   /       \     ,'---',      /// \\\
> >  /_/     \_\   /       \     \/Q,Q\/
> >  \ |     | /  /_/     \_\     ( _ )
> >   \|_____|/    \|     |/      ,'-',
> >    |  |  |     (|_____|)     /_/ \_\
> >    |  |  |      |__|__|      \|___|/
> >    \__|__/       | | |        | | |
> >    _|_|_|_      _|_|_|_      _|_|_|_
> >   (___|___)    (___|___)    (___|___)
> >
> > (second)
> >
> >     _____
> >    /_____\__     _____
> >    \/-.-\/--`   ////\\\
> >    (  _  )      \-@.@-/
> >    ,'---',      (  0  )       _____
> >   /       \     ,'---',      /// \\\
> >  /_/     \_\   /       \     \/0>0\/
> >  \ |     | /  /_/     \_\     ( _ )
> >   \|_____|/    \|     |/      ,'-',
> >    |  |  |     (|_____|)     /_/ \_\
> >    |  |  |      |__|__|      \|___|/
> >    \__|__/       | | |        | | |
> >    _|_|_|_      _|_|_|_      _|_|_|_
> >   (___|___)    (___|___)    (___|___)
> >
> > (return to first)
> >
> > *Thankyou for any help.
> 
> I animate using a Javascript. (I do not use a program but plug my drawings
> into a template.) You can find a template at
> 
> http://www.geocities.com/SoHo/Studios/9334/animlesson.htm#top
> 
> Since I made that template, I have been learning more about reducing the
> size of the animation if there are lines that are exactly the same in
> all the frames. But I only know how to do it if the lines on the top are
> the same. I will do some investigation and get back to you because your
> animation will lend itself to this reducing method.

Yes, I was right. I went to The Omega's Javascript Help Forum at

http://transload.starblvd.net/cgi-bin/forum?name=the_omega

and consulted with him. He came up with the following:

Please excuse me for posting HTML here, but your animation is so short
that I thought it wouldn't be so bad. I hope your newsreader translates
it as text and not HTML.

---------copy below this line------------
<html>
<body onload="tick()">
<script language="JavaScript">
    var max=0;
    function tlist(){ max=tlist.arguments.length;
        for(i=0;i<max;i++) this[i]=tlist.arguments[i];
    }
    tl = new tlist(

"    \\/6.6\\/--`   ////\\\\\\ \r\n"+
"    (  _  )      \\-@.@-/\r\n"+
"    ,'---',      (  _  )       _____\r\n"+
"   /       \\     ,'---',      /// \\\\\\\r\n"+
"  /_/     \\_\\   /       \\     \\/Q,Q\\/\r",

"    \\/-.-\\/--`   ////\\\\\\ \r\n"+
"    (  _  )      \\-@.@-/\r\n"+
"    ,'---',      (  0  )       _____\r\n"+
"   /       \\     ,'---',      /// \\\\\\\r\n"+
"  /_/     \\_\\   /       \\     \\/0>0\\/\r"


    );
    var x=0;
    function tick() {
        document.f.t.value=" \r\n"+
"     _____\r\n"+
"    /_____\\__     _____\r\n"+
        tl[x]+
"  \\ |     | /  /_/     \\_\\     ( _ )\r\n"+
"   \\|_____|/    \\|     |/      ,'-',\r\n"+
"    |  |  |     (|_____|)     /_/ \\_\\\r\n"+
"    |  |  |      |__|__|      \\|___|/\r\n"+
"    \\__|__/       | | |        | | |\r\n"+
"    _|_|_|_      _|_|_|_      _|_|_|_\r\n"+
"   (___|___)    (___|___)    (___|___)\r";
        x++; if(x==max) x=0;
        //if(confirm('continue?'))
            setTimeout("tick()",150);
    }
    //--></script>
<FORM NAME=f><TEXTAREA NAME=t ROWS=16 COLS=40>
</TEXTAREA></FORM>
<p>Thanks to <a
href="http://transload.starblvd.net/cgi-bin/forum?name=the_omega">The
Omega</a> for the Javascript help.</p>
</body>
</html>
---------end copy------------

Copy this and save it as youranimation.html  I hope that you have
Netscape
Navigator 3.01, Opera 3.2b2, Microsoft Explorer 4.0 (or higher) that
have the Javascript enabled so that you can view your animation.


Because of this newfound knowledge, I have now added a second part to my
template. It can be found at

http://www.geocities.com/SoHo/Studios/9334/animlesson2.htm#top



NOTE: I do not pick up my mail from the idirect address that you
see. If you are e-mailing me and hit the reply button, add an "e"
to "freent"; its absense is to stop the torment of automatic mailers.
--
       ___                        cq547@freene+.+oron+o.on.ca
     _/   |    ,^%---                         llizard aka ejm
    |_____|  __<_ \  Did that help?            
      --- ==   >/                 
    [_____]  __>,^          ASCII-ar+, ASCII & gif anima+ions
  ejm|   |  //| |        www.geocities.com/SoHo/Studios/9334/

In article <35D...@iNOdirect.ca>, llizard <lli...@iNOdirect.ca> writes
>
>Because of this newfound knowledge, I have now added a second part to my
>template. It can be found at
>
>http://www.geocities.com/SoHo/Studios/9334/animlesson2.htm#top
>
>
           -=oO[  2 Java-Anims on 1 page!  ]Oo=-

<-quote->
>
> Oh yes, one more thing:
> You can only have one Javascript animation running per page.
>
<-unquote->


[][ hi ...

  i got an error code when loading 'animlesson2.htm' into ms.Ie4  :(
  ... it complained of 'object not found' ...

  ... to get it to show the two anims on the same page i adjusted the
      anim-code slightly so that it would show prop'ly.

  it now seems to be fixed for ms.Ie4 ... but i dont know if the fix
      has broken it (the anims) for other browsers?

[][ here is the just the active script section ... (crude patched) ...

--------8<------cut-here-------8<---------
<HTML>
<HEAD>
   <TITLE>optimizing your Javascript ASCII-animation</TITLE>
</HEAD>
<body bgcolor="#FFF6E9" text="#800000" link="#008000" Alink="#0000FF"
Vlink="#008080" onload="ticker()">

<a name="top"> </a>
<h1>Optimizing your Javascript ASCII-animation</h1>
</center>

<p>Perhaps your animation has similar lines in each frame. You can optimize it
and substantially reduce the size (always a good thing) making it much faster
 to load.</p>
<center>
<b>bird singing</b> --ejm98
<script language="JavaScript">

function ticker()
{
        tick();
        tock();
}

    var max=0;    
function tlist(){ max=tlist.arguments.length;
        for(i=0;i<max;i++) this[i]=tlist.arguments[i];
    }
    tl = new tlist(

"   \<\")        \r\n"+
"   ( \>\\       \r",

"   \>\")        \r\n"+
"   ( \>\\       \r"

    );
    var x=0;
    function tick() {
        document.f.t.value=" \r\n"+
        tl[x]+
        "    \" \\\\     \r\n"+
        "       \\  ejm98\r";
        x++; if(x==max) x=0;
        //if(confirm('continue?'))
            setTimeout("tick()",70);
    }
    //--></script>
<FORM NAME=f><TEXTAREA NAME=t ROWS=6 COLS=17>
</TEXTAREA></FORM>


<script language="JavaScript">
    var mox=0;
    function tlost(){ mox=tlost.arguments.length;
        for(i=0;i<mox;i++) this[i]=tlost.arguments[i];
    }
    tol = new tlost(

" \r\n"+                    
"         ___\r\n"+  
"       _/   |   z\r",

" \r\n"+
"         ___     z\r\n"+
"       _/   |\r",

"                   z\r\n"+
"         ___ \r\n"+
"       _/   |\r"

    );
    var ox=0;
    function tock() {
        document.of.to.value=tol[ox]+
        "      |_____| ===-^^\>\r\n"+
        "        --- ==    \\/ \>\r\n"+
        "      [_____]      __\>,^\r\n"+
        "ejm    |   |      //| |\r";
        ox++; if(ox==mox) ox=0;
        //if(confirm('continue?'))
            setTimeout("tock()",250);
    }
    //-->
</script>
<FORM NAME=of><TEXTAREA NAME=to ROWS=9 COLS=27>
</TEXTAREA></FORM>
</center>

</BODY></html>
--------8<------cut-here-------8<---------

ps: fanx for the useful info. on optimisation
pps: sorry about the <HEAD> duplication in e-mail :(

[][ see yuz
[][ colin
-- 
( () /_ / /\)   _/   /? .\ /\) /) .\ /_ /_
CJRandall http://www.shieldwolf.demon.co.uk

In article <O3u...@shieldwolf.demon.co.uk>, CJRandall
<col...@shieldwolf.demon.co.uk> wrote:
> 
> In article <35D...@iNOdirect.ca>, llizard <lli...@iNOdirect.ca> writes
> >
> >Because of this newfound knowledge, I have now added a second part to my
> >template. It can be found at
> >
> >http://www.geocities.com/SoHo/Studios/9334/animlesson2.htm#top
> >
> >
>            -=oO[  2 Java-Anims on 1 page!  ]Oo=-
> 
> <-quote->
> >
> > Oh yes, one more thing:
> > You can only have one Javascript animation running per page.
> >
> <-unquote->
> 
> [][ hi ...
> 
>   i got an error code when loading 'animlesson2.htm' into ms.Ie4  :(
>   ... it complained of 'object not found' ...
> 
>   ... to get it to show the two anims on the same page i adjusted the
>       anim-code slightly so that it would show prop'ly.
> 
>   it now seems to be fixed for ms.Ie4 ... but i dont know if the fix
>       has broken it (the anims) for other browsers?
> 
> [][ here is the just the active script section ... (crude patched) ...

[snip of Fix]

> ps: fanx for the useful info. on optimisation
> pps: sorry about the <HEAD> duplication in e-mail :(
> 
> [][ see yuz
> [][ colin
> --
> ( () /_ / /\)   _/   /? .\ /\) /) .\ /_ /_
> CJRandall http://www.shieldwolf.demon.co.uk
.
        ___     !/\                   __
      _/   | ---%^^^,    /\    |  |  /  \  |  |   |
     |_____|   / \/ >   /__\   |  | |  __  |__|   |
       --- ==      >   /    \  |  | |    | |  |   |
     [_____]    __>,^ /      \ \__/  \__/  |  |   .
  ejm |   |    //| |

Thanks for pointing that out! I actually had intended to delete the bird
animation from the page and in my haste to post "Part 2" forgot to do
so.

But what an excellent mistake to have made. I can't tell you how excited
I am to learn that more than one animation can work. Very cool!

I tried adding a "tack", but I got some weird "null" appearing in the
first animation. then I tried changing it to "tuck" and just got errors.
(this is what comes of using the "Blunder around" method. Do you think
it's possible to have three?

But the two on one page works beautifully in Netscape Navigator 3.04.



NOTE: I do not pick up my mail from the idirect address that you
see. If you are e-mailing me and hit the reply button, add an "e"
to "freent"; its absense is to stop the torment of automatic mailers.
--
       ___                        cq547@freene+.+oron+o.on.ca
     _/   |    ,^%---                         llizard aka ejm
    |_____|  __<_ \ Too cool!            
      --- ==   >/                 
    [_____]  __>,^          ASCII-ar+, ASCII & gif anima+ions
  ejm|   |  //| |        www.geocities.com/SoHo/Studios/9334/

In article <35E...@iNOdirect.ca>, llizard <lli...@iNOdirect.ca> writes
>> >
>> >
>>            -=oO[  2 Java-Anims on 1 page!  ]Oo=-
>> 
>
>But what an excellent mistake to have made. I can't tell you how excited
>I am to learn that more than one animation can work. Very cool!
true!   ... and fanx :D

if, at the top of the page you had written ...
   "ONLY 1 per page" and "What follows are examples only"
i may not have tried to fix it.

i thought it was my browser playing up ...
... and only saw the comment about "1 per page" _after_ i'd made it work!

>
>I tried adding a "tack", but I got some weird "null" appearing in the
>first animation. then I tried changing it to "tuck" and just got errors.
>(this is what comes of using the "Blunder around" method. Do you think
>it's possible to have three?
yes ... i see no reason, having as many anims as can fit on the page, all
        running at once and at different speeds.
>
>But the two on one page works beautifully in Netscape Navigator 3.04.
good news ... fanx
>
i have made a clearer example on how to achieve 2 on 1 page at

  http://www.shieldwolf.demon.co.uk/anim/anim2-2.htm

the anim-code is verbose ... so variables are descriptive ...
... like 

    frame_count_one
    frame_count_two
    speed_one
    speed_two
    stop_one
    stop_two
    frame_stack_1
    frame_stack_2

and so on ...

basicly ... all u need is to include in the script the two anim_frame_stacks
 (the two separate picture-sets) and the control-routine for each, ensuring
 that the variable-names in each control-routine are different, including
 separate names for the picture-sets.

for some reason (i dont know what yet), in the control-initialise-routine that
 you use, each 'tlist' struct needs to have a unique struct name (and i dont
 mean just the pointer-label that its asigned to).
 ... this means if you use

        tl0 = new tlist0(
        tl1 = new tlist1(
        tl2 = new tlist2(  etc, there 'should be' no limit to the number.

the example i have described above in anim2-2.htm uses a different control-
 routine, somewhat simpler than yours. it doesn't require to count-up the
 number of frames in the picture-set to determine the value 'max' frames,
 altho' that could be useful, providing more flexibility to control the
 stop-start frame positions.   ... perhaps to switch, mid-stream, to another
 frame-set or control-function. (guess i'll have to get a book on Java).

i have re-written the script from your page so that its variable names are
 clearer than mud to read, while keeping the general structure.
 i've also duplicated one of the anims ... so there are now three.
 its 3Kb and e-mail'd it to you.

[][ see yuz
[][ colin
-- 
( () /_ / /\)   _/   /? .\ /\) /) .\ /_ /_
CJRandall http://www.shieldwolf.demon.co.uk