I'm trying to simulate gravitational pull/acceleration in the following animation. earth's angular velocity should increase as it gets closer to sol and decrease as it gets far. I think I'll need an easing function to modify the earth.ang...

I need to count up from 1 to 60 but i want to count up with an easing, so for example it would go from 1 to 30 with a 100ms delay, after that i need to increase the delay so the counting will gradually slow down when it reaches 60. This is what i got...

I have a count up code here:  HTML:  <div id="value">700</div> <div id="value2">1000</div>   JavaScript:  function animateValue(id, start, end, duration) {     var start= 0 ;     var end = parseInt(document.get...

I am creating a horizontal bar chart using d3. And I am using an animation to "grow" the chart at startup. Here is the code.  // Create the svg element d3.select("#chart-area")     .append("svg")     .attr("height", 80...

I'm building an image preload animation, that is a circle/pie that gets drawn. Each 'slice' is totalImages / imagesLoaded. So if there are four images and 2 have loaded, it should draw to 180 over time.  I'm using requestAnimFrame, wh...

I have a kind of splash screen, where you press one of the logo's and it animates the logo to the center, then loads the content for it. Then when you press the main top logo, it hides the content and goes back to the splash screen. However I am...

I have the following function:  Math.easeIn = function (val, min, max) {   strength = 4;   val /= max;   return (max-1)*Math.pow(val, strength) + min; };   Given Math.easeIn(5, 1, 10), I get 1.5625. I would like a function that given a val of 1.5625,...

I have created a search-bar that eases in and out of hidden and visible using fixed widths. I'm using jQuery UI to toggle the widths with easing, however, I'm having issues with getting the widths to ease in properly. Rather than easing in, i...

I have written a function that when invoked, will scroll the page downwards in a smooth fashion.  The problem is that the amount scrolled is not precise. It can be off by one pixel or so depending on the distance scrolled and the duration of the scro...

I would like to know what the name of this effect: http://www.thefeebles.com/ (hover the links on the left). They are using TweenLite, but I dont know how can i do this effect!  I tried but it's not the same: http://maiconfurtado.com.br/fabio/  A...