top of page
Writer's pictureJenny Wang

Final project Ideation (ML & Hand held)

Updated: Nov 19, 2021


  • Description: A web app coloring book that lets users to generate the sketches they want to color.

  • Project abstract

Once the users open the web app, they will see an input box that they can type prompt for the sketch they desire, such as a lots of flowers. The web app will generate a sketch with brush, pen and color tools on the next page for them to paint.

  • Inspiration

There are two sources that I get my inspiration from. One is from my "hand held: creative tools for phones" class. We talk a lot about creative tools and what makes a tool easy to use. The second source is from my personal experience. I never finish coloring book because I always choose the image I like to color. So, I thought it'd be interesting and fun if users can be in control of the images they want to color.

  • Visual reference


  • Audience:

The project is for anyone who wants flexibility in the image they color and wants to share with others easily. Users can interact with the web app on their phone, and the touch screen feature allows users to use their fingers to color the image.

  • Challenges/Steps:

    • Quick draw data set - to get doodle sketches

    • SketchRNN - to load sketches on canvas https://learn.ml5js.org/#/reference/sketchrnn

    • words matching - text in input box to match doodle categories, and randomly select individual doodle in the categories

    • Coloring tool - javascript code

    • Combination - combine p5.js sketches and javascript coloring tool code in codesandbox


13 views0 comments

Recent Posts

See All

Doodle Coloring App

Sketch link https://80u1v.csb.app/ Description It’s a web app that allows users to pick whatever doodle sketch they’d like to color....

コメント


bottom of page