Colored rankingboard

[Spealin]

How i can make it in race>rankingboard.lua

>rankingboard_client.lua ?

Please help me D:

[karlis]

you will have to replace usual dxDrawText and use

  
function dxDrawColorText(str, ax, ay, bx, by, color, scale, font) 
    local pat = "(.-)#(%x%x%x%x%x%x)" 
    local s, e, cap, col = str:find(pat, 1) 
    local last = 1 
    while s do 
    if cap == "" and col then color = tocolor(tonumber("0x"..col:sub(1, 2)), tonumber("0x"..col:sub(3, 4)), tonumber("0x"..col:sub(5, 6)), 255) end 
        if s ~= 1 or cap ~= "" then 
            local w = dxGetTextWidth(cap, scale, font) 
            dxDrawText(cap, ax+100, ay, ax + w, by, color, scale, font, "center", "bottom", false, false, false ) 
            ax = ax + w 
            color = tocolor(tonumber("0x"..col:sub(1, 2)), tonumber("0x"..col:sub(3, 4)), tonumber("0x"..col:sub(5, 6)), 255) 
        end 
        last = e + 1 
        s, e, cap, col = str:find(pat, last) 
    end 
    if last <= #str then 
        cap = str:sub(last) 
        local w = dxGetTextWidth(cap, scale, font) 
        dxDrawText(cap, ax+100, ay, ax + w, by, color, scale, font, "center", "bottom", false, false, false ) 
    end 
end 
  

[Castillo]

Actually, karlis, the ranking board is not using DX drawing, default uses GUI labels.

So, he'll have to change the way it works to DX drawing, isn't too hard.

[karlis]

Actually, karlis, the ranking board is not using DX drawing, default uses GUI labels.

So, he'll have to change the way it works to DX drawing, isn't too hard.

oh ok i fail, but still as you say, he can change it.

and can you find the complete function with align etc?i couldn't find it, damn spammed search.

[Castillo]

The dxDrawColorText function? I could find this one:

function dxDrawColorText(str, ax, ay, bx, by, color, scale, font, alignX, alignY) 
  if alignX then 
    if alignX == "center" then 
      local w = dxGetTextWidth(str:gsub("#%x%x%x%x%x%x",""), scale, font) 
      ax = ax + (bx-ax)/2 - w/2 
    elseif alignX == "right" then 
      local w = dxGetTextWidth(str:gsub("#%x%x%x%x%x%x",""), scale, font) 
      ax = bx - w 
    end 
  end 
  
  if alignY then 
    if alignY == "center" then 
      local h = dxGetFontHeight(scale, font) 
      ay = ay + (by-ay)/2 - h/2 
    elseif alignY == "bottom" then 
      local h = dxGetFontHeight(scale, font) 
      ay = by - h 
    end 
  end 
  
  local pat = "(.-)#(%x%x%x%x%x%x)" 
  local s, e, cap, col = str:find(pat, 1) 
  local last = 1 
  while s do 
    if cap == "" and col then color = tocolor(tonumber("0x"..col:sub(1, 2)), tonumber("0x"..col:sub(3, 4)), tonumber("0x"..col:sub(5, 6)), 255) end 
    if s ~= 1 or cap ~= "" then 
      local w = dxGetTextWidth(cap, scale, font) 
      dxDrawText(cap, ax, ay, ax + w, by, color, scale, font) 
      ax = ax + w 
      color = tocolor(tonumber("0x"..col:sub(1, 2)), tonumber("0x"..col:sub(3, 4)), tonumber("0x"..col:sub(5, 6)), 255) 
    end 
    last = e + 1 
    s, e, cap, col = str:find(pat, last) 
  end 
  if last <= #str then 
    cap = str:sub(last) 
    local w = dxGetTextWidth(cap, scale, font) 
    dxDrawText(cap, ax, ay, ax + w, by, color, scale, font) 
  end 
end 

[karlis]

thanks, it just appeared in one of new help topics also

[Spealin]

RankingBoard = {} 
RankingBoard.__index = RankingBoard 
  
RankingBoard.instances = {} 
  
local screenWidth, screenHeight = guiGetScreenSize() 
local topDistance = 250 
local bottomDistance = 0.23*screenHeight 
local posLeftDistance = 30 
local nameLeftDistance = 60 
local labelHeight = 20 
local maxPositions = math.floor((screenHeight - topDistance - bottomDistance)/labelHeight) 
  
function RankingBoard.create(id) 
    RankingBoard.instances[id] = setmetatable({ id = id, direction = 'down', labels = {}, position = 0 }, RankingBoard) 
end 
  
function RankingBoard.call(id, fn, ...) 
    RankingBoard[fn](RankingBoard.instances[id], ...) 
end 
  
function RankingBoard:setDirection(direction) 
    self.direction = direction 
    if direction == 'up' then 
        self.highestPos = #g_Players 
        self.position = self.highestPos + 1 
    end 
end 
  
