GithubHelp home page GithubHelp logo

sho-87 / rok-talents Goto Github PK

View Code? Open in Web Editor NEW
11.0 11.0 11.0 29.6 MB

Talent builder for Rise of Kingdoms

License: GNU General Public License v3.0

HTML 0.75% CSS 9.61% JavaScript 89.64%
data-visualization game javascript reactjs

rok-talents's Introduction

Hi there, I'm Simon!

LinkedIn Badge

๐ŸŒž By day, I'm an ML Engineer, working on modelling and deployment infrastructure.
๐ŸŒš By night, I make random things for fun.

Some things I enjoy working on/with:

  • Sourcing and analysing data
  • Data exploration and visualization
  • Statistics
  • Machine learning

๐Ÿ”— Links

โœ๏ธ Recent Blog Posts

๐Ÿ›  Technologies

Languages

Python Go TypeScript GraphQL

ML / DL

PyTorch TensorFlow scikit-learn OpenCV

Infrastructure

AWS Terraform Docker

Databases

DynamoDB SQLite PostgreSQL

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

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

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...

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

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

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.

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

New commenders

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

Screenshot settings

Describe the new feature
Add settings for screenshot:

  • Include Info panel
  • Add custom text/title

Torgny and Wafura

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

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

Loading bar

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

make upgrades possible.

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

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

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

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

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

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

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)

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

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

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.