so I've been working all night on trying to make a new menu button using dx functions (dxDrawRectangle, dxDrawText, etc)
and I want to give it animation, for example:
the button would be like this by default..
but when a player clicks on it the button should slide to the left with an animation.
so far this is what I got, I managed to display the dxRectangles using
dxDrawAnimWindow
. You can still see the InterpolateBetween function is there but I really don't know what to do, I got a really big mess here.
local x, y = guiGetScreenSize ( )
function main()
start = getTickCount()
addEventHandler ( "onClientRender", getRootElement(), window )
end
addEventHandler("onClientResourceStart", getResourceRootElement(), main )
function window (ancho, alto)
local color = tocolor(211, 211, 211, 66)
xdDrawAnimWindow("hue",x * 0.1179,y * 0.0807,color,"default-bold","OutBounce")
end
function xdDrawAnimWindow(text,alto,ancho,color,font,anim)
btAncho = ancho
btAlto = alto/20
local now = getTickCount()
local elapsedTime = now - start
local endTime = start + 1500
local duration = endTime - start
local progress = elapsedTime / duration
local x1, y1, z1 = interpolateBetween ( 0, 0, 0, ancho, alto, 255, progress, anim)
local x2, y2, z2 = interpolateBetween ( 0, 0, 0, btAncho, btAlto, btAlto/11, progress, anim)
posx = (x/2)-(x1/2)
posy = (y/2)-(y1/2)
dxDrawRectangle ( x * 0.8712, y * 0.0039, x * 0.1179, y * 0.0807, tocolor(211, 211, 211, 66) )
dxDrawRectangle ( x * 0.8514, y * 0.0039, x * 0.0198, y * 0.0807, tocolor(10, 190, 188, 255) )
--Para obtener mas animaciones visita [url=https://wiki.multitheftauto.com/wiki/Easing]https://wiki.multitheftauto.com/wiki/Easing[/url]
end