https://github.com/shikaan/pickcells
🎨 Procedurally generate pixel art in the browser
https://github.com/shikaan/pickcells
art game-development game-jam pixel-art procedural-generation
Last synced: 3 months ago
JSON representation
🎨 Procedurally generate pixel art in the browser
- Host: GitHub
- URL: https://github.com/shikaan/pickcells
- Owner: shikaan
- License: mit
- Created: 2023-12-04T22:21:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-10T21:24:07.000Z (7 months ago)
- Last Synced: 2024-12-20T15:44:41.330Z (5 months ago)
- Topics: art, game-development, game-jam, pixel-art, procedural-generation
- Language: TypeScript
- Homepage: https://pickcells.vercel.app
- Size: 170 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
PickCells
Procedurally generate pixel art in your browser.
## Why?
Maybe you
* are in a game jam and need some quick and dirty variations on the same sprite;
* have something in mind, but that's not quite it and you need to give it a spin;
* just want to goof around and see if something useful comes up
## How?
[Click here](https://pickcells.vercel.app/).
You will be presented a grid you can fill using the tools in the sidebar. [Here](https://pickcells.vercel.app/#info) you can find more information.
## Examples
If you don't want to start from scratch, you can get starte with one of the [examples](https://pickcells.vercel.app/#examples).
### Sharing an example
1. Download your example using the 
button in the sidebar
2. [Fork](https://github.com/shikaan/pickcells/fork) this project
3. Add the downloaded example in the `/public/examples` folder
4. Add the filename to the `examples` list [here](https://github.com/shikaan/pixel-art-generator/blob/0be1ddd09c9ecb14fb9252c64eac93d2eaab5093/src/ui/dialogs/examples.ts)
5. [Open a Pull Request](https://github.com/shikaan/pickcells/compare)
## Contributing
Contributions are _very_ welcome! Here's a quick intro to the project.
It is a vanilla TypeScript project built with Vite. The only included sophistication
is PostCSS plugin to handle nesting in CSS.
All the business logic aroung creating masks and sprites is in the `src/lib` folder.
All the UI code is in the `src/ui` folder, which is _very_ dumb right now: most
of the templating relies on strings, and the state is just a glorified `Proxy`.
If you want to contribute icons or graphics, please consider using PickCells itself
as we did for the icons so far.