You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.2 KiB
60 lines
1.2 KiB
(function(){
|
|
var waves = new SineWaves({
|
|
el: document.getElementById('waves'),
|
|
speed: 5,
|
|
rotate: 0,
|
|
ease: 'SineInOut',
|
|
wavesWidth: '75%',
|
|
waves: [
|
|
{
|
|
timeModifier: 4,
|
|
lineWidth: 1,
|
|
amplitude: -20,
|
|
wavelength: 20
|
|
},
|
|
{
|
|
timeModifier: 2,
|
|
lineWidth: 1,
|
|
amplitude: -10,
|
|
wavelength: 27,
|
|
},
|
|
{
|
|
timeModifier: 1,
|
|
lineWidth: 1,
|
|
amplitude: -27,
|
|
wavelength: 27,
|
|
},
|
|
{
|
|
timeModifier: 3,
|
|
lineWidth: 1,
|
|
amplitude: 36,
|
|
wavelength: 36
|
|
},
|
|
{
|
|
timeModifier: 0.5,
|
|
lineWidth: 1,
|
|
amplitude: -50,
|
|
wavelength: 50
|
|
},
|
|
{
|
|
timeModifier: 1.3,
|
|
lineWidth: 1,
|
|
amplitude: -36,
|
|
wavelength: 36
|
|
}
|
|
],
|
|
initialize: function (){},
|
|
resizeEvent: function() {
|
|
var gradient = this.ctx.createLinearGradient(0, 0, this.width, 0);
|
|
gradient.addColorStop(0,"rgba(0, 0, 255, 0)");
|
|
gradient.addColorStop(0.5,"rgba(255, 0, 0, 0.75)");
|
|
gradient.addColorStop(1,"rgba(0, 255, 0, 0");
|
|
var index = -1;
|
|
var length = this.waves.length;
|
|
while(++index < length){
|
|
this.waves[index].strokeStyle = gradient;
|
|
}
|
|
}
|
|
});
|
|
})();
|