[Issue]dxDrawRectangle into a progress bar

[Crosshair]

I`m trying to make a progress bar with dxdraw. All works well but the rectangle flickers every time till the timer stops. I need help on that so the rectangle would not flicker anymore.

local screenW, screenH = guiGetScreenSize() 
function render() 
    if (isTimer(timer) == false) then 
        i=0 
        timer = setTimer(function() 
            dxDrawRectangle((screenW - 23) / 2-131, (screenH - 10) / 2, i, 10, tocolor(144, 3, 3, 255), true) 
            i=i+1 
        end, 50, 100) 
    end 
    removeEventHandler("onClientRender", root, render) 
end 
addEventHandler("onClientRender", root, render) 

[DiSaMe]

Because you use dxDrawRectangle from the function which is called by the timer, not from the one which is attached to onClientRender.

[Crosshair]

i figured this, but i dont` have an idea how to make this work. Any idea ?

[GTX]

Try this:

  
local screenW, screenH = guiGetScreenSize() 
local i = 0 
function render() 
    dxDrawRectangle((screenW - 23) / 2-131, (screenH - 10) / 2, i, 10, tocolor(144, 3, 3, 255), true) 
    i=i+1 
    if i >= 100 then 
        removeEventHandler("onClientRender", root, render) 
    end 
end 
addEventHandler("onClientRender", root, render) 
  

[Crosshair]

Thx mate. Works great.

[GTX]

You're welcome.

[50p]

If you still want it to work by a timer you can draw the rectangle with a width that is updated by a timer.

function startProgress() -- call this function when you want to show the progress 
    i=0; 
    setTimer( function() i=i+1 end, 50, 100); -- update the width with a timer (you can change the interval to higher value to make it update longer) 
    addEventHandler( "onClientRender", root, render );  
end 
  
function render( ) 
    dxDrawRectangle((screenW - 23) / 2-131, (screenH - 10) / 2, i, 10, tocolor(144, 3, 3, 255), true) 
    if i >= 100 then 
        removeEventHandler( "onClientRender", root, render ); 
    end 
end