app upodate

docs/Interface & Application Programming.md

@@ -13,8 +13,8 @@ I start with processing as suggested by Steven.
 
 A good way to learn about the what and why of 'Processing' is this essay ['A Modern Prometheus'](https://medium.com/processing-foundation/a-modern-prometheus-59aed94abe85) by the initiators of the project.  
 Processing is basically a program that connects graphic design to computer science. It has a set of elements for creating visual design with code. The processing website has a good set of [video tutorials that covers the basics](https://processing.org/tutorials/).  
-Here is a screenshot of a sketch I wrote while learning the basics of the code structure, the vois setup and draw, the-coordinate system, and use simple visual elements - shape, colour in greyscale and rgb, interact with the mouse...   
-![basics](./images/app/basics.png)
+Here is a screenshot of a sketch I wrote while learning the basics of the code structure, the void setup and draw, the-coordinate system, and use simple visual elements - shape, colour in greyscale and rgb, interact with the mouse, conditional statements...   
+![basics](./images/app/sketches.gif)
 The processing PDE (processing development environment) looks very similar to the Arduino IDE (integrated Development Environment). I learnt that the Arduino Env was inspired by the Processing Env, and in the process learnt how python and other coding systems are all related and are developed from each other.![coding systems](https://miro.medium.com/max/1400/1*acOSBylGfO56gyT-sg6nHA.png).
 
 
@@ -45,24 +45,20 @@ The processing PDE (processing development environment) looks very similar to th
 
 
 
-// references
-// Processing story - https://medium.com/processing-foundation/a-modern-prometheus-59aed94abe85
-//Processing tutorials - https://processing.org/tutorials/
-//[connecting Arduino & Processing with this sparkfun guide](https://learn.sparkfun.com/tutorials/connecting-arduino-to-processing/all#introduction)
-// (Arduino + Processing) - https://www.hackster.io/hardikrathod/control-arduino-using-gui-arduino-processing-2c9c6c
-// Radar Project - https://howtomechatronics.com/projects/arduino-radar-project/
-// with BT module - https://randomnerdtutorials.com/getting-started-with-mit-app-inventor-2-and-arduino/
-https://howtomechatronics.com/tutorials/arduino/how-to-build-custom-android-app-for-your-arduino-project-using-mit-app-inventor/
-
-// MIT app inventor - https://appinventor.mit.edu/
-http://ai2.appinventor.mit.edu/
-// with python + tk - http://arduinolearning.com/code/led-control-with-arduino-and-python-tkinter.php
-// http://archive.fabacademy.org/fabacademy2017/fablabsingapore/students/216/exercise16.html
-// http://fab.academany.org/2020/labs/singapore/students/noel-kristian/exercise12.html
-// https://eatpoopandgrowstrong.github.io/FDFAB/hub/interfacingandapplicationsprogramming.html
-
-
-WANT To LEarn:
-Open Processing: https://openprocessing.org/
-D3js https://d3js.org/
-P5js https://p5js.org/
+#### References
+ - Processing story - https://medium.com/processing-foundation/a-modern-prometheus-59aed94abe85
+ - Processing tutorials - https://processing.org/tutorials/
+ - [connecting Arduino & Processing with this sparkfun guide](https://learn.sparkfun.com/tutorials/connecting-arduino-to-processing/all#introduction)
+ - (Arduino + Processing) - https://www.hackster.io/hardikrathod/control-arduino-using-gui-arduino-processing-2c9c6c
+ - Radar Project - https://howtomechatronics.com/projects/arduino-radar-project/
+ - with BT module - https://randomnerdtutorials.com/getting-started-with-mit-app-inventor-2-and-arduino/
+ - https://howtomechatronics.com/tutorials/arduino/how-to-build-custom-android-app-for-your-arduino-project-using-mit-app-inventor/
+ - MIT app inventor - https://appinventor.mit.edu/
+ - http://ai2.appinventor.mit.edu/
+ - with python + tk - http://arduinolearning.com/code/led-control-with-arduino-and-python-tkinter.php
+ - http://archive.fabacademy.org/fabacademy2017/fablabsingapore/students/216/exercise16.html
+ - http://fab.academany.org/2020/labs/singapore/students/noel-kristian/exercise12.html
+ - https://eatpoopandgrowstrong.github.io/FDFAB/hub/interfacingandapplicationsprogramming.html
+ - Open Processing: https://openprocessing.org/
+ - D3js https://d3js.org/
+ - P5js https://p5js.org/