Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
p5js-webcam1 [2024/08/20 23:38] renickp5js-webcam1 [2024/08/22 00:01] (current) renick
Line 54: Line 54:
 ===== more on the webcam ===== ===== more on the webcam =====
  
-This set of videos by Jeff Thompson shows a nice trick for getting a performant grid of x/y values and using the red value for that pixel as a measure of brightness and mapping that to the size of a circle to be drawn at that point+This set of videos by Jeff Thompson (http://www.jeffreythompson.org/shows a nice trick for getting a performant grid of x/y values and using the red value for that pixel as a measure of brightness and mapping that to the size of a circle to be drawn at that point
  
   - https://www.youtube.com/watch?v=G3WxVV7aN4I   - https://www.youtube.com/watch?v=G3WxVV7aN4I
Line 61: Line 61:
 His code is at this link: https://editor.p5js.org/jeffThompson/sketches/Y2xbIzxpI His code is at this link: https://editor.p5js.org/jeffThompson/sketches/Y2xbIzxpI
  
 +He explains how to get a particular pixel value in these videos:
  
 +  - (basics) https://www.youtube.com/watch?v=pxm7A4mEwoQ
 +  - (more performant by reading the flat pixel array) https://www.youtube.com/watch?v=u5lkHcbiFt0
 +
 +Here's a useful example from Kokyoong Lim for some simple motion detection:
 +
 +  - https://editor.p5js.org/limkokyoong.etc/sketches/MaZMF_iz4
  
  • p5js-webcam1.1724222281.txt.gz
  • Last modified: 8 months ago
  • by renick