Week 1 2019 Spring

Homework:

• Build on top of the image classifier example(demo) from the coding session. Publish it on your blog / GitHub. Add your homework link to the list below.
• Or try any of the ml5js examples or tfjs examples, make something based on any of these examples.

Help:

• ml4w-homework: How to push code to a Github Repo and host sketch on Github
• Video: How to host p5 sketch on github pages

Resources:

• ml5 image classifier webcam on p5 Web Editor Full screen example, examplel with code
• All image classifier demos from week 1
  • Image classifier with webcam plain javascript (This demo works on Mobile Phone. Please use Safari browser on ios(iPhone), or Chrome browser on an android phone), code
  • Image classifier with speech output using MobileNet and p5.speech. See code Here.
  • Image classifier with translated restults and speech output using MobileNet, Google Translate API and p5.speech (To run this example, you need to replace the google API key in the sketch.js). See code here
  • Webcam Scavenger Hunt Game using MobileNet, p5.js, p5.speech. See code here.
• ml5.js examples
• tf.js examples
• Core Concept of TensorFlow.js
• Google AI experiments
• A Beginner's Guide to Machine Learning with ml5.js, introduction to tf.js 6.1 - 6.5

Inspirations about image classifier

• Emojis Scavenger Hunt
• Thing Translator
• Giorgio Cam
• Safty glasses on, shop machine running

Some ideas

You can -

• change the sketch background, show an image/gif, play a song when MobileNet recognizes a certain object.
• use p5.speech library to say the results from the mobile
• use Google translate to translate the results to another language
• make an emoji webcam scavenger hunt game
• connect p5 sketch to an Arduino board through serial communication, when MobileNet recognizes a certain object, light up a LED.

Questions?

• add your question here

Add your name / link to your assignment below

• Your name, [Project name](Project Link), Project Description
• This is an example, Image Classifier on Webcam, This is Image Classifier on Webcam... read more description here
• Vince MingPu Shao, Toxicity Detector blog post. Play with it here . This project is based on Toxicity classifier model by Tensorflow.js and bootstrapped with Create React App.
• Khensu-Ra Love EL, $5, Horror Movie Sensation, "US" Inspired Webcam Image Classification.. Read More Here
• Eva Philips, Routine Checklist, Image Classifier bedtime routine checklist
• Arnab Chakravarty https://editor.p5js.org/AbolTaabol/sketches/iszGCqo2m posenet maze thing?
• Louise Lessel, Image classifier with probablity check, Adds only things that have a probability of over 0.5 to an array.
• Dylan Dawkins, Object -> Place, Suggests a place in the area based on the object identified in the webcam.
• Suzanne Li, Image classifier with words, Shows words with image classifier. P5 sketch
• Daniel Castaño, Give me a Background, Change the background image depending on what the camera is reading.
• August Luhrs Simple Water Bottle Sketch, If detects a "water bottle", draws blue ellipses to the screen.
• Sachiko Simple customization on the appearance, just let the title / results appear more clearly, with a little play on the video
• Yves, Makeup Webcam, Apply different lipstick colors each time you press any keys on your keyboard
• Fenfen, Image Classifier on Webcam,Change the bar color and display a winking GIF when it recognizes wooden spoon.
• Anna Oh, OrangeHater, if it detects Oranges, it will be mad.
• Xinyue Li [Image Classifier that Annoys You] (https://github.com/poyloust/ML4W-Homework/tree/xy/week1) if the classifier couldn't recognize the item, the web page would be annoyingly displayed
• Alice Sun, Doge Interactive Type, Doge style generator using ML5 PoseNet