All Projects → ljvmiranda921 → Sprites As A Service

ljvmiranda921 / Sprites As A Service

Licence: mit
Generate your personal 8-bit avatars using Cellular Automata, a mathematical model that simulates life, survival, and extinction

Programming Languages

python
139335 projects - #7 most used programming language

Projects that are alternatives of or similar to Sprites As A Service

Pixelorama
A free & open-source 2D sprite editor, made with the Godot Engine! Available on Windows, Linux, macOS and the Web!
Stars: ✭ 2,535 (+1332.2%)
Mutual labels:  pixel-art, sprites
Pixieditor
PixiEditor is a lightweight pixel art editor made with .NET 5
Stars: ✭ 210 (+18.64%)
Mutual labels:  pixel-art, sprites
Deadsimple Pixel Perfect Camera
An exceedingly easy-to-use pixel perfect orthographic camera script for 2D scenes in Unity. Punch in a few specs and you've got a working pixel perfect camera. It's that easy.
Stars: ✭ 186 (+5.08%)
Mutual labels:  pixel-art, sprites
Svg Sprite Module
Optimize SVG files and combine them into sprite
Stars: ✭ 187 (+5.65%)
Mutual labels:  nuxtjs, sprites
SlopeCraft
Get your map pixel art in minecraft
Stars: ✭ 298 (+68.36%)
Mutual labels:  sprites, pixel-art
Slate
Pixel Art Editor
Stars: ✭ 723 (+308.47%)
Mutual labels:  pixel-art, sprites
Aseprite
Animated sprite editor & pixel art tool (Windows, macOS, Linux)
Stars: ✭ 14,832 (+8279.66%)
Mutual labels:  pixel-art, sprites
8 bit hubble
Generate random pixel art galaxies! In honor of Hubble Space Telescope, SNES videogames and Bob Ross
Stars: ✭ 59 (-66.67%)
Mutual labels:  sprites, pixel-art
pixel-art
A minimalist, cross device compatible pixel art editor.
Stars: ✭ 72 (-59.32%)
Mutual labels:  sprites, pixel-art
SpookyGhost
A procedural sprite animation tool made with the nCine
Stars: ✭ 185 (+4.52%)
Mutual labels:  sprites, pixel-art
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✭ 105 (-40.68%)
Mutual labels:  nuxtjs, sprites
Remixed Dungeon
Traditional roguelike game with pixel-art graphics and simple interface - Remixed Pixel Dungeon
Stars: ✭ 160 (-9.6%)
Mutual labels:  pixel-art
Rx
👾 Modern and minimalist pixel editor
Stars: ✭ 2,063 (+1065.54%)
Mutual labels:  pixel-art
Nuxt Payload Extractor
Nuxt.js module that makes `nuxt generate` command to store html and payload separately.
Stars: ✭ 140 (-20.9%)
Mutual labels:  nuxtjs
Nuxt Imagemin
Nuxt module to minify your images. Works with: png, jpeg, gif, and svg
Stars: ✭ 170 (-3.95%)
Mutual labels:  nuxtjs
Vixl44
Create pixel art inside your terminal using vim movements
Stars: ✭ 152 (-14.12%)
Mutual labels:  pixel-art
Sprite Wxapp
spritejs 小程序版
Stars: ✭ 138 (-22.03%)
Mutual labels:  sprites
Web Vitals Module
Web Vitals: Essential module for a healthy Nuxt.js
Stars: ✭ 138 (-22.03%)
Mutual labels:  nuxtjs
Nuxpress
A Nuxt-based blogging engine and boilerplate
Stars: ✭ 135 (-23.73%)
Mutual labels:  nuxtjs
Rgx
Modern mid-level 2D graphics library
Stars: ✭ 172 (-2.82%)
Mutual labels:  pixel-art

Github Pages Cloud Run Frontend CI Backend CI

Try the interactive demo here ✨✨

Sprites-as-a-Service is an open-source web application that allows you to generate custom 8-bit sprites using Cellular Automata, particularly Conway's Game of Life. Generate a unique sprite given a text, and control extinction and survival rates. In addition, you can also access the generator via a REST API. Use it for your chat app or games!

The frontend is made with Vue.js (with Nuxt.js) whereas the backend is done using Python and FastAPI.

You can also read my creative process and motivation for building this app in my blog

Running the development server

The easiest way to run Sprites-as-a-service locally is via docker compose. First, clone this repository:

git clone [email protected]:ljvmiranda921/sprites-as-a-service.git

then build the images:

cd sprites-as-a-service
docker-compose build

This will then build two images, sprites-backend and sprites-frontend, for the backend and frontend services of the web app. You can then run them with the command:

docker-compose -d up

You should be able to see the application running at localhost:8080. Close these services using:

docker-compose down

Production server and deployment

The frontend demo application is currently deployed in my website. I first generate a static website using Nuxt's npm run generate, then serve it on Github pages. To see the frontend deployment procedure, I encourage you to check .github/workflows/gh-pages.yml.

On the other hand, the backend service is deployed in Google Cloud Run. I first build the image found in ./backend/Dockerfile and deploy them to GCP. Check .github/workflows/cloud-run.yml for more information.

I highly-encourage you to use the Docker images published in this repository. You might not need the frontend component itself, but the backend can be deployed as a microservice.

docker pull docker.pkg.github.com/ljvmiranda921/sprites-as-a-service/sprites-backend:latest

Notable Implementations

  • @danielgjackson has a pure-Javascript port for Sprites-as-a-Service. From that he made Infinite Sprites! I encourage you to check it out and spend your hours looking at them!
  • @yurkth created Sprator, a GUI application that generates sprites using cellular automaton. Here, you can set a seed, base & background colors, and size!

License

The content of this project itself is licensed under the Creative Commons Attribution 4.0 license, and the underlying source code used to generate the sprites and build the website is licensed under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].