VoytechG / Pieces

An interactive picture exhibition with an editor (in work)

Home Page:https://gvoy.tech/pieces/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

An interactive picture exhibition with a picture editor.

This is my own project combining my passion for programming and creative work. Inspired by the original work of Bryan James - Species in Pieces. My purpose is to create my own vision of Bryan's project, extend it with a picture editor and let everyone create and save (and possibly animate) their drwaings.

Done with an excelent open source p5.js library.

Use Instructions

C - swap between creator/showcase screen (unsaved drawing is not lost)

Creator:

S - save drwaing (for current session until refresh; storage to be added)

F - hold F and move cursor close to a triangle vertex to place the cursor exactly on the vertex

Mouse left - place a vertex

Showcase:

left/right or up/down arrow - previous/next drawing

Mouse left - next drawing

ToDo (for now)

  • adding color palette for editor
  • add drawings dataase (with Google Firebase)
  • refactoring
  • documentation
  • using CSS polygons for drawings

About

An interactive picture exhibition with an editor (in work)

https://gvoy.tech/pieces/


Languages

Language:JavaScript 100.0%Language:HTML 0.0%