Game-style skill tree

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 :red_exclamation_mark: DM :red_exclamation_mark: 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)

4 Likes

Hi! :waving_hand:

I’m very interested in your project.

I’m a lead front-end developer with strong experience in 3D/web-graphics, interactions, and game-like UI systems. I’ve previously worked on projects such as Sketchbook (Live demo) and a GTA-style web game (Demo). These involved real-time rendering, interactive environments, smooth animations, and modular architectures—skills that translate very well to building a high-quality Three.js skill tree.

I’d be happy to provide:

  • A brief technical plan

  • Links to my previous work or contributions (Sketchbook + GTA-like project)

  • A short prototype snippet if you want to see approach/style

If this sounds good, I’d love to discuss the details! You can contact me at heydan.shuri [at] gmail [dot] com

Ian

Hi, please check your DM

I have sent DM. please check