... > Page Effects > JSFireworks Help

Create custom "fireworks" effects for webpage background.

Global particle settings

Effect color and character ("Particle") will be used to display all the particles. Total amount of particles determined by Amount variable. Initial positions for each particle are random and based on width and height of webpage.

Page area

Effect area is defined by X from/to and Y from/to variables. These variables are measures in percentage of page width and height and describes a rectangle in which the explosion will be created and displayed. Initial position for particles is randomly selected in range X from - X to. Vertical position for the explosion is randomly selected in range Y from - Y to.

Explosion process

Particles fly in unison from the bottom of the webpage to selected vertical position, then for each particle randomly defined explosion way (in range Way from - Way to which defined in percent from page dimensions). Then each particle follow its explosion way during defined amount of effect cycles (or "frames") which is defined by "Explode" variable. After the explosion particles fall down to page bottom. When all of em reach bottom effect start over: new random values choosen and new firework processed.

Speed variables

Vertical speed will determine speed of each particle on its way to point of explosion and speed of falling after explosion. Horizontal speed is related to falling motion into the bottom page after explosion, as at this stage each particle will be moved to left or right with a random movement which is less than horizontal speed.

Effect delay

The delay variable will set the delay in the effect engine (in milliseconds). You can lower it to produce smoother animation, however try to keep it reasonable high to consume low CPU power.

Limited Compatibility

Note that this effect has limited compatibility! The effect works on the following browsers:

Internet Explorer 4
Internet Explorer 5
Internet Explorer 5.5 (or later)
Opera 5.12 (or later)
Netscape 4.5
Netscape 6 (or later)

Other settings

There are other settings that are discussed on the following topics from the Anfy Flash documentation:

Working With Text Fields
Working With File Fields And File Lists
Working With Color Buttons
JavaScript Effect Compatibility
Working With Time Delays and Pauses




Aleksey Udovydchenko

 


© 2002-2003 AnfyTeam. All rights reserved.