Skip to content

Create and share your artwork with the world using VizArt - a simple yet powerful air drawing platform

Notifications You must be signed in to change notification settings

The-Sprint-Team/VizArt

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Create and share your artwork with the world using VizArt - a simple yet powerful air drawing platform.


image

💫 Inspiration


"Art is the signature of civilizations." - Beverly Sills


Art is a gateway to creative expression. With VizArt, we are pushing the boundaries of what's possible with computer vision and enabling a new level of artistic expression. We envision a world where people can interact with both the physical and digital realms in creative ways.

We started by pushing the limits of what's possible with customizable deep learning, streaming media, and AR technologies. With VizArt, you can draw in art, interact with the real world digitally, and share your creations with your friends!


"Art is the reflection of life, and life is the reflection of art." - Unknow


Air writing is made possible with hand gestures, such as a pen gesture to draw and an eraser gesture to erase lines. With VizArt, you can turn your ideas into reality by sketching in the air.

image

4

5

Our computer vision algorithm enables you to interact with the world using a color picker gesture and a snipping tool to manipulate real-world objects.


"Art is not what you see, but what you make others see." - Claude Monet


The features I listed above are great! But what's the point of creating something if you can't share it with the world? That's why we've built a platform for you to showcase your art. You'll be able to record and share your drawings with friends.

image

image

I hope you will enjoy using VizArt and share it with your friends. Remember: Make good gifts, Make good art.

❤️ Use Cases

Drawing Competition/Game

VizArt can be used to host a fun and interactive drawing competition or game. Players can challenge each other to create the best masterpiece, using the computer vision features such as the color picker and eraser.

Whiteboard Replacement

VizArt is a great alternative to traditional whiteboards. It can be used in classrooms and offices to present ideas, collaborate with others, and make annotations. Its computer vision features make drawing and erasing easier.

People with Disabilities

VizArt enables people with disabilities to express their creativity. Its computer vision capabilities facilitate drawing, erasing, and annotating without the need for physical tools or contact.

Strategy Games

VizArt can be used to create and play strategy games with friends. Players can draw their own boards and pieces, and then use the computer vision features to move them around the board. This allows for a more interactive and engaging experience than traditional board games.

Remote Collaboration

With VizArt, teams can collaborate remotely and in real-time. The platform is equipped with features such as the color picker, eraser, and snipping tool, making it easy to interact with the environment. It also has a sharing platform where users can record and share their drawings with anyone. This makes VizArt a great tool for remote collaboration and creativity.

👋 Gestures Tutorial

image image image image image

⚒️ Engineering

Ah, this is where even more fun begins!

Stack

Frontend

We designed the frontend with Figma and after a few iterations, we had an initial design to begin working with. The frontend was made with React and Typescript and styled with Sass.

Backend

We wrote the backend in Flask. To implement uploading videos along with their thumbnails we simply use a filesystem database.

Computer Vision AI

We use MediaPipe to grab the coordinates of the joints and upload images. WIth the coordinates, we plot with CanvasRenderingContext2D on the canvas, where we use algorithms and vector calculations to determinate the gesture. Then, for image generation, we use the DeepAI open source library.

Experimentation

We were using generative AI to generate images, however we ran out of time.

image image

👨‍💻 Team (”The Sprint Team”)

@Sheheryar Pavaz

@Anton Otaner

@Jingxiang Mo

@Tommy He

About

Create and share your artwork with the world using VizArt - a simple yet powerful air drawing platform

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •