Creating a smooth sliding effect with Lerp

  • 37 favourites


8,716 visits, 13,696 views



This tutorial hasn't been translated.


This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

UPDATE: 18-09-2012

Check out EaseTween!

I recommend to check out the EaseTween behaviour as well. It will save you time, and add awesome effects!

Edit(Might also be Buggy sometimes!)

Here is a comparison of my lerp slide, and slides using EaseTween:

Comparison of Lerp and Ease Tween in project.

EaseTween can be found here:



While I am working on a project for a competition I made this CAPX you might find useful.

I use it to create slides that look like a PowerPoint presentation.

Sneak Peak:

Slide Example


OK, let's talk a little about Lerp:


Lerp is a VERY useful function.

It takes 3 values. A, B, and C.

A and B are are the two moving points, and C is the percentage between them and is usually a number between 0 and 1 ( 0 = 0%, 1 = 100%)

So if we set lerp to A,B, 0,5; we get the point right in between A and B.

Simple eh?

Now In the Capx there is a Variable for all 3 Lerp values, but let's focus on whats making it slide, the Variable for C.

Every Tick we are adding: 1 dt* to C, this means that over 1 second, C goes from 0 to 1 (or 0% to 100%).

So it goes from slide A to slide B in one second.. SMOOTH!

More info inside the Capx :)


The CAPX is very well commented, so that should be enough for you to learn of :) Else I will add more when I am done with my current project.

Here is the CAPX:



Bye for now, I gotta Finnish my Competition entry!


  • Order by
Want to leave a comment? Login or Register an account!