Anonymous

Module:Sandbox/SkillTree: Difference between revisions

From Melvor Idle

Module:Sandbox/SkillTree (view source)

Revision as of 11:22, 5 September 2024

3,476 bytes added ,  5 September
def not chatgpt
(Undo revision 82395 by Toadmilk (talk))
Tag: Undo
(def not chatgpt)
Line 48: Line 48:
      
      
     local skillNodes = p.getSkillTreeNodesFromSkillName(skillName)
     local skillNodes = p.getSkillTreeNodesFromSkillName(skillName)
   
    if not skillNodes or #skillNodes == 0 then
        return "No skill tree found for: " .. skillName
    end
    -- Constants for layout
    local baseX = 500  -- Start X position (middle of the screen)
    local baseY = 50  -- Start Y position (top of the screen)
    local verticalSpacing = 200  -- Distance between levels (Y-axis)
    local horizontalSpacing = 300  -- Distance between nodes at the same level (X-axis)


     if not skillNodes then
     -- Find the maximum level (depth) of the skill tree
         return "No skill tree found for: " .. skillName
    local maxLevel = 0
    for _, node in ipairs(skillNodes) do
        if node.level > maxLevel then
            maxLevel = node.level
         end
    end
 
    -- Calculate the number of nodes per level
    local nodesPerLevel = {}
    for _, node in ipairs(skillNodes) do
        local level = node.level
        if not nodesPerLevel[level] then
            nodesPerLevel[level] = 0
        end
        nodesPerLevel[level] = nodesPerLevel[level] + 1
     end
     end


     local html = mw.html.create('div')
    -- Container for the skill tree
     local html = mw.html.create('div'):addClass('skill-tree-container'):css({
        ['position'] = 'relative',
        ['width'] = '1000px', -- Adjust based on max width
        ['height'] = (maxLevel + 1) * verticalSpacing .. 'px',  -- Adjust height dynamically
        ['margin'] = 'auto'
    })


    -- SVG container for the node connections
    local svg = html:tag('svg'):attr('height', '100%'):attr('width', '100%')
        :attr('preserveAspectRatio', 'none')
        :attr('viewBox', '0 0 1000 ' .. (maxLevel + 1) * verticalSpacing)
   
    -- Keep track of node positions for connections
    local nodePositions = {}
    -- Render each node and calculate its position
     for _, node in ipairs(skillNodes) do
     for _, node in ipairs(skillNodes) do
    local nodeDiv = html:tag('div')
        local level = node.level
        :tag('h4'):wikitext(node.name):done()
        local indexInLevel = nodesPerLevel[level]
        :tag('p'):wikitext('Points: ' .. node.costs.points):done()
    if node.modifiers then
        local modifierText = ""
        for modifier, data in pairs(node.modifiers) do
            if type(data) == "table" then
                modifierText = modifierText .. modifier .. ": Skill: " .. (data.skillID or "N/A") .. ", Value: " .. (data.value or "N/A") .. "<br>"
            else
                modifierText = modifierText .. modifier .. ": " .. tostring(data) .. "<br>"
            end
        end
        nodeDiv:tag('p'):wikitext(modifierText):done()
    end
    if node.combatEffects then
        local combatEffectText = ""
        for _, effect in pairs(node.combatEffects) do
            combatEffectText = combatEffectText .. "Effect ID: " .. (effect.effectID or "N/A") .. ", Chance: " .. (effect.chance or "N/A") .. "%<br>"
            if effect.condition then
                combatEffectText = combatEffectText .. "Condition Type: " .. (effect.condition.type or "N/A") .. "<br>"
            end
        end
        nodeDiv:tag('p'):wikitext(combatEffectText):done()
    end
    html:done()
end


        -- Calculate X and Y positions for this node
        local xPos = baseX + (indexInLevel - nodesPerLevel[level] / 2) * horizontalSpacing
        local yPos = baseY + level * verticalSpacing
        -- Store the node's position for later use in drawing connections
        nodePositions[node.name] = { x = xPos, y = yPos }
        -- Node container
        local nodeDiv = html:tag('div'):css({
            ['position'] = 'absolute',
            ['width'] = '200px',
            ['height'] = '100px',
            ['top'] = yPos .. 'px',
            ['left'] = xPos .. 'px',
            ['background-color'] = '#f5f5f5',
            ['border'] = '2px solid black',
            ['text-align'] = 'center'
        })
        -- Node title (e.g., skill name)
        nodeDiv:tag('span'):wikitext(node.name):css({
            ['font-size'] = '14px',
            ['font-weight'] = '700',
        }):done()
        -- Display modifiers (if present)
        if node.modifiers then
            local modifierText = ""
            for modifier, data in pairs(node.modifiers) do
                if type(data) == "table" then
                    modifierText = modifierText .. modifier .. ": Skill: " .. (data.skillID or "N/A") .. ", Value: " .. (data.value or "N/A") .. "<br>"
                else
                    modifierText = modifierText .. modifier .. ": " .. tostring(data) .. "<br>"
                end
            end
            nodeDiv:tag('p'):wikitext(modifierText):done()
        end
        -- Display combat effects (if present)
        if node.combatEffects then
            local combatEffectText = ""
            for _, effect in pairs(node.combatEffects) do
                combatEffectText = combatEffectText .. "Effect ID: " .. (effect.effectID or "N/A") .. ", Chance: " .. (effect.chance or "N/A") .. "%<br>"
                if effect.condition then
                    combatEffectText = combatEffectText .. "Condition Type: " .. (effect.condition.type or "N/A") .. "<br>"
                end
            end
            nodeDiv:tag('p'):wikitext(combatEffectText):done()
        end
        -- Append nodeDiv to HTML
        html:done()
    end
    -- Draw connections between nodes
    for _, node in ipairs(skillNodes) do
        if node.parents then
            for _, parent in ipairs(node.parents) do
                local parentPos = nodePositions[parent.name]
                local childPos = nodePositions[node.name]
                if parentPos and childPos then
                    local path = string.format("M%d,%d L%d,%d", parentPos.x + 100, parentPos.y + 100, childPos.x + 100, childPos.y)
                    svg:tag('path')
                        :attr('d', path)
                        :css({
                            ['stroke'] = 'yellow',  -- Connection color (could be dynamic)
                            ['stroke-width'] = '3',
                            ['fill'] = 'none'
                        })
                        :done()
                end
            end
        end
    end
    -- Close the SVG tag
    svg:done()


     return tostring(html)
     return tostring(html)
end
end




Toadmilk
393

edits

Retrieved from "https://testwiki.melvoridle.com/w/Special:MobileDiff/82398"