Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mrspeaker/acxel

Sublime Text selection to PNG
https://github.com/mrspeaker/acxel

Last synced: 14 days ago
JSON representation

Sublime Text selection to PNG

Awesome Lists containing this project

README

        

# Acxel: The Pixel Maker

v1.0 by [@mrspeaker](http://www.twitter.com/mrspeaker)

Sublime Text plugin for converting text selections to HTML5 canvas image code.

![mrspeaker](https://cloud.githubusercontent.com/assets/129330/5779970/011dfdea-9d75-11e4-9ca3-6e06c4d3b2b4.png) generated from this text:

__ __ ______ _______ _______ _______ _______ ___ _ _______ ______
| |_| | | | | | | | | | | | | | | | | | | |
| | | _ | | | | | | | | _ | | | | | | | | _ |
| | | | || | _____| | _ | | ___| | | | | | |_| | | ___| | | ||
| | | |_||_ | |_____ | |_| | | |___ | |_| | | _| | |___ | |_||_
| | | | | | | | | | | | | | | | | |
| | | __ | |_____ | | ___| | ___| | | | |_ | ___| | __ |
| ||_|| | | | | | _____| | | | | |___ | _ | | _ | | |___ | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | |
| | | | | | | | | | | | | | | | | | | | | | | | | | | |
|_| |_| |___| |_| |_______| |___| |_______| |__| |__| |___| |_| |_______| |___| |_|

## How do you use it?

Put the `Acxel` directory in your Sublime Text `Packages` directory (`Sublime Text` -> `Preferences` -> `Browse Packages...`). Select some text in Sublime Text (possibly text with some aesthetic qualities). Right-click and "Acxel"-ify.

![command](https://cloud.githubusercontent.com/assets/129330/5779958/ef3cd420-9d74-11e4-86d1-258c87f0298a.png)

This will copy some JavaScript to your clipboard. Paste the JavaScript into your browser's Console window.

![console](https://cloud.githubusercontent.com/assets/129330/5779962/f70e0e62-9d74-11e4-858d-e3a052d601f6.png)

Annnnd presto! The pixelized version of your selection added to the bottom of the page. Like Magic.

![mrspeaker](https://cloud.githubusercontent.com/assets/129330/5779970/011dfdea-9d75-11e4-9ca3-6e06c4d3b2b4.png)

You can right click on the image to save it. These images have been enlarged 4 times, so you don't have to squint. Here's what the code for the plugin looks like, in case you were wondering.

![code](https://cloud.githubusercontent.com/assets/129330/5779976/06c66dc2-9d75-11e4-88dc-d2f686775bde.png)

## Why?

For making pixel art while it looks like you're working.

## v2?

Colours. Instant PNGs (no pasting to a browser). Stay glued to [http://www.mrspeaker.net/](http://www.mrspeaker.net/) or [@mrspeaker](http://www.twitter.com/mrspeaker) for updates.