This is pretty simple question I think for those who knows javascript/jquery good. I am pretty new to all this and couldn't make it. I found code that is calculating the offset of navbar that looks like this:   var offset = 50;  $('.navbar li...

I'm creating a side-scrolling endless space themed game using canvas and JavaScript. I'm controlling a spaceship just by using the up and down arrows and I want to implement some kind of movement easing so that the ship doesn't just stop...

I am aware of OrbitControls.js having a damping feature, which adds a smooth dragging of panorama, also known as easing. I want to implement the same functionality but without using this library. The reason is that I need to reduce amount of code use...

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 trying to create a custom easing function and I am experiencing a few difficulties. In other words, the maths is confusing me...  I would like my function to increment the width of a some elements within my page, and the increment value needs to...

I'm having trouble figuring out this simple math problem. I have spent over two hours reading through various related answers on SO and Google, but it seems my high school math knowledge is gone.  On the page I have an element, that, once it pass...

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...