### Agenda: <p> 3:15: Assignment Review <br> 3:45: <a href='./programming.html'> Interfacing projects with computers</a>, <a href='./webusb.html'>talking to your browser over USB</a><br> 4:15: <a href='./p5.html'>Processing and p5</a> <!-- (Download <a href='readAndAnimate.zip' download>Example Files</a> --><br> 4:30: Break <br> 4:45: Breakout Rooms: <ul> <!-- <li> <a href='./webusb.html'>Talking to your browser over USB (Chrome)</a></li> --> <li> <a href='https://itp.nyu.edu/physcomp/labs/labs-serial-communication/lab-serial-input-to-the-p5-js-ide/'>Talking to your browser with a Serial port bridge </a> </li> <li> <a href='./p5-usb.html'>Talking to your browser over USB (Chrome)</a></li> <li> <a href='https://github.com/benyscott/ESP32-and-WebSockets'> ESP32 and WebSockets</a> (See also <a href="https://github.com/gilmaimon/ArduinoWebsockets">ArduinoWebSockets library</a>)</li> <li> <a href='https://www.youtube.com/watch?v=Hx7bdpev1ug'>ESP32-CAM Save Photos to Firebase</a> </li> <li><a href='https://randomnerdtutorials.com/esp32-cam-opencv-js-color-detection-tracking/'>OpenCV.js Color Tracking with ESP32-CAM</a></li> <li><a href='https://experiments.withgoogle.com/tiny-sorter/view'>Teachable Machines and p5</a> (requires Leonardo microcontroller). <a href='https://create.arduino.cc/projecthub/alankrantas/use-teachable-machine-ai-to-control-anything-2ad1ee'>Alternative Teachable Machines example</a> </li> </ul> </p> <h3>Labs:</h3> <p> Send data to a computer and display results with code you've written. Work on final projects. <!-- <br> Download <a href='readAndAnimate.zip' download>Example Files</a><br> --> </p> <h3>Assignment:</h3> <p> 1. Send data to a computer and display results with code you've written (e.g., visualization of sensor data, browser-based game with microcontroller-based interactions, etc.)<br><br> 2. Document progress on your final project. Consolidate your final project updates to a single "process" page. Optionally, create an additional concise "finished product" page. Plan on creating a 1-minute demo video for your final project. Here are some <a href='https://www.youtube.com/playlist?list=PL4fKo3qhGqtp8Co99vPx46yHWH1GRD6Yk'>examples</a>. <br><br> 3. Find a pattern to cast and a ventilated space for class on Tuesday. Do not handle the molding and casting supplies without wearing gloves. </p> <!-- <h3>Extra Lab Times</h3> <p> <ul> <li>Thursday 8/1: 3pm-6pm (Nathan)</li> <li>Friday 8/2: 9am-12pm (Rob)</li> <li>Friday 8/2: 3pm-6pm (Soumya)</li> <li>Saturday 8/3: 9am-3pm (Nathan)</li> <li>Sunday 8/4: 9am-3pm (Nathan)</li> <li>Monday 8/5: 9am-12pm (Rob)</li> <li>Monday 8/5: 12pm-3pm (Andrei)</li> <li>Tuesday 8/6: 9am-12pm (Rob)</li> <li>Tuesday 8/6: 12pm-3pm (All)</li> <li>Wednesday 8/7: 9am-12pm (Rob)</li> <li>Wednesday 8/7: 12pm-3pm (Andrei)</li> <li>Wednesday 8/7: 3pm-6pm (Soumya)</li> </ul> </p> --> <h3> Resources: </h3> <p> <a href='https://p5js.org/'>p5.js</a><br> <a href='http://molleindustria.github.io/p5.play/'>p5.play Library</a><br> <a href='https://experiments.withgoogle.com/tiny-sorter/view'>Teachable Machines and p5</a><br> <a href='https://nathanmelenbrink.github.io/artg2260/07_data/apis.html'>APIs</a><br> <a href='https://itp.nyu.edu/physcomp/labs/labs-serial-communication/lab-serial-input-to-the-p5-js-ide/'>Workshop: Send data to a computer and write code to display results</a><br> </p>