[Release] Radial Menu - NextGenUpdate

08-27-2012, 03:31 AM #1

Jakes625

Guest

n/a

Posts

n/a

Reputation

n/a

Credits

Member

Once upon a time...

NextGenUpdate

(adsbygoogle = window.adsbygoogle || []).push({}); This is a radial menu using no button handling. It uses purely math + shaders. Thanks to yamato for orientable shader code (It gave me the idea + less work for me :carling Smile

. The rest was done with math. I used the radial menu in the example as a prestige menu but you can use it for anything else ;P

To Call The Radial Menu:

    

self thread radial_menu();

This is a blank gsc:

    

#include maps\mp\gametypes\_hud_util;

#include maps\mp\_utility;

#include common_scripts\utility;



init()

{

level thread Connected();

precacheShader( "compassping_enemyfiring" );

}



Connected()

{

	for(;

	{

		level waittill( "connected", player );

		player thread Spawned();

	}

}



Spawned(){

self endon( "disconnect" );

	for(;

	{

		self waittill( "spawned_player" );

		self thread radial_menu();

	}

}



radial_menu()

{

	self.bg = self createShader("FULLSCREEN", "FULLSCREEN", "FULLSCREEN", "FULLSCREEN", 0, 0, 800, 800, "black", (0,0,0), 1, 1);

	self thread destroyOn( self.bg, "menu_option_selected" );

	for(i=0;i<11;i++)

	{

		self.radial[i] = self createShader("center", "middle", "center", "middle", 0, 0, 40, 40, "rank_prestige"+i, "", 1, 2);

		angle = i*(360/11);

        angle += 360;

        angle = int( angle ) % 360;

        angle -= 90;

        self.radial[i].x = 0 + cos( angle ) * 100;

		self.radial[i].y = 0 + sin( angle ) * 100;

		self thread destroyOn( self.radial[i], "menu_option_selected" );

	}

	self thread OrientableShader( anglestoforward( self.angles ) * 1000, "compassping_enemyfiring", 0, 0, 80, 10, 10);

}



OrientableShader( position, shader, x, y, radius, sizex, sizey )

{

    self endon( "death" );

    self endon( "disconnect" );

	self endon( "menu_option_selected" );

    self.clocky = createIcon( shader, sizex, sizey );

    self.clocky setPoint( "", "", x, y );

    self.clocky.alpha = 1;

	self.clocky.sort = 2;

	self thread destroyOn( self.clocky, "menu_option_selected" );

	self thread useButtonShit();

    while( 1 )

    {

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

			self.radial[i].alpha = 0.5;

        anglestoclock = vectorToAngles( vectorNormalize( anglesToForward( (self.angles * -1) ) ) );

        anglestopos = vectorToAngles( position - (self.origin * -1) );

        angle = anglestoclock[1] - anglestopos[1];

        angle += 360;

        angle = int( angle ) % 360;

        angle -= 90;

        self.clocky setPoint( "", "", x + cos( angle ) * radius, y + sin( angle ) * radius );

		self.radial[ getClosest( self.clocky, self.radial ) ].alpha = 1;

    wait 0.05;

    }    

}



useButtonShit()

{

self notifyOnPlayerCommand( "use", "+usereload" ); //+activate on pc

x = 1;

	while(x==1)

	{

		self waittill( "use" );

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

			self.radial[i].alpha = 0.5;

		val = getClosest( self.clocky, self.radial );

		img = self.radial[ val ];

		img.alpha = 1;

		img moveOverTime( 1 );

		img.x = 0;

		img.y = 0;

		wait 1;

		for(i=0;i<11;i++)

		{

			if(i<5 && i != val)

			{

				self.radial[i] moveOverTime( 3 );

				self.radial[i].x = 1200;

			}

			else if(i>=5 && i != val)

			{

				self.radial[i] moveOverTime( 3 );

				self.radial[i].x = -1200;

			}

		}

                self setPlayerData( "prestige", val );

		x=0;

		self notify( "menu_option_selected" );

	}

}



getClosest( org, array )

{

	if ( array.size < 1 )

		return;



	dist = 1000000;

	ent = undefined;

	for ( i = 0;i < array.size;i++ )

	{

		newdist = distance( (array[ i ].x, array[ i ].y, 0), (org.x, org.y, 0) );

		if ( newdist >= dist )

			continue;

		dist = newdist;

		ent = i; //array[i]

	}

	return ent;

}



createShader(point, rPoint, npoint, rnpoint, x, y, width, height, elem, colour, Alpha, sort)

{

shader = newClientHudElem(self);

shader.horzAlign = point;

shader.vertAlign = rPoint;

shader.alignX = npoint;

shader.alignY = rnpoint;

shader.x = x;

shader.y = y;

shader.sort = sort;

shader.alpha = Alpha;

shader.color = colour;

shader setShader(elem, width, height);

return shader;

}



destroyOn( elem, event )

{

	self waittill_any( "death", event );

	elem fadeOverTime( 0.5 );

	elem.alpha = 0;

	wait 0.5;

	elem destroy();

}

Video:

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

The following 11 users say thank you to Jakes625 for this useful post:

247Yamato, jets, Kitty=^.^=, Jango, Cmd-X, Restxrt Modz, Uk_ViiPeR, Vampytwistッ, xePixTvx

08-27-2012, 03:38 AM #2

Jango

I love my kitteh

2,862

Posts

21,040

Reputation

0

Credits

Premium

Sep 2010

NextGenUpdate

Originally posted by GAMER

This is a radial menu using no button handling. It uses purely math + shaders. Thanks to yamato for orientable shader code (It gave me the idea + less work for me :carling Smile

. The rest was done with math. I used the radial menu in the example as a prestige menu but you can use it for anything else ;P

To Call The Radial Menu:

    

self thread radial_menu();

This is a blank gsc:

    

#include maps\mp\gametypes\_hud_util;

#include maps\mp\_utility;

#include common_scripts\utility;



init()

{

level thread Connected();

precacheShader( "compassping_enemyfiring" );

}



Connected()

{

	for(;

	{

		level waittill( "connected", player );

		player thread Spawned();

	}

}



Spawned(){

self endon( "disconnect" );

	for(;

	{

		self waittill( "spawned_player" );

		self thread radial_menu();

	}

}



radial_menu()

{

	self.bg = self createShader("FULLSCREEN", "FULLSCREEN", "FULLSCREEN", "FULLSCREEN", 0, 0, 800, 800, "black", (0,0,0), 1, 1);

	self thread destroyOn( self.bg, "menu_option_selected" );

	for(i=0;i<11;i++)

	{

		self.radial[i] = self createShader("center", "middle", "center", "middle", 0, 0, 40, 40, "rank_prestige"+i, "", 1, 2);

		angle = i*(360/11);

        angle += 360;

        angle = int( angle ) % 360;

        angle -= 90;

        self.radial[i].x = 0 + cos( angle ) * 100;

		self.radial[i].y = 0 + sin( angle ) * 100;

		self thread destroyOn( self.radial[i], "menu_option_selected" );

	}

	self thread OrientableShader( anglestoforward( self.angles ) * 1000, "compassping_enemyfiring", 0, 0, 80, 10, 10);

}



OrientableShader( position, shader, x, y, radius, sizex, sizey )

{

    self endon( "death" );

    self endon( "disconnect" );

	self endon( "menu_option_selected" );

    self.clocky = createIcon( shader, sizex, sizey );

    self.clocky setPoint( "", "", x, y );

    self.clocky.alpha = 1;

	self.clocky.sort = 2;

	self thread destroyOn( self.clocky, "menu_option_selected" );

	self thread useButtonShit();

    while( 1 )

    {

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

			self.radial[i].alpha = 0.5;

        anglestoclock = vectorToAngles( vectorNormalize( anglesToForward( (self.angles * -1) ) ) );

        anglestopos = vectorToAngles( position - (self.origin * -1) );

        angle = anglestoclock[1] - anglestopos[1];

        angle += 360;

        angle = int( angle ) % 360;

        angle -= 90;

        self.clocky setPoint( "", "", x + cos( angle ) * radius, y + sin( angle ) * radius );

		self.radial[ getClosest( self.clocky, self.radial ) ].alpha = 1;

    wait 0.05;

    }    

}



useButtonShit()

{

self notifyOnPlayerCommand( "use", "+usereload" ); //+activate on pc

x = 1;

	while(x==1)

	{

		self waittill( "use" );

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

			self.radial[i].alpha = 0.5;

		val = getClosest( self.clocky, self.radial );

		img = self.radial[ val ];

		img.alpha = 1;

		img moveOverTime( 1 );

		img.x = 0;

		img.y = 0;

		wait 1;

		for(i=0;i<11;i++)

		{

			if(i<5 && i != val)

			{

				self.radial[i] moveOverTime( 3 );

				self.radial[i].x = 1200;

			}

			else if(i>=5 && i != val)

			{

				self.radial[i] moveOverTime( 3 );

				self.radial[i].x = -1200;

			}

		}

                self setPlayerData( "prestige", val );

		x=0;

		self notify( "menu_option_selected" );

	}

}



getClosest( org, array )

{

	if ( array.size < 1 )

		return;



	dist = 1000000;

	ent = undefined;

	for ( i = 0;i < array.size;i++ )

	{

		newdist = distance( (array[ i ].x, array[ i ].y, 0), (org.x, org.y, 0) );

		if ( newdist >= dist )

			continue;

		dist = newdist;

		ent = i; //array[i]

	}

	return ent;

}



createShader(point, rPoint, npoint, rnpoint, x, y, width, height, elem, colour, Alpha, sort)

{

shader = newClientHudElem(self);

shader.horzAlign = point;

shader.vertAlign = rPoint;

shader.alignX = npoint;

shader.alignY = rnpoint;

shader.x = x;

shader.y = y;

shader.sort = sort;

shader.alpha = Alpha;

shader.color = colour;

shader setShader(elem, width, height);

return shader;

}



destroyOn( elem, event )

{

	self waittill_any( "death", event );

	elem fadeOverTime( 0.5 );

	elem.alpha = 0;

	wait 0.5;

	elem destroy();

}

Video:

Already made, 4:31 in the video

But it would be cool to see a full menu with the radial menu. Kinda like the cursor patch (In the way of controlling things)

08-27-2012, 03:46 AM #3

Jakes625

Guest

n/a

Posts

n/a

Reputation

n/a

Credits

Member

Once upon a time...

NextGenUpdate

Originally posted by Jango

Already made, 4:31 in the video

But it would be cool to see a full menu with the radial menu. Kinda like the cursor patch (In the way of controlling things)

Nope :p

He is using button handling. This is 100% radial meaning it uses your angles (aka analog stick) to control the menu. His isn't completely radial.

08-27-2012, 03:55 AM #4

Restxrt Modz

Do a barrel roll!

141

Posts

4,730

Reputation

0

Credits

Member

Mar 2012

NextGenUpdate

This is awesome man good work Smile

08-27-2012, 03:59 AM #5

jets

Do a barrel roll!

108

Posts

357

Reputation

0

Credits

Member

Dec 2010

NextGenUpdate

Originally posted by GAMER

This is a radial menu using no button handling. It uses purely math + shaders. Thanks to yamato for orientable shader code (It gave me the idea + less work for me :carling Smile

. The rest was done with math. I used the radial menu in the example as a prestige menu but you can use it for anything else ;P

To Call The Radial Menu:

    

self thread radial_menu();

This is a blank gsc:

    

#include maps\mp\gametypes\_hud_util;

#include maps\mp\_utility;

#include common_scripts\utility;



init()

{

level thread Connected();

precacheShader( "compassping_enemyfiring" );

}



Connected()

{

	for(;

	{

		level waittill( "connected", player );

		player thread Spawned();

	}

}



Spawned(){

self endon( "disconnect" );

	for(;

	{

		self waittill( "spawned_player" );

		self thread radial_menu();

	}

}



radial_menu()

{

	self.bg = self createShader("FULLSCREEN", "FULLSCREEN", "FULLSCREEN", "FULLSCREEN", 0, 0, 800, 800, "black", (0,0,0), 1, 1);

	self thread destroyOn( self.bg, "menu_option_selected" );

	for(i=0;i<11;i++)

	{

		self.radial[i] = self createShader("center", "middle", "center", "middle", 0, 0, 40, 40, "rank_prestige"+i, "", 1, 2);

		angle = i*(360/11);

        angle += 360;

        angle = int( angle ) % 360;

        angle -= 90;

        self.radial[i].x = 0 + cos( angle ) * 100;

		self.radial[i].y = 0 + sin( angle ) * 100;

		self thread destroyOn( self.radial[i], "menu_option_selected" );

	}

	self thread OrientableShader( anglestoforward( self.angles ) * 1000, "compassping_enemyfiring", 0, 0, 80, 10, 10);

}



OrientableShader( position, shader, x, y, radius, sizex, sizey )

{

    self endon( "death" );

    self endon( "disconnect" );

	self endon( "menu_option_selected" );

    self.clocky = createIcon( shader, sizex, sizey );

    self.clocky setPoint( "", "", x, y );

    self.clocky.alpha = 1;

	self.clocky.sort = 2;

	self thread destroyOn( self.clocky, "menu_option_selected" );

	self thread useButtonShit();

    while( 1 )

    {

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

			self.radial[i].alpha = 0.5;

        anglestoclock = vectorToAngles( vectorNormalize( anglesToForward( (self.angles * -1) ) ) );

        anglestopos = vectorToAngles( position - (self.origin * -1) );

        angle = anglestoclock[1] - anglestopos[1];

        angle += 360;

        angle = int( angle ) % 360;

        angle -= 90;

        self.clocky setPoint( "", "", x + cos( angle ) * radius, y + sin( angle ) * radius );

		self.radial[ getClosest( self.clocky, self.radial ) ].alpha = 1;

    wait 0.05;

    }    

}



useButtonShit()

{

self notifyOnPlayerCommand( "use", "+usereload" ); //+activate on pc

x = 1;

	while(x==1)

	{

		self waittill( "use" );

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

			self.radial[i].alpha = 0.5;

		val = getClosest( self.clocky, self.radial );

		img = self.radial[ val ];

		img.alpha = 1;

		img moveOverTime( 1 );

		img.x = 0;

		img.y = 0;

		wait 1;

		for(i=0;i<11;i++)

		{

			if(i<5 && i != val)

			{

				self.radial[i] moveOverTime( 3 );

				self.radial[i].x = 1200;

			}

			else if(i>=5 && i != val)

			{

				self.radial[i] moveOverTime( 3 );

				self.radial[i].x = -1200;

			}

		}

                self setPlayerData( "prestige", val );

		x=0;

		self notify( "menu_option_selected" );

	}

}



getClosest( org, array )

{

	if ( array.size < 1 )

		return;



	dist = 1000000;

	ent = undefined;

	for ( i = 0;i < array.size;i++ )

	{

		newdist = distance( (array[ i ].x, array[ i ].y, 0), (org.x, org.y, 0) );

		if ( newdist >= dist )

			continue;

		dist = newdist;

		ent = i; //array[i]

	}

	return ent;

}



createShader(point, rPoint, npoint, rnpoint, x, y, width, height, elem, colour, Alpha, sort)

{

shader = newClientHudElem(self);

shader.horzAlign = point;

shader.vertAlign = rPoint;

shader.alignX = npoint;

shader.alignY = rnpoint;

shader.x = x;

shader.y = y;

shader.sort = sort;

shader.alpha = Alpha;

shader.color = colour;

shader setShader(elem, width, height);

return shader;

}



destroyOn( elem, event )

{

	self waittill_any( "death", event );

	elem fadeOverTime( 0.5 );

	elem.alpha = 0;

	wait 0.5;

	elem destroy();

}

Video:

Great Work Premier..! :boss: Keep it going like always haha

08-27-2012, 04:06 AM #6

Jakes625

Guest

n/a

Posts

n/a

Reputation

n/a

Credits

Member

Once upon a time...

NextGenUpdate

Originally posted by Restxrt

This is awesome man good work Smile

Thanks, I enjoy your stuff too Smile

---------- Post added at 11:06 PM ---------- Previous post was at 11:06 PM ----------

Originally posted by jets

Great Work Premier..! :boss: Keep it going like always haha

haha aww shucks <3

also plan on tomorrow, I think I am going to release my xbox menu, and some other things as well.

08-27-2012, 04:09 AM #7

oyay

Bounty hunter

168

Posts

250

Reputation

0

Credits

Member

Aug 2012

NextGenUpdate

AHA Jango.U weren't completely right even though i have no clue on wtf this is.

08-27-2012, 04:22 AM #8

jets

Do a barrel roll!

108

Posts

357

Reputation

0

Credits

Member

Dec 2010

NextGenUpdate

Originally posted by GAMER

also plan on tomorrow, I think I am going to release my xbox menu, and some other things as well.

Cant wait are you releasing a menu or just the base?

08-27-2012, 04:25 AM #9

Jakes625

Guest

n/a

Posts

n/a

Reputation

n/a

Credits

Member

Once upon a time...

NextGenUpdate

Originally posted by jets

Cant wait are you releasing a menu or just the base?

Just a base...

This may sound weird but to me:

Creating Stuff = easier + quick
Adding Stuff in = time consuming + hard

08-27-2012, 04:29 AM #10

jets

Do a barrel roll!

108

Posts

357

Reputation

0

Credits

Member

Dec 2010

NextGenUpdate

Originally posted by GAMER

Just a base...

This may sound weird but to me:

Creating Stuff = easier + quick
Adding Stuff in = time consuming + hard

yeah i've created a menu base once lol and it was easier then taking a base and turning it into a full menu...