[Release] RadialMenu - Configurable menu for chat commands using Wheelnav.js

@Brent_Peterson
Can you add a button to cancle the animation?

1 Like

The script itself is more of a dev tool to add a physical button bound to a chat command. Add your own cancel emote button, it’s not hard.

haaaaaaaaaa OK , thanks , Im new at this , thanks for the help :slight_smile: great job !!! keep doing what you are doing :slight_smile:

This theme very nice.

I hope this design is implemented.

me too

1 Like

Thank you. You can already design a similar looking menu by using icons instead of text labels and changing the slice style settings:

Edit config.lua to change style settings and use icon labels:

-- Menu configuration, array of menus to display
menuConfigs = {
    ['emotes'] = {
        enableMenu = function()
            return true
        end,
        data = {
            keybind = "F6",
            style = {
                sizePx = 500,
                slices = {
                    default = { 
                        ['fill'] = '#000000', 
                        ['stroke'] = '#000000', 
                        ['stroke-width'] = 2, 
                        ['opacity'] = 0.60 
                    },
                    hover = { 
                        ['fill'] = '#ff8000', 
                        ['stroke'] = '#000000', 
                        ['stroke-width'] = 2, 
                        ['opacity'] = 0.80 
                    },
                    selected = { 
                        ['fill'] = '#000000', 
                        ['stroke'] = '#000000', 
                        ['stroke-width'] = 2, 
                        ['opacity'] = 0.60 
                    }
                },
                titles = {
                    default = { 
                        ['fill'] = '#ffffff'
                    },
                    hover = { 
                        ['fill'] = '#ffffff'
                    },
                    selected = { 
                        ['fill'] = '#ffffff'
                    }
                }
            },
            wheels = {
                {
                    navAngle = 270,
                    minRadiusPercent = 0.4,
                    maxRadiusPercent = 0.9,
                    labels = {
                        "imgsrc:cancel.png", 
                        "imgsrc:car.png", 
                        "imgsrc:home.png", 
                        "imgsrc:money.png", 
                        "imgsrc:phone.png"
                    },
                    commands = {
                        "", 
                        "", 
                        "", 
                        "", 
                        ""
                    }
                }
            }
        }
    }
}

Add icons to __resource.lua:

resource_manifest_version "44febabe-d386-4d18-afbe-5e627f4af937"

client_script {
    "config.lua",
    "radialmenu.lua"
}

ui_page "html/menu.html"

files {
	"html/menu.html",
	"html/raphael.min.js",
	"html/wheelnav.js",
    "html/wheelnav.min.js",
    "html/cancel.png",
    "html/car.png",
    "html/home.png",
    "html/phone.png",
    "html/money.png"
}

note: this is just a quick example to show how to use icons and change the style, you need to source your own images and design your own layout based on what commands you want.

@AbdulkadirAktas

6 Likes

commands for inventare/phone … ?

This does not add any commands, please reread the main post.

Really nice. I will try it.

Thank you

Hello i need help for rename animations plss !

1 Like

I tried to put image in html file but still no image when press F6. Any idea what I missed?

Is it possible to make a button on the wheel open another wheel with other options on?

2 Likes

cancel not working

For Version 1.01 with the latest KASHacters the mouse no longer appears.

If using Version 1.10, for some reason when I hit the Keybind to bring up menu, the menu stays stuck and i need to exit game as nothing but F8 works. Any ideas Its the default script with Trundles Roleplay Animations and Simple Vehicle Control Script running on the server. Am I missing something ?

ipdate: a reinstall fixed it.for the latest version

it is working fine now with last update Version 1.10
thank you man

The script won’t load after i change the script to yours, any ideas?

Hello Brent_Peterson can you help me script ESX same for in the picture

Great Script man, keep up the good work!

Hello IceColdx ,
I don’t know script can you guide for me script , i want to all in radial menu (EX: inventory, car , animatiol, billing, phone…) same in as the picture below , i needed ,
thanks for reading comment for me
image

Thank you for script. But in future any chance implement submenus?

2 Likes