Skip to content

mr-breakfast/mrbreakfasts_free_prompts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mr. Breakfast's Free Prompts

Mr. Breakfast's Free Prompts is an input prompt pack with over 400 svg and png assets

pack preview

🍬 Previews generic preview keyboard and mouse preview switch preview ps5 preview xbox preview steam deck preview

Inspired by the look and freedom of Kenney and the freedom of Xelu's free prompts.

Remix the source here, or download and support the pack on Itch.io

🛋️ Supports:

  • Nintendo Switch
  • Xbox Series
  • PlayStation™ 5
  • Steam Deck
  • Generic game pad
  • Keyboard and mouse

🖌️ How is the Source made?

The source was designed in Inkscape. Every prompt has a gradient for the fill, stroke, and inner icon. Think of this like a color variable. The gradients are locked and globally shared between assets, allowing for easy edits of the dark and light color schemes.

Here's an example of a generic light button:

image

And the gradients included so far:

image

Many of the triggers/bumpers were created using Inkscape's Corner live path effect. The keyboard keys have a different fill gradient from the other prompts.

♻️ Contributing Guide

You will need to install the following:

  1. Inkscape (version 1.3 or greater recommended)
  2. Poppins font

If you intend to submit a pull request, please organize your work under the correct layers, and make sure your paths are properly grouped and named.

Naming groups

The name of the group becomes the name of exported asset. The naming scheme is {vender}_{title}_{tags}. For example if the vendor is xbox, the title of the button y, and is a light-style button with a colored fill, then it is named xbox_y_color_dark. The names of existing buttons can be a good reference.

Important

Use full names rather than glyphs in titles

EX: the semicolon key would not be titled :_light, it would be titled semicolon_light.

This is important to avoid unallowed file names (See #4. It also looks better.)

Exporting Changes

After you've made your changes to the inputs.svg source file, you'll need to update the corresponding files.

Let's begin with exporting the individual SVG files as this has the most steps:

  1. Make a temporary duplicate of inputs.svg, and open that file in Inkscape
  2. Click 'Select All in All Layers' to select all the individual prompts
  3. Navigate to the 'Path' menu and click 'Object to Path' or use Shift+Control+C
  4. Using batch export, ensure the background color is transparent, format is Plain SVG, overwrite is enabled, and that there is no prefix appended to the file name.
  5. Export to ~/svg

The individual PNGs are done similarly:

  1. Select all
  2. Export the prompts at 96DPI to ~png.

Atlases:

  1. Select all layes
  2. Select 'Layers' in Batch Export
  3. Export layers to ~/atlases.

Finally, find the preview image sources in ~/previews/src. Copy/paste the changed prompts to the places they belong. Next, export the previews at 96DPI to ~/previews.

You're all done!

Submitting a Pull Request

Before you submit your pull request, make sure to summarize your changes in CHANGE_NOTES under the corresponding "Package" heading.

🎂 Who uses these?

So far no one! Want your project featured? Add a link here in the README

About

Free and open-source prompt pack with over 400 svg and png assets.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •