CanvasAI

• 

  Home Screen of CanvasAI

• 

  Kaleidoscope canvas

• 

  Calligraphy canvas

• 

  Text-to-Speech and Speech-to-text Discussion option

Inspiration

Designers and Painters are turning to digital tools for their work, and require collaboration and file management without any compromise on the performance of their work. My project CanvasAI allows artists and designers to seamlessly create stunning paintings and geometrical designs, using our AI canvas and unique brushes.

They can collaborate with others in real time even from different devices, as our projects will be using websockets from socket.io. The project will also allow speech to text and text to speech messaging as they dont wanna type while doing the art, and save it as png. I have also integrated File Browser, so that they can it allows easy management of files and picking required files from their canvas without moving over to any other place.

What it does

CanvasAI has 3 types of Canvas:

Calligraphy and artist canvas with different brushes

Kaleidoscope canvas which will allow creation of Symmetric and geometric designs with minimal or no skill.

Pixel reveal to create pixelated art

This project adds to :

Realtime Collaboration

Design AI

Easy communication while doing the work, instead of context switching

Easy file management

All in one experience

How I built it

Tech stack used:

NodeJs

sockets

p5.js

Weavy file browser

Webkit Speech Recognizer

Text2Speech

Express

Challenges I ran into

The AI brush tools that replicate what is made on one collaborator's canvas to the other collaborator's canvas real time was a challenege, but it was overcome with the help of sockets and p5.js in my project.

Accomplishments that I'm proud of

I'm proud of the different features integrated into the CanvasAI product and the fact that I have used it for designing merchandise like t-shirts, mugs, badges etc. for our recent college fest. My friends too have found the application really useful as it eliminates the need to know complex software like Adobe Illustrator.

What I learned

I learned how to integrate text to speech and speech to text and create a surreal painting canvas that aids students and almost anyone to give shape to their ideas.

What's next for CanvasAI

I aim to extend the tools used in CanvasAI - expanding the types of brushes, colours and canvases available, while still keeping it simple and easy for users to paint their heart out on the canvas. It eliminates the need for learning complex tools like Adobe Illustrator and people from beginners to professionals can use it with ease.

Built With

• browser
• express.js
• file
• node.js
• p5.js
• recognizer
• sockets
• speech
• text2speech
• weavy
• webkit