Giter Club home page Giter Club logo

loved-project-osu's Introduction

loved-project-osu

RIP May 2018 - September 2018; A tool to generate images for project loved. Shortly died after clayton found an alternate fix.

Instructions

Prerequisites

First, you will need these:

  • sass
  • node

Compiling and starting

Open the terminal to the cloned location and run npm run dev to compile the Sass and Javascript files (after this, you can use npm run start instead).

If npm run dev fails (because you are on Windows, for example), use npm run pack and npm run sass (in any order; once the command compiles the files, use Ctrl + C to kill the process and start the other one). Once this is done, you can use npm run start to start the program.

Usage

Inside the dev folder, there is another folder called loved. This folder is intended to be the sample folder for what the dropped folder should look like. Copy it and paste it into another location, such as your Desktop (you don't really have to this and just use this folder if you really want to). Henceforth, this new folder will be referenced as loved.

Inside the loved folder should be a config.yaml file for your osu!api key, if you choose to include it, and values that you can enter to override the osu!api values, should the osu!api not provide the wanted values. See #Config for config and overrides.

For this to work, delete the sample background images, if you hadn't already. Now you must gather the background images (Download the beatmapsets and load them into osu!, go to your Songs folder, and copy/paste them into the loved folder). Make sure you rename the images to their beatmapset id number!

Click and drag the image up or down to position the image. Then press Enter to advance to the next image.

Once the images and config file are ready, drag the loved folder into the window. If everything works out, a new folder called output inside the loved should be created along with the project loved images (this should open automatically, if it didn't).

Config

Notice: Pay close attention to indentation and hyphenated values! Misusing these may cause a YAML parsing error.

In the examples below, 369623 is the beatmapset id. This must correspond to an image in the loved folder.

Note: If you are using the osu!api, you only need to include beatmapset ids for those you want to override (probably for creators).

Note: If the osu!api key is invalid/missing and there are no overrides found, the replacement character is used.

osu!api key

Note: If you want to just use the osu!api values, this is all you need in the config.yaml file. If you don't, you must input the title, song, and creator(s) for each image in the loved folder.

"key": "YOUR_API_KEY"

Title

Title must be a string value.

"369623":
  "title": "Nice Title"

Artist

Artist must be a string value.

"369623":
  "artist": "Cool Dude"

Single creator

"369623":
  "creator": "clayton"

This works too:

"369623":
  "creator":
  -  "clayton"

Multiple creators

"369623":
  "creator":
  -  "clayton"
  -  "mangomizer"
  -  "peppy"

Creator with "et al."

"369623":
  "creator":
  -  "clayton"
  -  "et al."

Note: et al. is recognized as a keyword, not a username (it's an invalid username anyways), this any names proceeding after this value will be ignored (since "et al." is supposed to be at the very end anyways).

Putting it all together

So this is what it could look like:

"key": "YOUR_API_KEY"
"369623":
  "creator":
  -  "clayton"
  -  "mangomizer"
  -  "kaifin"
  "artist": "Real Artist Name"
"227021":
  "creator":
  -  "MegaApple_Pi"
  -  "et al."
  "title": "Wrong one, so here's a better title"
"89429":
  "creator":
  -  "peppy"
  -  "Ephemeral"

loved-project-osu's People

Contributors

megaapplepi avatar

Watchers

 avatar

loved-project-osu's Issues

Use canvas to position images instead of DOM

The current dev branch (f3b5915) is using the DOM to handle image positioning, but the scaling and translations from this is quite off from the actual results. Moving the positioning to the canvas also means we can save the image right away when the enter key is pressed and skip having to set up the DOM again for text alignment.

Allow multiple creator values in config

To allow commas , and "comma and" , and can be drawn correctly (these must not be bolded). This allow allows for et al. to be used as well (which should not be bolded as well).

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.