This page helps you create a stylish animation text effect with a spiral firework pattern. The letters are rolling in while being scaled down from an initial large size to form a text line at your specified baseline and font size. The firework pattern is displayed as rings of blinking stars radiated outward in a spiral fashion. The stars are fading while moving out of the firework center.

You can change the density of the firework pattern by the number of concentric rings and the number of stars per ring. The text rolling effect can be controlled with additional rotational effect. You can vary several basic parameters such as the initial and ending font size, star colors, and the rolling speed to customize the animation sequence for your design need. This effect is available with five high-quality commercial typefaces.

This technique works best with dark background to simulate real firework at night. The rendered image is originally designed at 400 by 200 pixels. If the image width and height are specified at this size, no scaling will occur. For best result, your design image should be cropped to the same dimension to avoid the scaling artifacts.

The Linux-based ActionScripting engine behind this page generates the graphic file in industry standard Flash swf format that is supported by most modern browsers, and is compatible to all Flash player versions. You can leave all paramaters at their default values and generate the Flash file with just one click.

All you need to do is to supply the text and choose an appropriate background, the firework pattern and the color of the stars. The final Flash file is generated including appropriate HTML codes with just one click. You do not need to know Flash or program its scripting language. You do not have to use any traditional desktop Flash tools to create this effect. Enjoy.
1. Width of image   
(default 400 pixels)

2. Height of image   
(default 200 pixels)

3. Text vertical position   
(default 80 pixels)

4. Text horizontal position   
(default 40 pixels)

5. Enter your text to render
(up to 120 characters)


6. Font size   
(default 20 points, max 72 points)

7. Typeface: Arial Black


8. Starting text size scale   
(default 1500 percent)

9. Ending text size scale   
(default 100 percent)






The following Flash image demonstrates this firework effect. The firework pattern consists of five concentric rings with four stars per ring in rainbow colors. You can change the placement offset of the center of the pattern so the firework appears directly behind each animated character. The firework pattern can be denser with more rings and the number of stars per ring. You should specify a fairly long duration for the initial firework pattern to appear with its blinking stars and glitters.


10. Choose a background color.
Transparent

11. Choose the text color.

Use rainbow colors
12. Or choose the star color.

13. Number of rings   
(default 5)
14. Stars per ring   
(default 4)
15. Minimum star size   
(default 50%)
16. Maximum star size   
(default 250%)
17. Firework diameter   
(default 150)
18. Firework horizontal offset   
(default 0)
19. Firework vertical offset   
(default 0)
20. Text rotation angle   
(default 0, from -180 to 180 degrees)
21. Delay between letters   
(default 500 ms)
22. Initial firework duration   
(default 1000 ms)
23. Page transition time   
(default 1000 ms)
24. Number of repetitions   
(default 1000, 0 for no repetition)

The parameters are self-explanatory. If you do not understand its meaning, change its value and see how it affects the text animation.

The generated Flash swf file will be automatically removed from the server in approximately one hour. Right click on the apppropriate link and choose "Save Link As..." or "Save Target As..." to download the Flash or HTML file to your computer.