Author Topic: 0.2.0 � /ˈtaNGɡō/ � seamless UI movement with easing methods (Read 6699 times)

Megapixel · November 30, 2014, 07:26:37 PM

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 · Advertisement

Nal · November 30, 2014, 07:28:22 PM

holy forget

Trogtor · November 30, 2014, 07:28:57 PM

amazing as always

PurpleMetro · November 30, 2014, 07:30:16 PM

you are awesome

Blake1 · November 30, 2014, 07:36:29 PM

this is cool, like really cool!

Good job!

Megapixel · November 30, 2014, 07:42:53 PM

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 · November 30, 2014, 07:44:00 PM

holy stuff thats hot

otto-san · November 30, 2014, 07:51:30 PM

this is jawsome

Megapixel · November 30, 2014, 07:53:17 PM

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

Megapixel · November 30, 2014, 08:42:10 PM

0.1.1

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

The Subject · November 30, 2014, 08:58:49 PM

This is perfect for client event text.

Boink! · November 30, 2014, 10:55:15 PM

holy forget
if you're zapk you just redeemed yourself

TristanLuigi · November 30, 2014, 11:24:03 PM

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

ZSNO · November 30, 2014, 11:36:28 PM

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

Honno · December 01, 2014, 12:37:21 AM

Zapk my nig