login: password:
login or register!
 | | | |
 |   |
 |  ()

Exporting into HTML, FlashMX, plain text

ASCIImator Tutorial

Export (the “export” button) generates the animation’s code to insert it into your own HTML page, or into FlashMx application, or just into plain text file. Further you can dispose the asciimation to any place of the page (stage). And you can have as many asciimations on one page (stage) as you want! Just imagine all your capabilities. You can dress the page with beautiful miniature. Or make a large animation and convert it into the background image.

Furthermore you can create more complex and saturate animations. For instance you made manikin waving his hands. Lately a pretty airplane arisen. And you decided to combine them in to one clip: manikin not just waves his hand but call the flying airplane. Still further the manikin is standing on the hill and sun is shining.

Do you see? You don’t need to create this complex composition in one asciimation. You have already animated manikin, animated airplane, and now it’s necessary just to draw the hill with the sun and gather these tree separated animations on one page. (Who knows flash animation can recognizes the technique of independent “movie clips” here). And export option allows doing this. Every ascii code produced can be placed to HTML page (FlashMX stage) independently from each other.

After you press “export” button the program ask you to input filename and it’s description (similar to “save” option). But in this case you should pay particular attention to choose filename. If you want more then one asciimations on the page you must choose different names. Be careful! If names are similar mistake happens!

Then you should choose one of three exporting format:

1. JavaScript animation (always looped)
Useful for asciimations inserting in web pages as stylish feature. Also can be used for gethering several different movies together in one complicated asciimation clip


2. in ASCIIMATOR player (with control toolbar)
Useful when asciimation is inserted as independent movie, as a part of ascii animation collection. Especially good for one loop asciimations (always looped asciimation also can be viewed through this player).


If name of the file is correct the code is produced. Now you have just to copy it and paste in to the place where you want your asciimation to be.

For these both JavaScript formats exporting code begins with:
<!-- ASCIIMATION : filename (begin)-->

And ends:
<!-- ASCIIMATION : filename (end)-->

Be careful to copy entire code included between these tags. And remember that all html code must be placed inside <body> and </body> tags (this code is not an exception). After you insert asciimation on your page you can correct some parameters without going back to asciimator engine. You easily find them in the beginnings of output file. Here they are:

title – the file description which will pop up as alt text
family – font face (available: “courier”, “courier new”, “lucida console”)
fsize – font size
bgcolor – background color
fcolor – font color
speed – speed of looping in ms/frame (from 0 to infinity)
looped – looped flag (available: true, false)
fwidth – frame width
fheight – frame height
lh – line height (100% means that there are no any spaces between two lines)

As you can see all this params are similar to asciimator engine’s ones. If something still unclear, look through the Step 1 : Asciimation Making

3. ScrollBar animation (can be imported later)
Create classic old style asciimation can be viewed in a text file by clicking repeatedly PageDown button. But more powerful for IMPORT option - not only for asciimator.net (is ready now) but also for JavE application (under construction)

Copy output text in simple .txt file and save it on your computer. That's all. ScrollBar asciimation is ready!

Look Importing into ASCIIMATOR for importing details

4. ActionScript animation (for using in FlashMx)
The exporting ActionScript code is very similar to JavaScript ones. But in this case you should insert it into the first frame of the main timeline (or into the first frame of any movieClip).

After inserting you should test movie. Besides animation you will see prompt message (trace option makes it) how the stage size must be changed (width and height). It's useful if you plan to have independent movie as separate file. If you insert asciimation into some movieClip and plan to use it as a piece of some global movie you shouldn't change the stage size as prompted.

That's all! Your flash asciimation is ready! Just export it as swf file and enjoy!
                         ( o o )
ascii art center [ Join Now | Ring Hub | Random | << Prev | Next >> ]
Questions, suggestions, contact: : asiekierka@gmail.com (c) 2005-2015