May 9, 2017

Create Digital Art with P5.JS and Clarifai's Color Recognition Model

Table of Contents:

p5.js is a great way to get started when making digital art for the browser with JavaScript. In just a few lines of code, you can start drawing interactive artwork which works on computers, phones and more. Here’s a video tutorial to help you explore p5.js and Clarifai’s Color recognition model!

On a personal level, I feel that making digital art is really exciting, and p5 took away lots of the scary parts and replaced it with a toolkit which was fun and easy to work with.

In this video tutorial, I expect that you have a very basic understanding of JavaScript (what a function is) and not anything else. Together, we’ll learn to use Clarifai’s Color Model to make an interactive representation of the colors in our image.

 

 

I’ve built it on a platform called Glitch, If you’d like to look at my complete project and ‘remix’ it in your own account, you can find it here. And if you have any questions at all or are wondering what else you can do with this project, feel free to find me on Twitter as @_phzn.