function RankingBoard:add(name, time) 
    local position 
    local y 
    local doBoardScroll = false 
    if self.direction == 'down' then 
        self.position = self.position + 1 
        if self.position > maxPositions then 
            return 
        end 
        y = topDistance + (self.position-1)*labelHeight 
    elseif self.direction == 'up' then 
        self.position = self.position - 1 
        local labelPosition = self.position 
        if self.highestPos > maxPositions then 
            labelPosition = labelPosition - (self.highestPos - maxPositions) 
            if labelPosition < 1 then 
                labelPosition = 0 
                doBoardScroll = true 
            end 
        elseif labelPosition < 1 then 
            return 
        end 
        y = topDistance + (labelPosition-1)*labelHeight 
    end 
    local posLabel, posLabelShadow = createShadowedLabelFromSpare(posLeftDistance, y, 20, labelHeight, tostring(self.position) .. ')', 'right') 
    if time then 
        if not self.firsttime then 
            self.firsttime = time 
            time = ': ' .. msToTimeStr(time) 
        else 
            time = ': +' .. msToTimeStr(time - self.firsttime) 
        end 
    else 
        time = '' 
    end 
    local playerLabel, playerLabelShadow = createShadowedLabelFromSpare(nameLeftDistance, y, 250, labelHeight, name .. time) 
    table.insert(self.labels, posLabel) 
    table.insert(self.labels, posLabelShadow) 
    table.insert(self.labels, playerLabel) 
    table.insert(self.labels, playerLabelShadow) 
    playSoundFrontEnd(7) 
    if doBoardScroll then 
        guiSetAlpha(posLabel, 0) 
        guiSetAlpha(posLabelShadow, 0) 
        guiSetAlpha(playerLabel, 0) 
        guiSetAlpha(playerLabelShadow, 0) 
        local anim = Animation.createNamed('race.boardscroll', self) 
        anim:addPhase({ from = 0, to = 1, time = 700, fn = RankingBoard.scroll, firstLabel = posLabel }) 
        anim:addPhase({ fn = RankingBoard.destroyLastLabel, firstLabel = posLabel }) 
        anim:play() 
    end 
end 
  
function RankingBoard:scroll(param, phase) 
    local firstLabelIndex = table.find(self.labels, phase.firstLabel) 
    for i=firstLabelIndex,firstLabelIndex+3 do 
        guiSetAlpha(self.labels[i], param) 
    end 
    local x, y 
    for i=0,#self.labels/4-1 do 
        for j=1,4 do 
            x = (j <= 2 and posLeftDistance or nameLeftDistance) 
            y = topDistance + ((maxPositions - i - 1) + param)*labelHeight 
            if j % 2 == 0 then 
                x = x + 1 
                y = y + 1 
            end 
            guiSetPosition(self.labels[i*4+j], x, y, false) 
        end 
    end 
    for i=1,4 do 
        guiSetAlpha(self.labels[i], 1 - param) 
    end 
end 
  
function RankingBoard:destroyLastLabel(phase) 
    for i=1,4 do 
        destroyElementToSpare(self.labels[1]) 
        table.remove(self.labels, 1) 
    end 
    local firstLabelIndex = table.find(self.labels, phase.firstLabel) 
    for i=firstLabelIndex,firstLabelIndex+3 do 
        guiSetAlpha(self.labels[i], 1) 
    end 
end 
  
function RankingBoard:addMultiple(items) 
    for i,item in ipairs(items) do 
        self:add(item.name, item.time) 
    end 
end 
  
function RankingBoard:clear() 
    table.each(self.labels, destroyElementToSpare) 
    self.labels = {} 
end 
  
function RankingBoard:destroy() 
    self:clear() 
    RankingBoard.instances[self.id] = nil 
end 
  
  
  
-- 
-- Label cache 
-- 
  
local spareElems = {} 
local donePrecreate = false 
  
function RankingBoard.precreateLabels(count) 
    donePrecreate = false 
    while #spareElems/4 < count do 
        local label, shadow = createShadowedLabel(10, 1, 20, 10, 'a' ) 
        destroyElementToSpare(label) 
        destroyElementToSpare(shadow) 
    end 
    donePrecreate = true 
end 
  
function destroyElementToSpare(elem) 
    table.insertUnique( spareElems, elem ) 
    guiSetVisible(elem, false) 
end 
  
function createShadowedLabelFromSpare(x, y, width, height, text, align) 
  
    if #spareElems < 2 then 
        if not donePrecreate then 
            outputDebug( 'OPTIMIZATION', 'createShadowedLabel' ) 
        end 
        return createShadowedLabel(x, y, width, height, text, align) 
    else 
        local shadow = table.popLast( spareElems ) 
        guiSetSize(shadow, width, height, false) 
        guiSetText(shadow, text) 
        --guiLabelSetColor(shadow, 0, 0, 0) 
        guiSetPosition(shadow, x + 1, y + 1, false) 
        guiSetVisible(shadow, true) 
  
        local label = table.popLast( spareElems ) 
        guiSetSize(label, width, height, false) 
        guiSetText(label, text) 
        --guiLabelSetColor(label, 255, 255, 255) 
        guiSetPosition(label, x, y, false) 
        guiSetVisible(label, true) 
        if align then 
            guiLabelSetHorizontalAlign(shadow, align) 
            guiLabelSetHorizontalAlign(label, align) 
        else 
            guiLabelSetHorizontalAlign(shadow, 'left') 
            guiLabelSetHorizontalAlign(label, 'left') 
        end 
        return label, shadow 
    end 
end 
  

Where to put it? I'm just a beginner in scripting

[BinSlayer1]

you don't put it anywhere for now..

look this task that you want is not that easy especially since you say you're a beginner

the task requires code rewrite + adding that dxDrawColorText function

You basically need to read and understand the difference between GUI and DX and make the GUI rankingboard actually use DX

https://wiki.multitheftauto.com/wiki/Int ... ng_the_GUI

https://wiki.multitheftauto.com/wiki/DxDrawText

I suggest you script easier stuff first

[karlis]

yes, and its way too complicated(well, more like taking too long) for someone to do it for you.

easiest thing would be replacing the localized gui functions with functions for dx library, but still that's not task for beginner.

[Cadu12]

I have made my own, its hard. I agree karlis

You have to delete old ranking and make new rankingboard

[Spealin]

So can you give me it?