Skip to content

UniCT-WebDevelopment/Runes-Master

Repository files navigation

Runes Master

A simple tool for managing runes pages in the game League of Legends.

App Preview

How does it work?

The tool communicates only with the game client and it does it via WebSockets and HTTPS requests, to get/send any of the required data.

Saving

  • Saving a new Runes Page

    • On the game: simply create a new page with the runes you like, give it a cool name and click save.
    • On the app: then, click Save Preview to add it to your pages collection.
  • Saving an existing Runes Page

    • On the game: click on the page you want to save, it will become the current active page.
    • On the app: click Save Preview to add the current active page to the collection.

Tip: While saving, Runes Master will scan the page name to detect the champion and the lane you want to save it for.
If there is more than one match (or no match at all) manually selecting the saving options will be required.

Exporting

Simply click Export Preview to export your amazing collection and share it with some friends.

Importing

Just click Export Preview to import your friend's amazing collection.

More Features

  • Runes Master detects when you enter a champion selection screen. It then filters your collection basing on your pick/role and automatically imports the runes page if it is the only one out of the filter.
  • You can click a runes page in your collection to manually import it in the game, in any moment.
  • You can see the content of a page by hovering the mouse on it.

Build & Run

Requirements

To build the app, download or clone the repository, then download and install NodeJs and execute the following commands on the shell

  • Install Electron module globally
    $ npm install electron -g
  • Install Electron-Packager module globally
    $ npm install electron-packager -g
  • Move to the project folder
    $ cd runes_master
  • Get the current electron version for the next step
    $ electron -v
  • Build the app
    $ electron-packager . --electron-version="version"
  • Or just run it
    $ electron .

Dependencies & References

Runes Master is using JQuery for the UI and League-Connect to communicate with the League of Legends client. Some useful references for the development process are:

Personal Notes

Runes Master is a project for the subject Web programming, Design & Usability of the Computer Science course in the University of Catania.