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)

Designed to:

On every click (left-mouse-button), the object will move automatically according to a fixed path as described below: around the edges of the viewport, diagonally across the viewport.
Around the edges of the viewport, diagonally across the viewport.
Diagonally across the viewport, the back to its original position (top-left of viewport).
To the center of the viewport.
To a diamond shape at the center of the viewport.
Finally, to a clock-wise circular move at the center of the viewport.