ASCIIShop

Welcome to ASCIIShop!

This is the tool I built to make my animated ASCIIBear Twitch avatar

Fair warning that the page isn't optimized. Don't be surprised if it takes a few seconds to load.

  • Click a location on the grid then click a character from the selection sidebar and it'll place the character there

  • When you place a character, it also adds it to the top of the selection sidebar to make it easier to find next time

  • The "w", "d", "a", and "s" keys move the selected spot on the grid up, down, left, and right, respectively

  • Using Shift+click selects a box starting at the initial cursor position and extending to the new location

  • Command+Click on a mac selects multiple individual characters (I'm don't yet know what the key is on other operating systems)

  • Command+Clicking an already selected tile doesn't currently un-select it

  • The "f" key removes the character from currently selected locations

  • Multiple layers are supported

  • Characters on the currently selected layer are gold. Characters on layers above and below the selected layer are green.

  • The highest layer the contains a character for any give location shows that character (i.e. none of the ones below it are visible for that location)

  • Switching between layers is done with the "L#" buttons in the layers palette

  • The checkbox in the layers area determines which layers are visible

  • The currently active layer is highlighted with the red bar

  • The "S" button in the layers area will "solo" a layer showing just it. (It's not currently a toggle so soloing a layer means turning others back on manually)

  • To move a block of character, select them with Shift+Click the press Option+w, Option+a, Option+s, or Option+d to move them the corresponding direction. (The key is Option on mac. I'm not yet sure what it is on other operating systems)

  • Option click (on mac or whatever that is on your OS) + w,a,s,d to move the selected

  • Saving a file creates a JSON file that can be loaded back in.

  • To get the text, copy the content from the output area

  • Note: if you refresh the page, the content currently resets. Make sure you save off a copy of the JSON first

CHECKLIST SECTION