How can I make a shop panel?

[oblivionosaka]

I would like to make a shop panel (which you open with a specific button) with skins, vehicles and weapons. All of them will have pictures. I would like to make pages for them since there will be a lot of them. They will cost money so you need to buy them. I would also like to add music for it.

Can someone give me a tutorial on how this would be possible?

Thanks in advance.

Edited October 11, 2021 by oblivionosaka

[kewizzle]

9 hours ago, oblivionosaka said:

I would like to make a shop panel (which you open with a specific button) with skins, vehicles and weapons. All of them will have pictures. I would like to make pages for them since there will be a lot of them. They will cost money so you need to buy them. I would also like to add music for it.

Can someone give me a tutorial on how this would be possible?

Thanks in advance.

id recommend using guieditor resource to design the gui and then check out the gui client functions and events at https://wiki.multitheftauto.com/wiki/Client_Scripting_Events#GUI and https://wiki.multitheftauto.com/wiki/Client_Scripting_Functions#GUI_functions_2 make sure if you use guieditor to rename each object or it will be a pain. Make sure you use triggerServerEvent function when purchasing items and takePlayerMoney because if you intend to save these things those things will need to be triggered from client side and executed server side. 

[Hydra]

11 hours ago, oblivionosaka said:

I would like to make a shop panel (which you open with a specific button) with skins, vehicles and weapons. All of them will have pictures. I would like to make pages for them since there will be a lot of them. They will cost money so you need to buy them. I would also like to add music for it.

Can someone give me a tutorial on how this would be possible?

Thanks in advance.

If you want to create your panel in GUI then you will need:
 

--// Functions:
guiCreateWindow() - for windows
guiCreateButton() - for buttons
guiCreateStaticImage() - for images
guiSetVisible()
playSound() - for music
stopSound() - to stop the music
bindKey() - to bind a key to open/close the gui

--// Events:
onClientGUIClick - when you click the button

If you want to create your panel in DX then you will need:

--// Functions
dxDrawRectangle() - create window or buttons
dxDrawImage() - create images
dxDrawText() - create texts
playSound() - for music 
stopSound() - to stop the music
bindKey()
isMouseInPosition()

--// Events
onClientRender - to render dx elements
onClientClick - when you click an dx element using isMouseInPosition()

 

Edited October 12, 2021 by Hydra