Git Product home page Git Product logo

rok-talents's Introduction

RoK Talents

Continuous Delivery Continuous Integration Dependencies Issues Donate

Online talent builder for Rise of Kingdoms. The talent builder itself can be found here: roktalents.com

Note: The site is currently best viewed on PC or laptop. Functionality is limited on mobile/tablet and more work needs to be done to optimize the experience for mobile devices.

This website has 2 main purposes:

  1. Design and fine-tune your commander talents without worrying about resetting in-game talents
  2. Make it easy to share your talent builds with other players

Screenshot

๐Ÿ˜„ Usage

  1. Choose your commander in the top-right dropdown menu, or by clicking on the commander image in the middle of the talent tree
  2. Click talent nodes to bring up the tooltip. Click + and - to add/remove talents points
    • If Speed mode is enabled in the Settings, you can left or right click directly on the nodes to assign talent points. Note: Speed mode disables tooltips
  3. Check the stats of your build in the info panels
  4. Copy the URL, or click the Share button, to get a link that you can share with other players

๐Ÿ˜• Getting help

If you have questions, feature requests, or bug reports, the first thing to do is browse issues posted by other players to see if your problem has been addressed. Issues can be found here.

If you still have questions, create a New Issue on the issues page.

๐Ÿ˜ Contribute

There are a number of ways to help and contribute to the project:

  • Submit a New Issue to report a bug or request a new feature
  • The game changes rapidly, so if talents are out of date on the website, submit a New Issue
  • Spread the word! Share your talent builds on social media (e.g. Reddit, Discord) and direct people to the site
  • If you're a developer and familiar with Javascript/React, pull requests are always welcome ๐Ÿ™ See the CONTRIBUTING page for details

๐Ÿ˜ Support the project

If you want to support the project, you can buy me a coffee here.

Donations will go towards domain registration costs, future development, and general maintenance.

rok-talents's People

Contributors

dependabot[bot] avatar jayllyz avatar sho-87 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

rok-talents's Issues

jsplumb line repaint speed

Describe the bug
Due to the number of lines drawn, repainting all lines on window resize can be quite slow. Is there a more efficient solution that allows for faster repaint? This is particularly a problem on low powered mobile devices

Expected behavior
Page refreshes, pan/zoom, should not be causing any noticeable lag on any devices

Additional Information:

  • App Version: 1.2.2

Joan of Arc Prime and Jan Zizka

Joan of Arc Prime and Jan Zizka were just added to Rise of Kingdoms a bit ago for SoC kingdoms. It would be greatly appreciated if you added the two commanders.

Cannot select Amanitore

Hello,

I can't find an option to create a talent tree for commander Amanitore. Will it be added in the near future?

Regards

Webpack hot module replacement warning

Describe the bug
Console warning has shown up permanently since react-scripts 3.3.0. Wait for upstream fix in next release of react-scripts to see if issue is fixed

Expected behavior
No warning should appear

To Reproduce
Steps to reproduce the behavior:

  1. Open developer console after loading the page

Error Messages

[HMR] Waiting for update signal from WDS...

Additional Information:

  • App Version: 1.2.2 (react-scripts 3.3/3.4)

Talent point assignment settings

Describe the new feature
Should introduce a few settings that makes talent point assignment easier/faster:

  • Instant max on a single click
  • Auto fill prerequisite talents
  • Delete all dependent talents when removing points from an early node

This would require a re-implementation of the stats calculation mechanism to be based entirely on state (i.e. recalculate on every point change). Could probably make this more efficient with memoization of unchanged trees/stats

Zoomable tree panel

Add a pan/zoom feature to the tree panel to improve UX on mobile. This will also allow for the inclusion of a parallax background

This is quite difficult due to the finicky way nodes and lines are currently laid out...

Banner text is blurry

Describe the bug
The embed banner text is blurry on smaller screens due to how svg is rendered. Should probably use html to create the banner text instead of inserting the full svg (just insert the icon svg instead)

Maybe do the same thing for the screenshot banner

To Reproduce
Steps to reproduce the behavior:

  1. View an embedded build on a small screen. For example: https://roktalents.com/?embed;1;5;imrsnmbklv;faaaaaaaa;issqpiksa

Enable pan/zoom for mobile

Describe the new feature
Desktop currently has the ability to pan/zoom the talent tree. This functionality should be enabled for mobile as well, but would first require the optimizations from #26

Onboarding

Add an onboarding feature when loading the app for the first time, or first time after a new major/minor release

react-joyride seems like a good option for this: https://github.com/gilbarbara/react-joyride

  1. Store semver in browser local storage
  2. Compare current and stored semver on launch
  3. If new major or minor version, show tour of all/new features

Tree panel not centered

Describe the bug
The tree panel is not vertically centered. Additionally, the padding-bottom value of tree-panel component is causing issues with embedded mode

Expected behavior
The tree panel should be vertically centered on all devices

To Reproduce
Steps to reproduce the behavior:

  1. View the talent builder on mobile devices and in embedded mode

Commander images

Need screenshot (zoomed in) of the talent page for Leonidas and Wu Zetian so I can extract the commander icon.

They're currently missing from the commander dropdown as I dont have them summoned

Viewer mode

Add a viewer mode that users can embed into websites.

Viewer mode should disable all navigation and interactions, and just allow an embed of the tree panel while retaining zoom/pan functionality

Info tabs in about modal

Add tabs to the about modal to show different categories of information

Ideas:

  • Version numbers
  • Release notes pulled directly from GitHub releases (paginated)
  • Usage instructions (w/ button to show onboarding tour #9 )
  • Support
  • Contact

Torgny and Wafura

Thank you for your hard work! I would really appreciate Torgny and Wafura being added!

New features modal

Add a modal listing newly added features

This should compare the old (stored) and current app version to determine whether the modal is displayed

New commenders

Just add lu bu and diaochan as fast as you can please ..thank you <3

make upgrades possible.

Hello,
Could you make it possible to upload the files to make updates, please.
Thank You.

Screenshot settings

Describe the new feature
Add settings for screenshot:

  • Include Info panel
  • Add custom text/title

Add Queen Tamar of Georgia

I was looking through the list of commanders and realized that Queen Tamar of Georgia was missing in the list of epic commanders. This is her talent build:
blank-canvas-designs_99

Loading bar

Describe the new feature
Add a loading bar for initial page load and for commander change

Past announcements

Describe the new feature
Add list of past announcement modals to the Info screen so they can be viewed even if theyre not the latest release

Create jsplumb line component

Describe the new feature
jsplumb directly modifies the dom when drawing lines. Possible to create a react component for each line/component render instead?

Or find an efficient way to abandon jsplumb altogether. This would make styling through state/props much easier as we are currently directly manipulating the dom...

Additional information
Examples:
https://stackoverflow.com/questions/42380161/using-jsplumb-with-react
https://stackoverflow.com/questions/38836553/how-to-use-jquery-ui-with-react-js

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.