Submenu text transitioning + effects!

10-09-2011, 06:17 AM #1

Diddles2Fresshh

Banned

320

Posts

1,057

Reputation

0

Credits

Banned

Mar 2010

NextGenUpdate

(adsbygoogle = window.adsbygoogle || []).push({}); Basically this is a tutorial on how to make your menu text slide in one by one or fade one by one. If you know your stuff you would know that this takes little to no effort to do. Lets start!

This tut will be shown using Karoolus's menu an example

- So here we have a basic SubMenu Function

    

ChangeMenu(value)

{

	self.curmenu = value;

	self.chosen = 0;

	self.ScrollBar moveOverTime(0.1);

	self.ScrollBar.y = self.display[0].y;

	self notify("option_checked");

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

	}

}

- To make this have an effect you need one of these functions

    



elemMoveY(time, input)    

{    

        self moveOverTime(time);     

        self.y = input;    

}   

elemMoveX(time, input)    

{    

        self moveOverTime(time);     

        self.x = input;    

}  

elemFade(time, alpha)    

{    

        self fadeOverTime(time);    

        self.alpha = alpha;    

}

- After you have that take a look at this code

    

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

	}

- You will notice that its a Loop function, Make a new Loop function and add a 'wait .0001;' code in it. Make it look like this

    

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] elemMoveX(0.2, -1000); //Edit to your preference. 

                wait .0001;

	}

- Then add it in and make it look like this

    

ChangeMenu(value)

{

	self.curmenu = value;

	self.chosen = 0;

	self.ScrollBar moveOverTime(0.1);

	self.ScrollBar.y = self.display[0].y;

	self notify("option_checked");

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] elemMoveX(0.2, -1000); //Edit to your preference. 

                wait .0001;

	}

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

	}

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] elemMoveX(0.2, 200); //Edit to your preference. 

                wait .0001;

	}

}

And your done! I will fix this thread up later, sorry if its confusing.

(adsbygoogle = window.adsbygoogle || []).push({});

10-10-2011, 02:04 AM #2

cadpimp1289

Do a barrel roll!

108

Posts

147

Reputation

0

Credits

Premium

Jan 2011

NextGenUpdate

Originally posted by Clown

Basically this is a tutorial on how to make your menu text slide in one by one or fade one by one. If you know your stuff you would know that this takes little to no effort to do. Lets start!

This tut will be shown using Karoolus's menu an example

- So here we have a basic SubMenu Function

    

ChangeMenu(value)

{

    self.curmenu = value;

    self.chosen = 0;

    self.ScrollBar moveOverTime(0.1);

    self.ScrollBar.y = self.display[0].y;

    self notify("option_checked");

    for (i = 0;i <= self.display.size;i++)

    {

        self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

    }

}

- To make this have an effect you need one of these functions

    



elemMoveY(time, input)    

{    

        self moveOverTime(time);     

        self.y = input;    

}   

elemMoveX(time, input)    

{    

        self moveOverTime(time);     

        self.x = input;    

}  

elemFade(time, alpha)    

{    

        self fadeOverTime(time);    

        self.alpha = alpha;    

}

- After you have that take a look at this code

    

    for (i = 0;i <= self.display.size;i++)

    {

        self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

    }

- You will notice that its a Loop function, Make a new Loop function and add a 'wait .0001;' code in it. Make it look like this

    

    for (i = 0;i <= self.display.size;i++)

    {

        self.display[i] elemMoveX(0.2, -1000); //Edit to your preference. 

                wait .0001;

    }

- Then add it in and make it look like this

    

ChangeMenu(value)

{

    self.curmenu = value;

    self.chosen = 0;

    self.ScrollBar moveOverTime(0.1);

    self.ScrollBar.y = self.display[0].y;

    self notify("option_checked");

    for (i = 0;i <= self.display.size;i++)

    {

        self.display[i] elemMoveX(0.2, -1000); //Edit to your preference. 

                wait .0001;

    }

    for (i = 0;i <= self.display.size;i++)

    {

        self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

    }

    for (i = 0;i <= self.display.size;i++)

    {

        self.display[i] elemMoveX(0.2, 200); //Edit to your preference. 

                wait .0001;

    }

}

And your done! I will fix this thread up later, sorry if its confusing.

Thank you for this even if I dont use it its still nice to see someone is trying to help out.

10-10-2011, 04:22 PM #3

eXeRai

Do a barrel roll!

129

Posts

40

Reputation

0

Credits

Premium

Jan 2011

NextGenUpdate

Nice makes it look alot cleaner

10-10-2011, 08:10 PM #4

Correy

I'm the Original

2,944

Posts

28,919

Reputation

4

Credits

Former Staff

Dec 2010

NextGenUpdate

Originally posted by Clown

Basically this is a tutorial on how to make your menu text slide in one by one or fade one by one. If you know your stuff you would know that this takes little to no effort to do. Lets start!

This tut will be shown using Karoolus's menu an example

- So here we have a basic SubMenu Function

    

ChangeMenu(value)

{

	self.curmenu = value;

	self.chosen = 0;

	self.ScrollBar moveOverTime(0.1);

	self.ScrollBar.y = self.display[0].y;

	self notify("option_checked");

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

	}

}

- To make this have an effect you need one of these functions

    



elemMoveY(time, input)    

{    

        self moveOverTime(time);     

        self.y = input;    

}   

elemMoveX(time, input)    

{    

        self moveOverTime(time);     

        self.x = input;    

}  

elemFade(time, alpha)    

{    

        self fadeOverTime(time);    

        self.alpha = alpha;    

}

- After you have that take a look at this code

    

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

	}

- You will notice that its a Loop function, Make a new Loop function and add a 'wait .0001;' code in it. Make it look like this

    

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] elemMoveX(0.2, -1000); //Edit to your preference. 

                wait .0001;

	}

- Then add it in and make it look like this

    

ChangeMenu(value)

{

	self.curmenu = value;

	self.chosen = 0;

	self.ScrollBar moveOverTime(0.1);

	self.ScrollBar.y = self.display[0].y;

	self notify("option_checked");

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] elemMoveX(0.2, -1000); //Edit to your preference. 

                wait .0001;

	}

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] setText(self.Menu["Names"][self.curmenu][i]);

	}

	for (i = 0;i <= self.display.size;i++)

	{

		self.display[i] elemMoveX(0.2, 200); //Edit to your preference. 

                wait .0001;

	}

}

And your done! I will fix this thread up later, sorry if its confusing.

no trolling but i'm sure i've already posted this :bat:

10-10-2011, 09:04 PM #5

Diddles2Fresshh

Banned

320

Posts

1,057

Reputation

0

Credits

Banned

Mar 2010

NextGenUpdate

Originally posted by Correy

no trolling but i'm sure i've already posted this :bat:

This is for TEXT transitioning when opening Sub Menus not SHADER transitioning kthxbai.

The following 2 users groaned at Diddles2Fresshh for this awful post:

BlazingDope, Correy