Dime Skill Tree
Visual skill tree system for FiveM - DLC for Dime Skills
🌳 Visual Skill Tree System for FiveM - DLC Add-on for Dime Skills
An Arc Raiders-inspired visual skill tree system that extends Dime Skills with branching progression paths, unlockable nodes, and customizable perks. Players spend skill points earned from leveling up to unlock powerful bonuses and abilities.
Requires Dime Skills v1.9.0+ - This is a DLC add-on that integrates with the base Dime Skills resource.
Overview
Dime Skill Tree transforms the linear skill progression into a visual, branching tree where players make meaningful choices about their character's development. Inspired by games like Arc Raiders, it provides:
- Visual Node Graph - Beautiful, interactive skill tree UI
- Branching Paths - Multiple progression routes per skill category
- Unlockable Perks - Each node grants gameplay bonuses
- Point System - Spend points earned from Dime Skills levels
- Customizable Effects - Easy-to-configure node unlock callbacks
Features
Visual Skill Tree
- Arc Raiders-Inspired UI - Modern, sleek skill tree interface
- Connected Nodes - Visual lines showing prerequisites
- Node States - Locked, available, and unlocked indicators
- Hover Details - Tooltip showing node requirements and effects
- Animated Transitions - Smooth unlock animations
Point System
- Integrated with Dime Skills - Points calculated from skill levels
- Configurable Formula - Points per level, excluded skills
- Real-time Updates - Points update when skills level up
- Per-Category Trees - Optional separate trees per skill category
Progression System
- Prerequisites - Nodes require parent nodes to be unlocked
- Point Costs - Each node has a configurable point cost
- Level Requirements - Optional minimum level requirements
- Job Restrictions - Lock nodes behind specific jobs
Customizable Effects
- Export Callbacks - Register custom effects per node
- Event System - Listen for node unlock events
- Stat Bonuses - Built-in support for stat modifiers
- Ability Unlocks - Gate features behind tree progression
How It Works
┌─────────────────┐ ┌──────────────────┐
│ Dime Skills │ │ Dime Skill Tree │
│ │ skill levels │ │
│ • Level 15 │ ──────────────────▶ │ • 14 Points │
│ Driving │ │ Available │
│ │ │ │
│ • Level 10 │ exports/events │ • Unlock nodes │
│ Strength │ ◀────────────────── │ • Get perks │
│ │ │ │
└─────────────────┘ └──────────────────┘- Earn Points - Each skill level in Dime Skills grants skill tree points
- View Tree - Open the skill tree UI to see available nodes
- Unlock Nodes - Spend points to unlock nodes you have prerequisites for
- Gain Effects - Unlocking nodes triggers effects and grants bonuses
Quick Start
Installation
Set up Dime Skill Tree alongside Dime Skills
Configuration
Configure skill trees and nodes
Exports
Server and client exports reference
Node Effects
Create custom node unlock effects
Example Tree Structure
┌─────────────┐
│ DRIVING │
│ (Root) │
└──────┬──────┘
│
┌───────────────────┼───────────────────┐
▼ ▼ ▼
┌────────────┐ ┌────────────┐ ┌────────────┐
│ Drifting │ │ Speed │ │ Handling │
│ 1 Point │ │ 1 Point │ │ 1 Point │
└─────┬──────┘ └─────┬──────┘ └─────┬──────┘
│ │ │
┌─────┴─────┐ ┌─────┴─────┐ ┌─────┴─────┐
▼ ▼ ▼ ▼ ▼ ▼
┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐
│ Drift+ │ │ Burnout │ │ Speed+5%│ │Speed+10%│ │ Grip │ │ Control │
│ 2 Points│ │ 2 Points│ │ 2 Points│ │ 3 Points│ │ 2 Points│ │ 2 Points│
└─────────┘ └─────────┘ └─────────┘ └─────────┘ └─────────┘ └─────────┘Integration with Dime Skills
Dime Skill Tree seamlessly integrates with Dime Skills through the DLC integration module:
Automatic Point Calculation
Points are automatically calculated based on skill levels:
-- Default: 1 point per level (excluding level 1)
-- Level 15 Driving = 14 points from Driving
-- Configurable in Dime Skills configReal-time Updates
When skills level up in Dime Skills, the skill tree is automatically notified:
-- Dime Skills fires this event on level up
AddEventHandler('dime_skills:onLevelUp', function(src, eventData)
-- eventData contains:
-- skillName, oldLevel, newLevel, totalPoints, pointsGained
end)Node Effects
Register callbacks for when nodes are unlocked:
-- In your resource
exports.dime_skills:registerNodeEffect('driving_speed_boost', function(src, nodeData)
-- Grant the player a speed boost
TriggerClientEvent('myresource:applySpeedBoost', src, nodeData.value)
end)Requirements
- Dime Skills v1.9.0+ - Base skill system (required)
- ox_lib - UI and utility library
- oxmysql - Database management
Version Information
- Current Version: 1.0.0
- Dime Skills Compatibility: v1.9.0+
- Lua Version: 5.4 (Required)
Support
Need help? Check out: