Hi everyone,
We are a Canadian company looking for a skilled Three.js developer to implement an interactive skill tree, similar to what you would see in modern video games.The component will integrate into our existing platform and must follow our provided designs.
We will provide
-
A proof-of-concept implemented in Cytoscape.js (see skilltree.html)
-
A validated JSON structure used by that prototype (we can adjust the JSON format if needed for your implementation)
-
The full designs (Figma or equivalent), which the final result should follow closely
Core Requirements
-
Built with Three.js (our website is implemented in livewire)
-
Interactive nodes (hover, select, visual path highlighting)
-
Must match our design fairly closely (not pixel-perfect, but close)
-
Clean, modular code that our team can extend
Functional Requirements
-
Highlight the entire path, including:
-
The nodes/bubbles
-
The connections/edges between them
-
-
On hover: display a tooltip with relevant information
-
On click: trigger an action/redirect (we’ll handle the final routing logic)
-
Include light animations (e.g. on load/show, on hover — subtle and smooth)
-
Display a progress state for each node
-
Mobile version appreciated, but not required
Please
DM
us with
-
A short introduction and your relevant experience
-
Your quote (fixed price)
This is a flexible, non-urgent mandate. Part-time schedules are welcome.
We look forward to hearing from you!
skilltree.html (14.4 KB)
