dx calculations

[Wei]

  
example = { 
{"test1"}; 
{"test2"}; 
} 
  
function draw() 
    for index, value in ipairs (example) do 
        dxDrawRectangle( pos1, pos2, 100, 50 ) 
    end 
end 
addEventHandler("onClientRender", root, draw) 

Can someone explain me how I can get pos1 and pos2 to allways be in middle of screen ?

I loosing my mind with this calculations -.-

Thanks,

Wei.

[Castillo]

local sx, sy = guiGetScreenSize ( ) 
local example = 
    { 
        { "test1" }, 
        { "test2" } 
    } 
  
function draw ( ) 
    local width, height = 100, 50 
    local x, y = ( sx / 2 - width / 2 ), ( sy / 2 - height / 2 ) 
    for _, value in ipairs ( example ) do 
        dxDrawRectangle ( x, y, width, height ) 
    end 
end 
addEventHandler ( "onClientRender", root, draw ) 

[Wei]

I'm sorry I forgot to mention to test1 and test2 would be seperated by 10px.

[Castillo]

You mean the "y" separated by 10px?

[Wei]

yes but it would be still in middle of screen

Edit*

I mean like there would be 2 seperated rectangles that will together be in middle of screen

[Castillo]

local sx, sy = guiGetScreenSize ( ) 
local example = 
    { 
        { "test1" }, 
        { "test2" } 
    } 
  
function draw ( ) 
    local width, height = 100, 50 
    local x, y = ( sx / 2 - width / 2 ), ( sy / 2 - height / 2 ) 
    for _, value in ipairs ( example ) do 
        dxDrawRectangle ( x, y, width, height ) 
        y = ( y + 10 ) 
    end 
end 
addEventHandler ( "onClientRender", root, draw ) 

[0xCiBeR]

Wouldn't That make the Y pos +10 on every frame?

EDIT: My Bad

[Wei]

Thanks Solidsnake!

[Castillo]

You're welcome.

[Citizen]

Hummm okay, I'm a bit late again but the code of Solidsnake doesn't center all rectangle as a whole. So if you add 5 rectangles in your table, then the 1st one will still be rendered from the middle and the last rectangles will probably rendered out of the screen.

Here is my version with a screenshot with explainations:

local sx, sy = guiGetScreenSize ( ) 
local example = 
    { 
        { "test1" }, 
        { "test2" } 
    } 
  
function draw ( ) 
    local width, height = 100, 50 
    local offsetY = 10 -- seperation between each rectangles 
    local totalHeight = (50+offsetY)*(#example)-offsetY --(-offsetY to remove seperation of the last rectangle) 
    local x = ( sx/2 - width/2 ) 
    for k, value in ipairs ( example ) do 
        local y = (sy/2 - totalHeight/2) + (height+offsetY) * (k-1) 
        dxDrawRectangle ( x, y, width, height ) 
    end 
end 
addEventHandler ( "onClientRender", root, draw ) 

The result with extra explainations:

EDIT: Alright ! seems that the image can't be displayed from gyazo, is there a whitelist on that forum ? I'm gonna upload it somewhere else.

EDIT2: Changed img tag

Edited February 18, 2014 by Guest

[Wei]

I've noticed, thanks Citizen for explanation!

[Citizen]

No problem, still don't know what you really wanted though

[Wei]

No problem, still don't know what you really wanted though

I am making login gui like some multigamemode servers use to select gamemode I will use Login, Register and Forgot password...

[Citizen]

Yeah okay, so you wanted to center all rectangles to the middle as a whole (like if it was 1 block) like I did ?

[Wei]

Yeah okay, so you wanted to center all rectangles to the middle as a whole (like if it was 1 block) like I did ?

exactly

[Citizen]

k, good luck with your project then

[Wei]

Thanks