ML_Collage_App

Description:

This is a creative application that removes the background of an object within a photo and adds it into the canvas area. The user can add multiple images and drag and drop the processed image into a new position within the canvas. There is a 'save' button to export the image to a local directory.

Example Single Source Image:

Example Expored Collage Created Image:

Running App Example:

Usage:

The code utilizes P5js (which needs to be placed in the libraries) and RunwayML to access the ML library BASNet'BASNet: Boundary-Aware Salient Object Detection code'.

1. Open your terminal app within the root directory of this repo
2. Start a local server via terminal python -m SimpleHTTPServer 8001
3. Open a browser and enter the the local IP into the URL field http://127.0.0.1:8001/
4. Open RunwayML app, create model BASNet, choose your file, and run the server remotely
5. The code does a simple HTTP request when clicking the 'add image' button const path = "http://localhost:8000/query"