Hoi hoi,
Ik moet zeggen dat ik niet de beste ben in JavaScript. Ik zie dus ook niet direct de fout hier in de code.Wel heb ik de volgende code online gevonden:
function buildSineWave(amplitude)
{
//---mask fill bottom of circle
var startPoint=[0,400]
var endPoint=[400,400]
var originX=0
var percent=parseFloat(percentSelect.options[percentSelect.selectedIndex].value)
var originY=400*(1-percent)
var width=400
var pointSpacing=1
var angularFrequency=.02
var phaseAngle=90
var origin = { //origin of axes
x: originX,
y: originY
}
var points=[]
points.push(startPoint)
var x,y
for (var i = 0; i < width/pointSpacing; i++)
{
x= i * pointSpacing + origin.x
y= Math.sin(angularFrequency*(i + phaseAngle)) * amplitude + origin.y
points.push([x,y])
}
points.push(endPoint)
sineWave.setAttribute("points",points.join(" "))
}
function animateSineWave()
{
var range=60 //--amplitude +/- ---
var FPS=120 //---frames per second---
var duration=2000 //---ms, 2 seconds---
//----core animation function---
new AnimateJS(
{
delay: 1000/FPS,
duration: duration,
delta: linear,
output: function(delta)
{
if(delta<=.5)
var amplitude=range*delta
else
var amplitude=60-range*delta
buildSineWave(amplitude)
if(progress==1)//---run again---
animateSineWave()
}
})
}
(Je kan dit soort stukken code sturen door "```" om de code heen te doen [zonder "])
Dit komt van hier ik weet niet zeker of je daar wat aan hebt. Hopelijk wel.
Anders loop je misschien tegen hetzelfde probleem aan als degene die hier met iets soortgelijks bezig is.
Ik hoop dat deze 2 bronnen je verder helpen, voor de rest is internet je grote vriend! Als je je probleem in het engels googled kom je vaak genoeg op plekken uit waar mensen tegen dezelfde problemen aan lopen.
Groetjes,
Jip
