Nose Canvas

Prototype with Computer Vision

Key takeaways

Example outcome

Coming Soon!

Project 1 - Prototype with Computer Vision

Key takeaways

1. What is pose estimation and PoseNet?
2. What is the basic structure of a web application?
3. How can I create and launch a pose estimation web application?

Example outcome

Your very own web app that allows visitors to draw through interpretive dance!

Video Tutorial

References

1. Code - glitch.com/edit/#!/creatability
2. p5.js examples - p5js.org/examples
3. Google Creatability Github Repository - github.com/googlecreativelab/creatability-components
4. TheCAT.io slack channel - mit-thecat.slack.com
5. Learn more about HTML - w3schools.com

Play with completed app

🌙 Dark mode - creatability-example.glitch.me
☀️ Light mode - creatability.glitch.me

Student Work

Completed this tutorial? Congratulations 🎉
Share your work on our Slack channel,
+ upload it to Instagram and tag us @thecat.io!

You may also enjoy...

WEB BASICS

How does the Internet really work? How can I get code to do what I want it to?

COMING SOON

CREATIVE CODE

How can I programmatically generate beautiful visual and sound effects?

COMING SOON

eXTENDED REALITY

How can I prototype and deploy interfaces in AR to enable 3D interaction?

BeTA available

Machine learning

How can I build creative smart systems? How do I think about machine learning applications?

BeTA available

encHANTED OBJECTS

How does physical computing work? How can I make things that sense, move, or talk?

COMING SOON

Creative showcase

How can I create compelling projects for business? How do I build a professional portfolio?

COMING SOON

Curious about Creative Technology? Join our community!

Thank you! Please follow the instructions in your email to join our community.

Oops! Something went wrong while submitting the form.