DxDrawProgressBar - Revision history

IManGaaX at 13:26, 7 January 2026

2026-01-07T13:26:24Z

← Older revision		Revision as of 13:26, 7 January 2026
Line 19:		Line 19:

	==Code==		==Code==
	<section name="~~Code~~" class="client" show="true">		<section name="Client" class="client" show="true">
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	local unlerp = function(from,to,lerp) return (lerp-from)/(to-from) end		local unlerp = function(from,to,lerp) return (lerp-from)/(to-from) end
Line 42:		Line 42:

	==Example==		==Example==
	<section name="~~Example~~" class="client" show="true">		<section name="Client" class="client" show="true">
	This example draws a progress bar in the top-left corner of the screen, with a random progress that changes every frame.		This example draws a progress bar in the top-left corner of the screen, with a random progress that changes every frame.
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function draw()		function draw()
	dxDrawProgressBar( 10, 10, 200, 200, math.random(0,100), tocolor( 250, 50, 50, 255), tocolor( 255, 255, 255, 255) )		dxDrawProgressBar(10, 10, 200, 200, math.random(0, 100), tocolor(250, 50, 50, 255), tocolor( 255, 255, 255, 255))
	end		end
	addEventHandler("onClientRender", root, draw) -- Keep everything visible with onClientRender.		addEventHandler("onClientRender", root, draw) -- Keep everything visible with onClientRender.

LordHenry: /* Code */

2019-10-05T23:28:33Z

Code

← Older revision		Revision as of 23:28, 5 October 2019
Line 19:		Line 19:

	==Code==		==Code==
	<syntaxhighlight lang="lua">local unlerp = function(from,to,lerp) return (lerp-from)/(to-from) end		<section name="Code" class="client" show="true">
			<syntaxhighlight lang="lua">
			local unlerp = function(from,to,lerp) return (lerp-from)/(to-from) end

	function dxDrawProgressBar( startX, startY, width, height, progress, color, backColor )		function dxDrawProgressBar( startX, startY, width, height, progress, color, backColor )
	local progress = math.max( 0, (math.min( 100, progress) ) )		local progress = math.max( 0, (math.min( 100, progress) ) )
	local wBar = width*.18		local wBar = width*.18
	for i = 0, 4 do		for i = 0, 4 do
	--back		--back
	local startPos = (wBari + (width.025)*i) + startX		local startPos = (wBari + (width.025)*i) + startX
	dxDrawRectangle( startPos, startY, wBar, height, backColor )		dxDrawRectangle( startPos, startY, wBar, height, backColor )
	--progress		--progress
	local eInterval = (i*20)		local eInterval = (i*20)
	local localProgress = math.min( 1, unlerp( eInterval, eInterval + 20, progress ) )		local localProgress = math.min( 1, unlerp( eInterval, eInterval + 20, progress ) )
	if localProgress > 0 then		if localProgress > 0 then
	dxDrawRectangle( startPos, startY, wBar*localProgress, height, color )		dxDrawRectangle( startPos, startY, wBar*localProgress, height, color )
	~~end~~
	end		end
			end
	end		end
	</syntaxhighlight>		</syntaxhighlight>
			</section>

	==Example==		==Example==

Otto: Added function

2015-02-20T21:25:30Z

Added function

New page

{{Useful Function}}
<lowercasetitle/>
__NOTOC__
This function simulates a progress bar drawed using DirectDraw. (Note this will only work client-side and you need to call it on each frame)
==Syntax==
<syntaxhighlight lang="lua">dxDrawProgressBar(float startX, float startY, float width, float height, float progress, int color, int backColor)</syntaxhighlight>

===Required arguments===
* '''startX''': An float representing the absolute origin X position of the rectangle, represented by pixels on the screen.
* '''startY''': An float representing the absolute origin Y position of the rectangle, represented by pixels on the screen.
* '''width''': An float representing the width of the rectangle, drawn in a ''right'' direction from the origin.
* '''height''': An float representing the height of the rectangle, drawn in a ''downwards'' direction from the origin.
* '''progress''': a float ranging from 0 to 100
* '''color''': the hex color of the progress bar, produced using tocolor or 0xAARRGGBB (AA = alpha, RR = red, GG = green, BB = blue)
* '''backColor''': the hex color of the background, produced using tocolor or 0xAARRGGBB (AA = alpha, RR = red, GG = green, BB = blue)

===Return===
None

==Code==
<syntaxhighlight lang="lua">local unlerp = function(from,to,lerp) return (lerp-from)/(to-from) end

function dxDrawProgressBar( startX, startY, width, height, progress, color, backColor )
local progress = math.max( 0, (math.min( 100, progress) ) )
local wBar = width*.18
for i = 0, 4 do
--back
local startPos = (wBar*i + (width*.025)*i) + startX
dxDrawRectangle( startPos, startY, wBar, height, backColor )
--progress
local eInterval = (i*20)
local localProgress = math.min( 1, unlerp( eInterval, eInterval + 20, progress ) )
if localProgress > 0 then
dxDrawRectangle( startPos, startY, wBar*localProgress, height, color )
end
end
end
</syntaxhighlight>

==Example==
<section name="Example" class="client" show="true">
This example draws a progress bar in the top-left corner of the screen, with a random progress that changes every frame.
<syntaxhighlight lang="lua">
function draw()
dxDrawProgressBar( 10, 10, 200, 200, math.random(0,100), tocolor( 250, 50, 50, 255), tocolor( 255, 255, 255, 255) )
end
addEventHandler("onClientRender", root, draw) -- Keep everything visible with onClientRender.
</syntaxhighlight>
</section>

==See Also==
{{Useful_Functions}}