0.2.0 · /ˈtaNGɡō/ · seamless UI movement with easing methods

[Megapixel]

Tango is a small API / library that allows the seamless movement of GUI objects. It allows easing, to make the experience smoother and richer.

It also includes a scrollbar-friendly function for setting the position of GUI objects.

Quick Examples

Shown here is the authentication bar sliding on-screen with ease. Doing so with some side-parted elements can relieve the user of being overwhelmed.



A fast and easy method for cascading down fields. It makes opening the GUI feel nicer.



This may look like it's an unnecessarily advanced piece of eye-candy to code. But really, this is all you will need:

keyText0.tangoMoveTo("6 7", 1000, expo);
keyText1.tangoMoveTo("66 7", 1100, expo);
keyText2.tangoMoveTo("118 7", 1200, expo);
keyText3.tangoMoveTo("170 7", 1300, expo);

And yes. It supports both dimensions, of course ...



Easing Types

The easing formulas currently available in Tango are: quad , sine , expo , circ , cube , quart , elastic , and of course - linear.

Here are a few of my favourites.

Exponential ( expo )



Quadratic ( quad )



Linear ( default )



Documentation

Full documentation on the usage of Tango can be seen through the link below.

tango-doc.html

Generated using Greek2Me's TorqueDoc.

Download

Version: 0.2.0

tango.cs

Please leave bugs & feedback below.



Yeah. I am back ... at least, a little bit.

While I cannot argue that I don't deserve any hate, I don't need the extra emotion right now that would grow on me if I were to reply.

[Ad Bot]

[Nal]

holy forget

[Trogtor]

amazing as always

[PurpleMetro]

you are awesome

[Blake1]

this is cool, like really cool!

Good job!

[Megapixel]

Playing around.



MM_StartButton.tangoSetPosition("-200 120");
MM_JoinButton.tangoSetPositio n("-200 160");
MM_PlayerButton.tangoSetPosit ion("-200 200");
MM_OptionsButton.tangoSetPosi tion("-200 240");
MM_CreditsButton.tangoSetPosi tion("-200 280");
MM_QuitButton.tangoSetPositio n("-200 422");

MM_StartButton.tangoMoveTo("0 120", 2100, expo);
MM_JoinButton.tangoMoveTo("0 160", 2200, expo);
MM_PlayerButton.tangoMoveTo("0 200", 2300, expo);
MM_OptionsButton.tangoMoveTo("0 240", 2400, expo);
MM_CreditsButton.tangoMoveTo("0 280", 2500, expo);
MM_QuitButton.tangoMoveTo("0 422", 2600, expo);

[Trogtor]

holy stuff thats hot

[otto-san]

this is jawsome

[Megapixel]

I'll be updating the Rising Lava client with a few Tango implementations. Eventually.

[Megapixel]

0.1.1

* Fixed bug where the GuiControl would sometimes be a pixel off its destination.
* Removed the tngEx testing function.

[The Subject]

This is perfect for client event text.

[Boink!]

holy forget
if you're zapk you just redeemed yourself

[TristanLuigi]

I'd love to see gifs of the other modes :)

[ZSNO]

looks smexy, but how much overhead does this cause because of the amount of schedules it uses?

[Honno]

Zapk my nig