GSUnit.com

Web design & Development

2D Animations jscript
Author: Sam Ruos
Simple viewport control: Using Javascript & JQuery
Knowing your perimeter of your viewport. That was my approach before I put my simple idea into practice, and the idea was to just move a DIV element around/across certain boundary within the internet browser.

Wouldn't you like to have control over your DIV elements' movements? There are known issues where javascript and jquery don't seem to work as expected with browsers like FireFox and Safari.

Open your console and take a peek at the codes to how simple my approach is and let me know your views.

Click on object (move within viewport) with trails

Designed to:

Move automatically and complete its course with one left-click. By default, the object is moved following the path from previous example. With the exception of trails following behind.

Case study:

When moving diagonally, the object doesn't land exactly right on the corner without having to slide into position relating to x/y axes ie. it's sliding vertically into position (at least 1/2 of the object size).

I might need to play with pi/cos/sin... perhaps?