dimadem / pixposter

Create pixeled pictures from another pictures

Home Page:https://pixposter.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🔳 PixPoster 🔲

Netlify Status

alt text

Final project for M-C-S

Description:

It's weird, but it might be hard to start building something from scratch. What if we use abstraction as starting point, which inspired by imagine and compiling.

Pixel abstraction is far from artwork, but minimalism will allow us to concentrate on feelings and use saved posters as a stencil for a future work.


How to use

(1) Use white rectangle as a Stamp-style paint tool

(2) Print with black rectangle on the right side PixPoster

(3) Dive into with search picture

(4) Save your work - use button Save and wait a few seconds


How to install locally:

  1. git clone
  2. npm install
  3. npm start
  4. Use http://localhost:3000

It was interesting to consider the interaction two popular libraries React and p5js.


P5js sketch was inspired by one of the tutorials https://github.com/timrodenbroeker (if you read this Tim, Thank you)

About

Create pixeled pictures from another pictures

https://pixposter.netlify.app

License:Apache License 2.0


Languages

Language:JavaScript 95.4%Language:HTML 4.5%Language:CSS 0.1%