Skip to content

gwauge/arty-shapes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Arty Shapes

About

This project was created as part of the lecture 'Algorithmen zur Prozessierung visueller Medien' (Algorithms for processing visual media) during the winter semester 2022 at HPI by @instant-sky & @gwauge.
The main inspiration for this project was drawn from the 2008 paper Arty Shapes by Song et al.


Live demo

Try it out here for yourself.


Pipeline

The user selects an image for processing. As soon as the image has finished loading, the processing pipeline starts working inside the shapify function.
There, the machine learning model is being loaded if necessary and all the variables are read from the GUI and passed on to the draw_segments function.
Now the image is processed and split up into individual segments via the hk function. Afterwards each segments colored is modified according to the appropriate color setting. Lastly the shape is changed and the resulting shape is simplified. When everything is done, a polygon is drawn back to the canvas.


Important available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.