Sine Wave Object

The SineWave Object will slide the layer along a sine wave path.

Initialization:

objectName.sinewave = new SineWave("objectName","sinewave")

Example:

mylayer = new DynLayer("mylayerDiv")
mylayer.sinewave = new SineWave("mylayer","sinewave")

The play() Method:

The play() method begins the sine wave:

objectName.sinewave.play(amplitude,wavelength,angleinc,angle,cycles,direction,speed,fn)

Where:
• amplitude - the amplitude of the wave
• wavelength - length of one wave
• angleinc - angle incremention
• angle - starting angle
• cycles - the number of cycles
• direction - use 1 for right, -1 for left
• speed - speed of repetition
• fn - (optional) function or statement to execute when complete

Notes:
• If you want the sinewave to keep looping then pass null for the cycles value.

Examples:

mylayer.sinewave.play(60,200,15,0,2,1,20)

The pause() and stop() Methods:

Work the same as in the circle() method.

Demo:

View sinewave1.html for a sinewave example.

Source Code

Download: sinewave.js
View Source: sinewave.js

Geometric Objects

• Circle Object
• Hover Object
• Sine Wave Object
• Parabola Object

Home	Next Lesson: Path Animation

copyright 1998 Dan Steinman