/talkart-server

A voice-operated digital illustrator for Chrome. Incorporates Instagram and Colr.org APIs with p5.js.

Primary LanguageJavaScript

TalkArt

http://talkart.herokuapp.com

TalkArt is a voice-operated digital illustrator. Valid commands update dynamically in upper left of screen notifying user of available operations. Incorporates Instagram API and OAuth2, Colr.org API calls for hex searches, and p5.js for speech library, shapes, and dynamic canvas.

VIDEO WALKTHROUGH - https://www.youtube.com/watch?v=_T7Ptql6v-Q
APP PRESENTATION - https://www.youtube.com/watch?v=80dqVzMAsPY&list=PLM_i0obccy3un-9j53tz1wiC28a4Asi99&index=9

Requirements:

Recent version of Google Chrome.
Instagram username -
*Please note: Instagram currently authenticates TalkArt in sandbox mode. If you would like to incorporate your Instagram feed to try TalkArt, please reach out to me with your Instagram username and I will authorize it for usage.

Example voice-command sequences:

"HOME" - reloads the application.

"LOGIN" - drops down login window.

"REGISTER" - drops down registration window.

"CREATE" - "BACKGROUND" - "PHOTO" - "INSTAGRAM" - Runs Instagram OAuth and returns user photos for backgrounds.

"SIX" - Changes background Instagram photo to the 6th photo in photo selection at right panel.

"CREATE" - "BACKGROUND" - "COLOR" - [Prompt to capture name of color or of something colorful, ex. "sky"] - "GO" - Runs Colr.org call for hex values related to word.

"CREATE" - "SHAPE" - "CIRCLE" - Drops circle onto canvas, then shows transform options for that shape.

TRANSFORM --> "POSITION" - "RIGHT" - moves circle right - "STOP" - circle stops, presents position options again.

POSITION --> "STAY" - leaves shape in current position, then presents other transform options.

TRANSFORM --> "SIZE" - "ENLARGE" - starts enlargening shape - "STOP" - shape stops size change, presents size options again.

SIZE --> "STAY" - leaves shape at current size, then presents other transform options.

TRANSFORM --> "COMMIT" - changes valid commands to the parent set, CREATE and TRANSFORM.