login: password:
login or register!
 ______..
|_______|
 | | | |
     _
 _.-'|
 |   |
 |  ()
()

Importing into ASCIIMATOR

ASCIImator Tutorial

You can import any ScrollBar animation into asciimator engine to publish it on www.asciimator.net or for further exporting your asciimation to insert it into your own web page as JavaScript animation.

To be imported correctly ScrollBar asciimation must meet next requirements.

The first
Asciimation must be already viewed correctly. Frames must not “jump”. It means that all frames have similar height and each frame is divided from another with one empty line.

For instance:
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   o       }|     o   )  |{
   |\          }|________/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   :       }|     :   )  |{
   |\  o       }|_____o__/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   :       }|     :   )  |{
   |\  :       }|_____:__/|__|{
  / |  o ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   :       }|     :   )  |{
   |\  o       }|_____o__/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   o       }|     o   )  |{
   |\          }|________/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
The second
Asciimation must have particular HEADER. Here it is
,--> Resize your browser window until this line is at the top and... <-.
|                                                                      |
|                                                                      |
|                                                                      |
|                                                                      |
`-> ...this one is at the bottom. Hit page down repeatedly to scroll.<-'
Be careful to copy this text and insert it without any changing in to the top of your ScrollBar asciimation. Notice! The number of such lines
|                                                                      |
defines numbers of lines in every frame of our asciimation.

So, you have add to the HEADER text as much such lines as are needed. Every frame in our previous example consist of 7 lines:
1               }@VVVVVVVVVVVV@{
2               }|            |{
3     O         }|       O    |{
4    /\_        }|      _/\   |{
5   (   o       }|     o   )  |{
6   |\          }|________/|__|{
7  / |    ejm   }@vvvvvvvvvvvv@{
Therefore it must look for import operation as the next:
,--> Resize your browser window until this line is at the top and... <-.
|                                                                      |
|                                                                      |
|                                                                      |
|                                                                      |
|                                                                      |
|                                                                      |
|                                                                      |
`-> ...this one is at the bottom. Hit page down repeatedly to scroll.<-'
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   o       }|     o   )  |{
   |\          }|________/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   :       }|     :   )  |{
   |\  o       }|_____o__/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   :       }|     :   )  |{
   |\  :       }|_____:__/|__|{
  / |  o ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   :       }|     :   )  |{
   |\  o       }|_____o__/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
 
               }@VVVVVVVVVVVV@{
               }|            |{
     O         }|       O    |{
    /\_        }|      _/\   |{
   (   o       }|     o   )  |{
   |\          }|________/|__|{
  / |    ejm   }@vvvvvvvvvvvv@{
Try to copy this fragment and import it into asciimator. Good luck! Feel free to ask any question: to@asciimator.net
                          !!!!!
                         ( o o )
--------------------oOO----(_)----OOo------------------------
ascii art center [ Join Now | Ring Hub | Random | << Prev | Next >> ]
Questions, suggestions, contact: : asiekierka@gmail.com (c) 2005-2015