Author Archives: Yueming Gao

Sketch 5 – Yueming Gao

screenshot-2022-11-21-at-11-52-59-pm

screenshot-2022-11-22-at-12-26-08-am

I am trying to design a simple quiz game relative to my idea, but I am still exploring how to make it.

I use the keyPressed function to make the audient input some message.

Code link:https://github.com/YuemingGaoMINGMING/MINGMING/blob/main/sketch_5.pde

References:

1.https://processing.org/tutorials/typography

2.https://processing.org/examples/button.html

Sketch 4 – Yueming Gao – LED & Light Sensor

img_8371img_8369img_8370

In this Sketch, I try to use the light sensor to turn on the LED pixels. I also want to try different modes for LED. Then after my research, I downloaded the library called Adafruit Neopixel, and referred to the examples from the library.

Unfortunately, my Arduino cannot connect to my laptop this evening. I tried to change a couple of USB-Cable, but it still doesn’t work. So the code didn’t have the final test.

I need to find out the reason continuously.

Code Link: https://github.com/YuemingGaoMINGMING/MINGMING/blob/main/sketch_lightSensor%26LED/sketch_lightSensor%26LED.ino

ezgif-com-gif-maker-2

 

Reference:

  1. https://arduinogetstarted.com/tutorials/arduino-light-sensor-triggers-led
  2. https://create.arduino.cc/projecthub/BuildItDR/neopixels-how-do-they-work-f1152a?ref=search&ref_id=NeoPixel&offset=4

Sketch 3 – Angry Virus -Yueming Gao

Angry Virus

This Sketch is aimed to show some angry virus. These jumping circles like some angry harmful virus. This code is relative to our project.

Fullscreen: https://editor.p5js.org/y.gao3322/full/8ZU_rTBzm

Code: https://editor.p5js.org/y.gao3322/sketches/8ZU_rTBzm

Reference:

  1. 6.2: Classes in JavaScript with ES6 – p5.js Tutorial – YouTube
  2. 7.3: Arrays of Objects – p5.js Tutorial – YouTube

Sketch2-Yueming Gao

screenshot-2022-10-11-100724 screenshot-2022-10-11-100725

I want to let the black circles chase an aim (the position of mouse). It looks a monster devour its food.

Full Screen:  Chrome flier (p5js.org)

The code link: p5.js Web Editor | Chrome flier (p5js.org)

Reference

  1. 4.1: Particle System Simulation – The Nature of Code – YouTube
  2. 5.1 Autonomous Steering Agents Introduction – The Nature of Code – YouTube
  3. 5.2 Seeking a Target – The Nature of Code – YouTube
  4. 8.1 Class and Objects – p5.js Tutorial – YouTube

sketch1a

sketch1b

This code is aimed for creating some virus to simulate Covid-19 virus. I used the poseNet to track the position of nose with webcam. And I also code the class and array to draw floating virus in the air. Then I try to make the nose to attract the virus. The interaction is similar to the process that a person affect the Covid-19.

Code Link: p5.js Web Editor | Nosy honeysuckle (p5js.org)

Reference:

  1. https://www.youtube.com/watch?v=OIo-DIOkNVg
  2. examples | p5.js (p5js.org