• Tutotial 1: Introduction to Processing
• Processing jar (for Eclipse IDE)
• P5Exporter (for Eclipse IDE)
• Example 1 on Feb 15 tutorial
• Example 2 on Feb 15 tutorial

• Multiple-pages design
• Font usage
  
  
• Color usage
  Good color uage:
• Scale issue
  
• Spacing
  

• Tutotial 1: Slides for P5js and HTML turtorial: P5jsandHTML.pptx

  Tutotial 1 video for P5js and HTML turtorial: P5jsandHTML video

• Tutotial 2: Slides for Twitter, HealthKit, and Firebase: TwitterHealthKitFirebase.pptx

  Tutotial 2 video for Twitter and HealthKit BACK-end: Twitter and HealthKit video

• Tutotial 3: Display draggable tweets using P5.JS: DisplayingTweetsWithP5JS.pptx

  Tutotial 3 video for Twitter and HealthKit FRONT-end: Twitter and HealthKit FRONT END

  Source codes for tutorial 2 and 3.
  

  • The demo web GUI: hcidemoweb.zip
  • The demo node.js server to load tweets: hcidemonodejs.zip
  • The demo Cordova Health app: CordovaHealth.zip
  • The demo Cordova app to access Firebase database: CordovaRealtimeDB.zip

• Tutotial 4: Slides for P5js examples : camera, weather, NYTime, Music player Presentation Slide

  Tutotial 4a video for camera and weather: at 27th minute

• Tutotial 5: Calendar

  Example 1 My google calendar

  Example 2 Challenge of building a Calendar with Pure JavaScript and source code

  We can build the calendar purely in P5js?

  Google Calendar Create API and Setting the project

• Tutotial Grid Layout: Build interactive dashboards in minutes.

• Some interesting references
  • Corning - 2011 - A day made of glass - https://www.youtube.com/watch?v=6Cf7IL_eZ38
  • Turn your Web Camera into a controller using a Neural Network - https://storage.googleapis.com/tfjs-examples/webcam-transfer-learning/dist/index.html
    Source code
    Demo video
    --> Can you use your head/tongue to interact with your magic mirror?

Other links