{"id":783,"date":"2009-11-29T13:06:57","date_gmt":"2009-11-29T05:06:57","guid":{"rendered":"http:\/\/test999.eblhost.com\/blog\/?p=783"},"modified":"2009-12-05T00:50:38","modified_gmt":"2009-12-04T16:50:38","slug":"processing%ef%bc%9a%e8%a7%86%e9%a2%91","status":"publish","type":"post","link":"https:\/\/learn.travelchinawith.me\/?p=783","title":{"rendered":"Processing\uff1a\u89c6\u9891"},"content":{"rendered":"<div id='gallery-1' class='gallery galleryid-783 gallery-columns-4 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-01.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-01-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-794\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-794'>\n\t\t\t\ttint &#038; resize\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-02.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-02-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-796\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-796'>\n\t\t\t\t\u4eae\u5ea6\u8c03\u6574\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-03.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-03-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-807\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-807'>\n\t\t\t\t\u70b9\u72b6\u586b\u5145\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-04.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-04-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-808\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-808'>\n\t\t\t\t\u9a6c\u8d5b\u514b\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-05.gif'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-05-120x120.gif\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-809\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-809'>\n\t\t\t\t\u9ed1\u767d\u4eae\u5ea6\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-06.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-06-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-810\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-810'>\n\t\t\t\t\u778e\u903c\u753b\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-07.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-07-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-811\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-811'>\n\t\t\t\t\u968f\u673a\u70b9\u753b\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-08.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-08-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-812\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-812'>\n\t\t\t\t\u989c\u8272\u6355\u6349\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-10.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-10-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-813\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-813'>\n\t\t\t\t\u80cc\u666f\u79fb\u9664\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-11.gif'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-11-120x120.gif\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-814\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-814'>\n\t\t\t\t\u52a8\u4f5c\u4fa6\u6d4b\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-12.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-12-120x120.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-815\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-815'>\n\t\t\t\t\u603b\u4f53\u52a8\u4f5c\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>1. \u672c\u7ae0\u7684\u5b66\u4e60\u9700\u8981\u4e00\u4e2a\u5916\u90e8\u6444\u50cf\u5934\uff08\u5982\u679c\u4f60\u4f7f\u7528PC\u5219\u8fd8\u9700\u5b89\u88c5\u7248\u672c7\u6216\u4ee5\u4e0a\u7684QuickTime\u64ad\u653e\u673a\uff0c\u5e76\u5728\u81ea\u5b9a\u4e49\u5b89\u88c5\u65f6\u52fe\u9009\u201dQuickTime for Java\u201c\u3002\u53e6\u5916\uff0c\u4f60\u8fd8\u9700\u5b89\u88c5vdig\uff08\u6570\u5b57\u89c6\u9891\u8f6c\u6362\u673a\uff09\u5728Win\u7cfb\u7edf\u5185\u6355\u6349\u89c6\u9891\uff09\u7684\u53c2\u4e0e\u914d\u5408\u3002\u5177\u4f53\u5b89\u88c5\u65b9\u5f0f\u8bf7\u67e5\u9605\u4f60\u81ea\u5df1\u7684\u6444\u50cf\u5934\u4f7f\u7528\u5e2e\u52a9\u3002<\/p>\n<p>2. \u662f\u7684\uff0c\u73b0\u5728\u4f60\u4f1a\u53d1\u73b0\u6bd4\u8d77PC\uff0cMac\u771f\u662f\u8f7b\u677e\u8bb8\u591a\u3002Mac\u7684\u672c\u5b50\u81ea\u5e26iSight\u6444\u50cf\u5934\uff0c\u9884\u88c5QuickTime\uff0cMac\u7528\u6237\u65e0\u9700\u8fdb\u884c\u4efb\u4f55\u607c\u4eba\u6b65\u9aa4\u4fbf\u53ef\u8f7b\u677e\u8fdb\u5165\u4e0b\u4e00\u6b65\u3002<\/p>\n<p>3. \u8981\u5728p5\u5185\u4f7f\u7528\u89c6\u9891\uff0c\u9075\u5faa\u4ee5\u4e0b\u6b65\u9aa4\uff1a<br \/>\n\u25ce \u5bfc\u5165video\u5e93\uff1a<\/p>\n<pre class=\"brush:js\">import processing.video.*;<\/pre>\n<p>\u25ce \u7533\u660e\u4e00\u4e2a\u6355\u6349\u5bf9\u8c61\uff1a<\/p>\n<pre class=\"brush:js\">Capture video; <\/pre>\n<p>\u25ce \u521d\u59cb\u5316\u6355\u6349\u5bf9\u8c61\uff1a<\/p>\n<pre class=\"brush:js\">video = new Capture(this,320,240,30);<\/pre>\n<p>\u203b this \u2014 \u81ea\u53c2\u8003\u6307\u4ee4\uff08self-referential statement\uff09\uff0c\u539f\u4e66\u5527\u5527\u6b6a\u6b6a\u626f\u4e00\u5927\u5806\uff0c\u6682\u4e0d\u8003\u8bd5\uff0c\u8bb0\u5f97\u8fd9\u91cc\u653ethis\u5c31OK\u3002<br \/>\n\u203b 320 \u2014 \u6444\u50cf\u5934\u6355\u6349\u89c6\u9891\u7684\u5bbd\u5ea6<br \/>\n\u203b 240 \u2014 \u6444\u50cf\u5934\u6355\u6349\u89c6\u9891\u7684\u9ad8\u5ea6<br \/>\n\u203b 30 \u2014 \u5e27\u901f\u7387<br \/>\n\u25ce \u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u56fe\u50cf<\/p>\n<p>4. \u6709\u4e24\u79cd\u65b9\u5f0f\u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u5e27\u3002\u4e24\u79cd\u65b9\u5f0f\u9075\u5faa\u7684\u57fa\u672c\u539f\u5219\u90fd\u662f\uff1a\u6211\u4eec\u53ea\u5728\u5f53\u4e00\u4e2a\u65b0\u5e27\u51c6\u5907\u597d\u88ab\u8bfb\u53d6\u65f6\uff0c\u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u4e00\u4e2a\u56fe\u50cf\u3002\u8981\u67e5\u8be2\u4e00\u4e2a\u56fe\u7247\u662f\u5426\u53ef\u7528\uff0c\u6211\u4eec\u4f7f\u7528available()\u51fd\u6570\uff0c\u5b83\u4ee5\u662f\u5426\u6709\u4e1c\u897f\u5b58\u5728\u8fd4\u56de\u771f\u6216\u5047\u3002\u5982\u679c\u6709\uff0c\u51fd\u6570read()\u88ab\u547c\u53eb\u5e76\u4e14\u6444\u50cf\u5934\u7684\u5e27\u88ab\u8bfb\u5165\u5185\u5b58\u3002\u6211\u4eec\u5728draw()\u53cd\u590d\u8fd9\u4e48\u505a\uff0c\u603b\u662f\u67e5\u8be2\u662f\u5426\u6709\u65b0\u7684\u56fe\u50cf\u53ef\u7528\u3002<\/p>\n<pre class=\"brush:js\">    void draw()  {    \r\n         if (video.available())  {    \r\n              video.read();   \r\n          }    \r\n     }<\/pre>\n<p>5. \u7b2c\u4e8c\u79cd\u65b9\u5f0f\uff0c\u4f7f\u7528\u201d\u4e8b\u4ef6\uff08event\uff09\u201c\u7684\u65b9\u5f0f\uff0c\u5373\u67d0\u4e2a\u4e8b\u4ef6\u53d1\u751f\u7684\u65f6\u5019\u4fbf\u6267\u884c\u3002\u6bd4\u5982\u9f20\u6807\u70b9\u51fb\u6216\u952e\u76d8\u8f93\u5165\u3002\u5728\u89c6\u9891\u8fd9\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u9009\u62e9\u4f7f\u7528\u51fd\u6570captureEvent()\uff0c\u4f7f\u5f97\u6bcf\u5f53\u4e00\u4e2a\u6355\u6349\u52a8\u4f5c\u53d1\u751f\u65f6\u88ab\u6267\u884c\uff0c\u5373\uff0c\u6765\u81ea\u6444\u50cf\u5934\u7684\u4e00\u4e2a\u65b0\u5e27\u53ef\u7528\u4e86\u3002<\/p>\n<pre class=\"brush:js\">void captureEvent(Capture video)  {    \r\n   video.read();   \r\n} <\/pre>\n<p>6. \u663e\u793a\u89c6\u9891\u56fe\u50cf\uff0c\u5f53\u7136\uff0c\u6700\u7b80\u5355\u7684\u90e8\u5206\uff0c\u4f60\u53ef\u4ee5\u5c06Capture\u5bf9\u8c61\u770b\u505a\u662f\u4e00\u4e2a\u59cb\u7ec8\u5904\u4e8e\u53d8\u5316\u7684PImage\uff0c\u4e8b\u5b9e\u4e0a\uff0c\u4e00\u4e2aCapture\u5bf9\u8c61\u53ef\u4ee5\u4ee5\u4e0ePImage\u5bf9\u8c61\u5b8c\u5168\u4e00\u81f4\u7684\u65b9\u5f0f\u6765\u5229\u7528\u3002<\/p>\n<pre class=\"brush:js\">image(video,0,0); <\/pre>\n<p>7. \u628a\u4e0a\u8fb9\u8bf4\u7684\u52a0\u4e00\u5757\uff1a<\/p>\n<pre class=\"brush:js\">\/\/ Step 1. \u8f7d\u5165video\u5e93\r\nimport processing.video.*;\r\n\r\n\/\/ Step 2. \u7533\u660e\u4e00\u4e2aCapture\u5bf9\u8c61\r\nCapture video;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  \r\n\/\/ Step 3. \u901a\u8fc7\u6784\u9020\u5668\u521d\u59cb\u5316Capture\u5bf9\u8c61 Constructor\r\n\/\/ \u89c6\u9891\u6027\u8d28\uff1a320 x 240, @15 fps\r\nvideo = new Capture(this,320,240,15);\r\n}\r\n\r\nvoid draw() {\r\n  \r\n  \/\/ \u4ea7\u770b\u4e00\u4e2a\u65b0\u5e27\u662f\u5426\u5df2\u51c6\u5907\u5b8c\u6bd5\r\n  if (video.available()) {\r\n    \/\/ \u5982\u679c\u662f\u7684\u8bdd, Step 4. \u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u56fe\u50cf.\r\n    video.read();\r\n  }\r\n  \r\n \/\/ Step 5. \u663e\u793a\u89c6\u9891\u56fe\u50cf.\r\n image(video,0,0);\r\n}<\/pre>\n<p>8. \u518d\u91cd\u590d\u4e00\u6b21\uff0c\u6240\u6709\u80fd\u5728PIamge\u8eab\u4e0a\u7528\u7684\u62db\u6570\uff0c\u6211\u4eec\u5168\u53ef\u4ee5\u7528\u5728PImage\u4e0a\u3002\u53ea\u8981\u6211\u4eec\u4ece\u90a3\u4e2a\u5bf9\u8c61\u4e0aread()\uff0c\u89c6\u9891\u56fe\u50cf\u5c31\u5c06\u50cf\u6211\u4eec\u64cd\u4f5c\u5b83\u4e00\u6837\u7684\u66f4\u65b0\u3002<\/p>\n<pre class=\"brush:js\">\/\/ Step 1. \u5bfc\u5165video\u5e93\r\nimport processing.video.*;\r\n\r\nCapture video;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  video = new Capture(this,320,240,15);\r\n  background(255);\r\n}\r\n\r\nvoid draw() {\r\n\r\n  if (video.available()) {\r\n    video.read();\r\n  }\r\n\r\n  \/\/ \u7528\u9f20\u6807\u4f4d\u7f6e\u6539\u53d8\u8272\u8c03\r\n  tint(mouseX,mouseY,255);\r\n\r\n  \/\/\u4e00\u4e2a\u89c6\u9891\u56fe\u50cf\u540c\u6837\u53ef\u4ee5\u50cfPImage\u4e00\u6837\u88ab\u6539\u8272\u53ca\u91cd\u8bbe\u5927\u5c0f.\r\n  image(video,0,0,mouseX,mouseY);   \r\n}<\/pre>\n<p>9. \u201d\u56fe\u50cf\u201c\u4e00\u8bfe\u5185\u7684\u6240\u6709\u4f8b\u5b50\u90fd\u53ef\u4ee5\u5728\u672c\u7ae0\u4f7f\u7528\uff0c\u4ee5\u4e0b\u4e3a\u7a0d\u5fae\u6539\u5199\u540e\u90a3\u4e2a\u6539\u53d8\u4eae\u5ea6\u7684\u4f8b\u5b50\uff1a<\/p>\n<pre class=\"brush:js\">\/\/ Step 1. \u5bfc\u5165video\u5e93\r\nimport processing.video.*;\r\n\r\n\/\/ Step 2. \u7533\u660e\u4e00\u4e2aCapture\u5bf9\u8c61\r\nCapture video;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  \r\n  \/\/ Step 3. \u7528\u6784\u9020\u5668\u521d\u59cb\u5316Capture\u5bf9\u8c61\r\n  \/\/ \u56fe\u50cf\u5c5e\u6027\uff1a320 x 240, @15 fps\r\n  video = new Capture(this,320,240,15); \r\n  background(0);\r\n}\r\n\r\nvoid draw() {\r\n  \r\n  \/\/ \u68c0\u67e5\u662f\u5426\u6709\u65b0\u5e27\u53ef\u7528\r\n  if (video.available()) {\r\n    \/\/ \u5982\u679c\u6709\uff0c\u8bfb\u53d6\u5b83.\r\n    video.read();\r\n  }\r\n  \r\n  loadPixels();\r\n  video.loadPixels();\r\n  \r\n  for (int x = 0; x < video.width; x++) {\r\n    for (int y = 0; y < video.height; y++) {\r\n      \r\n      \/\/ \u75312D\u7f51\u683c\u8ba1\u7b97\u51fa\u51761D\u4f4d\u7f6e\r\n      int loc = x + y*video.width;\r\n      \r\n      \/\/ \u4ece\u56fe\u50cf\u83b7\u53d6R,G,B\u503c\r\n      float r,g,b;\r\n      r = red (video.pixels[loc]);\r\n      g = green (video.pixels[loc]);\r\n      b = blue (video.pixels[loc]);\r\n      \r\n      \/\/ \u4f9d\u8ddd\u9f20\u6807\u8ddd\u79bb\u8ba1\u7b97\u6539\u53d8\u4eae\u5ea6\u7684\u603b\u91cf\r\n      float maxdist = 100;\/\/ dist(0,0,width,height);\r\n      float d = dist(x,y,mouseX,mouseY);\r\n      float adjustbrightness = (maxdist-d)\/maxdist;\r\n      r *= adjustbrightness;\r\n      g *= adjustbrightness;\r\n      b *= adjustbrightness;\r\n      \r\n      \/\/ Constrain RGB to make sure they are within 0-255 color range\r\n      r = constrain(r,0,255);\r\n      g = constrain(g,0,255);\r\n      b = constrain(b,0,255);\r\n      \r\n      \/\/ Make a new color and set pixel in the window\r\n      color c = color(r,g,b);\r\n      pixels[loc] = c;\r\n    }\r\n  }\r\n  updatePixels();\r\n}<\/pre>\n<p>10. \u662f\u7684\uff0c\u518d\u6765\u4e00\u4e2a\uff0c\u8fd9\u662f\u5c0f\u4e39\u51fa\u9898ww\u6539\u8fdb\u7248\uff1a<\/p>\n<pre class=\"brush:js\">\/\/ Step 1. \u5bfc\u5165video\u5e93\r\nimport processing.video.*;\r\n\r\nint pointillize = 10;\r\n\r\n\/\/ Step 2. \u7533\u660e\u4e00\u4e2aCapture\u5bf9\u8c61\r\nCapture video;\r\n\r\nvoid setup() {\r\n  size(200,130);\r\n  \r\n  \/\/ Step 3. \u7528\u6784\u9020\u5668\u521d\u59cb\u5316Capture\u5bf9\u8c61\r\n  \/\/ \u56fe\u50cf\u5c5e\u6027\uff1a320 x 240, @15 fps\r\n  video = new Capture(this,200,130,15); \r\n  background(0);\r\n}\r\n\r\nvoid draw() {\r\n  \r\n  \/\/ \u68c0\u67e5\u662f\u5426\u6709\u65b0\u5e27\u53ef\u7528\r\n  if (video.available()) {\r\n    \/\/ \u5982\u679c\u6709\uff0c\u8bfb\u53d6\u5b83.\r\n    video.read();\r\n  }\r\n  \r\nloadPixels();\r\n\/\/ \u4e0ePImage\u7684\u5173\u952e\u533a\u522b\u5c31\u662f\u591a\u4e86\u4e0b\u8fb9\u8fd9\u884c \r\nvideo.loadPixels();\r\n  \/\/ \u6cbfy\u8f74\u6bcf\u96945\u4e2a\u50cf\u7d20\u5faa\u73af\u6240\u6709\u50cf\u7d20\r\n  for (int y = 0; y < video.height; y+=5) {\r\n    \/\/ \u6cbfx\u8f74\u6bcf\u96945\u4e2a\u50cf\u7d20\u5faa\u73af\u6240\u6709\u50cf\u7d20\r\n    for (int x = 0; x < video.width+5; x+=5) {\r\n      \/\/ \u4ece\u4e00\u4e2a2D\u7f51\u683c\u8ba1\u7b971D\u4f4d\u7f6e\r\n      int loc = x + y*video.width;\r\n      \/\/ \u4ee5\u539f\u56fe\u586b\u8272\r\n      stroke(video.pixels[loc]);\r\n      fill(video.pixels[loc]);\r\n      \/\/ \u753b\u5706\r\n      ellipse(x,y,3,3);\r\n    }\r\n  }\r\n}<\/pre>\n<p>\u5728\u4f60\u5957\u4e0a\u4e00\u8bfe\u4f8b\u5b50\u7684\u65f6\u5019\uff0c\u6211\u4eec\u53d1\u73b0\u53ea\u9700\u5c06\u201dimg\u201c\u6539\u4e3a\u201dvideo\u201c\uff0c\u7136\u540e\u52a0\u4e0a\u201dvideo.loadPixels();\u201c\u8fd9\u4e48\u4e00\u884c\u5373\u53ef\u3002\u53ea\u662f\u6ce8\u610f<em>updatePixels()<\/em>\u7684\u4f7f\u7528\uff0c\u6709\u65f6\u5019\u4f60\u52a0\u4e0a\u5b83\uff0c\u5f53\u6444\u50cf\u5934\u6253\u5f00p5\u7a97\u53e3\u4ec0\u4e48\u90fd\u6ca1\u6709\u3002\u6211\u5728p5\u5b98\u7f51\u53c2\u8003\u91cc\u67e5\u5230\uff1a\u5982\u679c\u4f60\u4ec5\u662f\u4ece\u50cf\u7d20\u6570\u7ec4\u4e2d\u8bfb\u53d6\u50cf\u7d20\uff0c\u5219\u6ca1\u6709\u5fc5\u8981\u547c\u53eb<em>updatePixels()<\/em>\uff0c\u9664\u975e\u51fa\u73b0\u53d8\u5316\u3002<\/p>\n<p>11. \u663e\u793a\u5f55\u5236\u597d\u7684\u89c6\u9891\u5927\u90e8\u5206\u9075\u5faa\u4e0e\u5b9e\u65f6\u89c6\u9891\u76f8\u540c\u7684\u7ed3\u6784\u3002p5\u7684\u89c6\u9891\u5e93\u4ec5\u63a5\u6536QuickTime\u683c\u5f0f\u7684\u7535\u5f71\u3002<br \/>\n\u25ce \u7533\u660e\u4e00\u4e2aMovie\u5bf9\u8c61\u66ff\u4ee3Capture\u5bf9\u8c61\uff1a<\/p>\n<pre class=\"brush:js\">Movie movie;<\/pre>\n<p>\u25ce \u521d\u59cb\u5316Movie\u5bf9\u8c61\uff1a<\/p>\n<pre class=\"brush:js\">movie = new Movie(this, \"xxx.mov\");<\/pre>\n<p>\u540c\u6837\u7684\uff0c\u7535\u5f71\u6587\u4ef6\u5e94\u5f53\u50a8\u5b58\u5728\u4f60sketch\u76ee\u5f55\u91cc\u7684data\u6587\u4ef6\u5939\u5185<br \/>\n\u25ce \u5f00\u59cb\u7535\u5f71\u64ad\u653e\u3002\u540c\u6837\u6709\u4e24\u4e2a\u9009\u62e9\uff0cplay()\u64ad\u653e\u7535\u5f71\u4e00\u6b21\uff0cloop()\u6301\u7eed\u5faa\u73af\u64ad\u653e\u3002<\/p>\n<pre class=\"brush:js\">movie.loop();<\/pre>\n<p>\u25ce \u4ece\u7535\u5f71\u8bfb\u53d6\u5e27\u3002\u4e0e\u6355\u6349\u5b8c\u5168\u4e00\u81f4\u3002<\/p>\n<pre class=\"brush:js\">     void draw()  {   \r\n          if (movie.available())  {   \r\n               movie.read();   \r\n           }    \r\n      }<\/pre>\n<p>\u6216\u8005<\/p>\n<pre class=\"brush:js\">     void movieEvent(Movie movie)  {   \r\n          movie.read();   \r\n      }<\/pre>\n<p>\u25ce \u663e\u793a\u7535\u5f71<\/p>\n<pre class=\"brush:js\">image(movie,0,0);<\/pre>\n<p>12. \u5168\u90e8\u653e\u4e00\u5757\u513f\uff1a<\/p>\n<pre class=\"brush:js\">import processing.video.*;\r\n\r\n\/\/ Step 1. \u7533\u660eMovie\u5bf9\u8c61\r\nMovie movie; \r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  \r\n  \/\/ Step 2. \u521d\u59cb\u5316Movie\u5bf9\u8c61\r\n  \/\/ \u7535\u5f71\u6587\u4ef6\u5e94\u653e\u5728data\u6587\u4ef6\u5939\u4e0b\r\n  movie = new Movie(this, \"xxx.mov\"); \r\n  \r\n  \/\/ Step 3. \u5f00\u59cb\u7535\u5f71\u64ad\u653e\r\n  movie.loop();\r\n}\r\n\r\n\/\/ Step 4. \u4ece\u7535\u5f71\u8bfb\u53d6\u65b0\u5e27\r\nvoid movieEvent(Movie movie) {\r\n  movie.read();\r\n}\r\n\r\nvoid draw() {\r\n  \/\/ Step 5. \u663e\u793a\u7535\u5f71.\r\n  image(movie,0,0);\r\n}<\/pre>\n<p>\u662f\u7684\uff0c\u8fd0\u884c\u4e0a\u8fb9\u7684\u4ee3\u7801\uff0c\u4e0d\u51fa\u610f\u5916\u7684\u8bdd\uff0c\u4f60\u5c06\u5f97\u5230\u9519\u8bef\uff1a\"ArrayIndexOutOfBoundsException: Coordinate out of bounds!\" \u3002\u7136\u540e\u9519\u8bef\u9ad8\u4eae\u6846\u9009\u5728\u201cimage(myMovie, 0, 0);\u201d\u4e0a\u3002\u54e6\u4e5f\uff0cbug\uff01\u4e8e\u662f\u6211\u67e5\u627ep5\u8ba8\u8bba\u533a\uff0c\u88ab\u8fd9\u4e2a\u6253\u8d25\u7684\u540c\u5b66\u8fd8\u771f\u4e0d\u5c11\u3002\u6700\u540e\u7ec8\u4e8e\u53d1\u73b0\u4e00\u4e2a\u89e3\u51b3\u4e4b\u9053\uff0c\u5373\uff1a\u7528\u201c<em>size(160,120,P2D);<\/em>\u201d\u66ff\u4ee3 \u201c<em>size(160,120);<\/em>\u201d\u3002\u8fd9\u6837\u4fee\u6539\u540e\uff0cmov\u6587\u4ef6\u4fbf\u53ef\u6b63\u5e38\u663e\u793a\u4e86\u3002\u6309\u7406\u8bf4P2D\u5e94\u662f\u7559\u7a7a\u9ed8\u8ba4\u5f15\u6570\uff0c\u81f3\u4e8e\u5728\u8fd9\u91cc\u4e3a\u4f55\u975e\u8981\u7279\u6b8a\u7533\u660e\u624d\u80fd\u4f7f\u7a0b\u5e8f\u8fd0\u8f6c\u6b63\u5e38\uff0c\u5c0f\u5f1f\u5c31\u4e0d\u5f97\u800c\u77e5\u4e86\u3002<\/p>\n<p>13. \u5f53\u7136\uff0cp5\u4e0d\u53ef\u80fd\u53ea\u80fd\u505a\u64ad\u653e\u7535\u5f71\u7684\u4e8b\uff0c\u4e0b\u8fb9\u8fd9\u4e2a\u4f8b\u5b50\u4f7f\u7528<em>jump()<\/em>\uff08\u8df3\u5230\u5f71\u7247\u5185\u7279\u5b9a\u7684\u70b9\uff09\u548c<em>duration()<\/em>\uff08\u8fd4\u56de\u7535\u5f71\u7684\u957f\u5ea6\uff09\u51fd\u6570\u5b9e\u73b0\u4e86\u524d\u8fdb\u540e\u9000\u7684\u529f\u80fd\uff1a<\/p>\n<pre class=\"brush:js\">\/\/ \u5982\u679cmouseX\u662f0, \u5230\u5f71\u7247\u5f00\u59cb   \r\n\/\/ \u5982\u679cmouseX\u662f\u5bbd\u5ea6, \u5230\u5f71\u7247\u672b\u5c3e   \r\n\/\/ \u6240\u6709\u5176\u4ed6\u7684\u4f4d\u7f6e\uff0c\u5728\u5f00\u59cb\u4e0e\u672b\u5c3e\u95f4\u5f98\u5f8a   \r\n\r\nimport processing.video.*;\r\n\r\nMovie movie;\r\n\r\nvoid setup() {\r\n  size(160,120,P2D);\r\n  movie = new Movie(this, \"xxx.mov\");\r\n}\r\n\r\nvoid draw() {\r\n\r\n  \/\/ mouseX\u76f8\u5bf9\u5bbd\u5ea6\u7684\u6bd4\u7387\r\n  float ratio = mouseX \/ (float) width;\r\n\r\n  \/\/ jump()\u51fd\u6570\u5141\u8bb8\u4f60\u5feb\u901f\u7684\u8df3\u5230\u5f71\u7247\u7279\u5b9a\u7684\u65f6\u95f4\u70b9. \r\n  \/\/ duration()\u4ee5\u79d2\u4e3a\u5355\u4f4d\u8fd4\u56de\u5f71\u7247\u7684\u957f\u5ea6.  \r\n  movie.jump(ratio*movie.duration()); \r\n  \r\n  \/\/ \u8bfb\u53d6\u5e27\r\n  movie.read(); \r\n  \/\/ \u663e\u793a\u5e27\r\n  image(movie,0,0); \r\n}<\/pre>\n<p>\u6ce8\u610f\uff0c\u8fd9\u91cc\u4f60\u7684size\u5fc5\u987b\u4e25\u683c\u6309\u7167\u5f71\u7247\u771f\u5b9e\u5c3a\u5bf8\u5199\uff0c\u5426\u5219\u7a0b\u5e8f\u4f1a\u5d29\u6e83\u6389\uff08\u5728\u672c\u7ae0\u91ccp5\u771f\u662fbug\u9891\u51fa\u554a..\uff09\uff1b\u8fd8\u6709\u4e00\u79cd\u53ef\u80fd\u662fsize\u4e0d\u80fd\u5199\u592a\u5927\uff0c\u592a\u5927\u4f1a\u9020\u6210\u7a0b\u5e8f\u5d29\u6e83\uff08\u56de\u5934\u6211\u771f\u5b9e\u6d4b\u8bd5\u4e00\u4e0b\u4fbf\u77e5\uff09\u3002<\/p>\n<p>14. \u6211\u4eec\u73b0\u5728\u8981\u505a\u4e00\u4e2a\u73a9\u610f\uff0c\u752880\u00d760\u50cf\u7d20\u6355\u6349\u89c6\u9891\uff0c\u7136\u540e\u6e32\u67d3\u5230640\u00d7480\u7684\u7a97\u53e3\u5185\u3002\u9996\u5148\uff0c\u6211\u4eec\u6765\u505a\u4e00\u4e2a\u5e03\u6ee1\u77e9\u5f62\u7684\u7f51\u683c\uff1a<\/p>\n<pre class=\"brush:js\">\/\/ \u7f51\u683c\u5185\u6bcf\u4e00\u683c\u7684\u5927\u5c0f\uff0c\u4f9d\u89c6\u9891\u548c\u7a97\u53e3\u7684\u5927\u5c0f\u6210\u6bd4\u4f8b\u7f29\u653e\u3002\r\n\/\/ 80 * 8 = 640\r\n\/\/ 60 * 8 = 480\r\nint videoScale = 8;\r\n\r\n\/\/ \u6211\u4eec\u7cfb\u7edf\u5185\u884c\u548c\u5217\u7684\u6570\u76ee\r\nint cols, rows;\r\n\r\nvoid setup() {\r\n  size(640,480);\r\n  \r\n  \/\/ \u521d\u59cb\u5316\u884c\u548c\u5217\r\n  cols = width\/videoScale;\r\n  rows = height\/videoScale;\r\n}\r\n\r\nvoid draw() {\r\n  \r\n  \/\/ \u5f00\u59cb\u5faa\u73af\u5217\r\n  for (int i = 0; i < cols; i++) {\r\n    \/\/ \u5f00\u59cb\u5faa\u73af\u884c\r\n    for (int j = 0; j < rows; j++) {\r\n      \r\n      \/\/ \u5728 (x,y) \u6309\u6bd4\u4f8b\u653e\u5927\u7ed8\u5236\u77e9\u5f62\r\n      int x = i*videoScale;\r\n      int y = j*videoScale;\r\n      fill(255);\r\n      stroke(0);\r\n      \/\/ \u5bf9\u4e8e\u6bcf\u4e00\u884c\u6bcf\u4e00\u5217, \u4e00\u4e2a\u77e9\u5f62\u88ab\u7ed8\u5236\u4e8e\u4e00\u4e2a (x,y) \u4f4d\u7f6e\uff0c\u5e76\u7531videoScale\u9650\u5236\u5927\u5c0f.\r\n      rect(x,y,videoScale,videoScale); \r\n    }\r\n  }\r\n}<\/pre>\n<p>\u73b0\u5728\uff0c\u6211\u4eec\u4fbf\u53ef\u6355\u6349\u4e00\u4e2a80\u00d760\u7684\u89c6\u9891\u4e86\u3002\u8fd9\u5f88\u6709\u7528\uff0c\u56e0\u4e3a\u76f8\u6bd4\u8d77\u6765\uff0c640\u00d7480\u89c6\u9891\u6355\u6349\u7684\u901f\u5ea6\u5c31\u5f88\u6162\u3002\u6211\u4eec\u4ec5\u4ec5\u60f3\u7528\u6211\u4eecsketch\u9700\u8981\u7684\u5206\u8fa8\u7387\u6765\u6355\u6349\u989c\u8272\u4fe1\u606f\u3002<\/p>\n<pre class=\"brush:js\">import processing.video.*;\r\n\r\n\/\/ \u7f51\u683c\u5185\u6bcf\u4e00\u683c\u7684\u5927\u5c0f\uff0c\u4f9d\u89c6\u9891\u548c\u7a97\u53e3\u7684\u5927\u5c0f\u6210\u6bd4\u4f8b\u7f29\u653e\u3002\r\nint videoScale = 8;\r\n\/\/ \u6211\u4eec\u7cfb\u7edf\u5185\u884c\u548c\u5217\u7684\u6570\u76ee\r\nint cols, rows;\r\n\/\/ \u627f\u8f7d\u53d8\u91cf\u7684Capture\u5bf9\u8c61\r\nCapture video;\r\n\r\nvoid setup() {\r\n  size(640,480);\r\n  \r\n  \/\/ \u521d\u59cb\u5316\u884c\u548c\u5217\r\n  cols = width\/videoScale;\r\n  rows = height\/videoScale;\r\n  video = new Capture(this,cols,rows,30);\r\n}\r\n\r\nvoid draw() {\r\n  \/\/ \u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u56fe\u50cf\r\n  if (video.available()) {\r\n    video.read();\r\n  }\r\n  video.loadPixels();\r\n  \r\n  \/\/ \u5f00\u59cb\u5faa\u73af\u5217\r\n  for (int i = 0; i < cols; i++) {\r\n    \/\/ \u5f00\u59cb\u5faa\u73af\u884c\r\n    for (int j = 0; j < rows; j++) {\r\n      \r\n      \/\/ \u6211\u4eec\u5728\u54ea?\r\n      int x = i*videoScale;\r\n      int y = j*videoScale;\r\n      \/\/ \u5728pixel\u6570\u7ec4\u5185\u5bfb\u627e\u5408\u9002\u7684\u989c\u8272\r\n      color c = video.pixels[i + j*video.width];\r\n      fill(c);\r\n      stroke(0);\r\n      rect(x,y,videoScale,videoScale);\r\n    }\r\n  }\r\n}<\/pre>\n<p>15. \u5728\u4e0b\u4f8b\u4e2d\uff0c\u6211\u4eec\u53ea\u4f7f\u7528\u9ed1\u4e0e\u767d\u3002\u89c6\u9891\u4e2d\u8f83\u4eae\u7684\u90e8\u5206\u8f83\u5927\uff0c\u8f83\u6697\u7684\u5219\u8f83\u5c0f\u3002<\/p>\n<pre class=\"brush:js\">\/\/ \u6bcf\u4e2a\u6e90\u4e8e\u89c6\u9891\u6e90\u7684\u50cf\u7d20\u90fd\u57fa\u4e8e\u4eae\u5ea6\u88ab\u7ed8\u5236\u4e3a\u4e00\u4e2a\u77e9\u5f62\r\n\r\nimport processing.video.*;\r\n\r\n\/\/ \u6bcf\u683c\u7684\u5927\u5c0f\r\nint videoScale = 10;\r\n\/\/ \u6211\u4eec\u7cfb\u7edf\u5185\u884c\u548c\u5217\u7684\u6570\u91cf\r\nint cols, rows;\r\n\/\/ Capture\u5bf9\u8c61\r\nCapture video;\r\n\r\nvoid setup() {\r\n  size(640,480);\r\n  \/\/ \u521d\u59cb\u5316\u884c\u548c\u5217\r\n  cols = width\/videoScale;\r\n  rows = height\/videoScale;\r\n  smooth();\r\n  \/\/ \u6784\u9020Capture\u5bf9\u8c61\r\n  video = new Capture(this,cols,rows,15);\r\n}\r\n\r\nvoid draw() {\r\n  if (video.available()) {\r\n    video.read();\r\n  }\r\n  background(0);\r\n\r\n  video.loadPixels();\r\n\r\n  \/\/ \u5f00\u59cb\u5faa\u73af\u5217\r\n  for (int i = 0; i < cols; i++) {\r\n    \/\/ \u5f00\u59cb\u5faa\u73af\u884c\r\n    for (int j = 0; j < rows; j++) {\r\n\r\n      \/\/ \u6211\u4eec\u5728\u54ea?\r\n      int x = i*videoScale;\r\n      int y = j*videoScale;\r\n\r\n      \/\/ \u53cd\u5411x\u4f7f\u5176\u955c\u50cf\u56fe\u50cf\r\n      \/\/ \u4e3a\u4e86\u955c\u50cf\u56fe\u50cf, \u5217\u57fa\u4e8e\u5982\u4e0b\u516c\u5f0f\u53cd\u5411:\r\n      \/\/ \u955c\u50cf\u5217 = \u5bbd\u5ea6 - \u5217 - 1\r\n      int loc = (video.width - i - 1) + j*video.width;\r\n\r\n      \/\/ \u6bcf\u4e2a\u77e9\u5f62\u88ab\u67d3\u767d\uff0c\u5e76\u57fa\u4e8e\u4eae\u5ea6\u786e\u5b9a\u5927\u5c0f\r\n      color c = video.pixels[loc];\r\n\r\n      \/\/ \u4e00\u4e2a\u77e9\u5f62\u7684\u5927\u5c0f\u88ab\u8ba1\u7b97\u4e3a\u4e00\u4e2a\u50cf\u7d20\u4eae\u5ea6\u7684\u51fd\u6570. \r\n      \/\/ \u4eae\u7684\u5341\u5927\u7684\uff0c\u6697\u7684\u662f\u5c0f\u7684.\r\n      float sz = (brightness(c)\/255.0)*videoScale; \r\n      rectMode(CENTER);\r\n      fill(255);\r\n      noStroke();\r\n      rect(x + videoScale\/2,y + videoScale\/2,sz,sz);\r\n    }\r\n  }\r\n}<\/pre>\n<p>\u90a3\u4e2a\u955c\u50cf\u56fe\u50cf\u662f\u5e72\u5565\u5403\u7684\uff1f\u5e38\u89c4\u7684\u89c6\u9891\u663e\u793a\u662f\u4e0e\u4f60\u7684\u52a8\u4f5c\u53cd\u5411\u7684\uff0c\u6bd4\u5982\u4f60\u7684\u5934\u5411\u53f3\u79fb\u52a8\uff0c\u5219\u89c6\u9891\u7a97\u53e3\u5185\u663e\u793a\u4f60\u7684\u5934\u4fbf\u5411\u5de6\u79fb\u52a8\u3002\u5982\u679c\u4f60\u5728\u5411\u53f3\u6447\u5934\u65f6\u5e0c\u671b\u7a97\u53e3\u5185\u7684\u5f71\u50cf\u968f\u4f60\u4e00\u540c\u5411\u53f3\uff0c\u4f60\u5c31\u9700\u8981\u52a0\u4e0a\uff1a<\/p>\n<pre class=\"brush:js\">\/\/ \u8bbei\u4e3a\u5217\uff0cj\u4e3a\u884c\r\nint loc = (video.width - i - 1) + j*video.width;\r\ncolor c = video.pixels[loc];\r\nfill(c);<\/pre>\n<p>\u6709\u5fc3\u7684\u53ef\u4ee5\u81ea\u5df1\u7b97\u7b97\u4e3a\u4ec0\u4e48\u4f1a\u8fd9\u6837\u5b50\uff0c\u6ca1\u5fc3\u6ca1\u80ba\u53ea\u60f3\u7528\u7684\uff0c\u8bb0\u4f4f\u8fd9\u4e09\u884c\u5373\u53ef\u3002<\/p>\n<p>16. \u601d\u8003\u8f6f\u4ef6\u955c\u50cf\uff08software mirrors\uff09\u5e38\u5e38\u901a\u8fc7\u4e24\u6b65\u3002\u8fd9\u5c06\u540c\u6837\u5e2e\u52a9\u6211\u4eec\u6bd4\u66f4\u660e\u663e\u7684\u5c06\u50cf\u7d20\u6620\u5c04\u5230\u7f51\u683c\u7684\u5f62\u72b6\u4e0a\u60f3\u5f97\u66f4\u8fdc\u3002<br \/>\n\u7b2c\u4e00\u6b65\uff1a\u5f00\u53d1\u4e00\u4e2a\u53ef\u4ee5\u8986\u76d6\u6574\u4e2a\u7a97\u53e3\u7684\u6709\u8da3\u6a21\u5f0f\uff08pattern\uff09<br \/>\n\u7b2c\u4e8c\u6b65\uff1a\u67e5\u627e\u89c6\u9891\u50cf\u7d20\u6e32\u67d3\u90a3\u4e2a\u6a21\u5f0f<br \/>\n\u6bd4\u65b9\u8bf4\u7b2c\u4e00\u6b65\uff0c\u521b\u5efa\u4e00\u4e2a\u5728\u7a97\u53e3\u5185\u80e1\u4e71\u4e66\u5199\u7684\u968f\u673a\u7ebf\u3002<br \/>\n\u25ce \u4ee5\u4f4d\u4e8e\u8424\u5e55\u4e2d\u5fc3\u7684x\u548cy\u4f5c\u4e3a\u8d77\u59cb\u5750\u6807<br \/>\n\u25ce \u65e0\u9650\u91cd\u590d\u4ee5\u4e0b\uff1a<br \/>\n    \u2014 \u9009\u53d6\u4e00\u4e2a\u65b0\u7684x\u548cy<br \/>\n    \u2014 \u4ece\u65b0\u7684(x,y)\u5230\u65e7\u7684(x,y)\u753b\u4e00\u6761\u76f4\u7ebf<br \/>\n    \u2014 \u4fdd\u5b58\u65b0\u7684(x,y)<\/p>\n<pre class=\"brush:js\">\/\/ \u4e24\u4e2a\u5168\u5c40\u53d8\u91cf\r\nfloat x;\r\nfloat y;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  smooth();\r\n  background(255);\r\n  \/\/ \u4ece\u4e2d\u5fc3\u5f00\u59cbx\u548cy\r\n  x = width\/2;\r\n  y = height\/2;\r\n}\r\n\r\nvoid draw() {\r\n  \/\/ \u901a\u8fc7\u5f53\u524d(x,y)\u4f4d\u7f6e\u52a0\u51cf\u4e00\u4e2a\u968f\u673a\u6570\u83b7\u53d6\u65b0\u7684x,y\u4f4d\u7f6e. \r\n  \/\/ \u65b0\u4f4d\u7f6e\u88ab\u9650\u5236\u4e8e\u7a97\u53e3\u50cf\u7d20\u5185.  \r\n  float newx = constrain(x + random(-20,20),0,width);\r\n  float newy = constrain(y + random(-20,20),0,height);\r\n  \r\n  \/\/ \u7531x,y\u5230newx,newy\u7ed8\u5236\u4e00\u6761\u7ebf\r\n  stroke(0);\r\n  strokeWeight(4);\r\n  line(x,y,newx,newy);\r\n  \r\n  \/\/ \u6211\u4eec\u5c06\u65b0\u4f4d\u7f6e\u5b58\u5165(x,y)\u4ee5\u65e0\u9650\u5faa\u73af\u8fd9\u4e2a\u7a0b\u5e8f.\r\n  x = newx; \r\n  y = newy;\r\n}<\/pre>\n<p>ok\uff0c\u73b0\u5728\u8ba9\u6211\u4eec\u7528\u89c6\u9891\u56fe\u50cf\u7684\u989c\u8272\u6765\u66ff\u4ee3stroke()\uff1a<\/p>\n<pre class=\"brush:js\">import processing.video.*;\r\n\r\n\/\/ \u4e24\u4e2a\u5168\u5c40\u53d8\u91cf\r\nfloat x;\r\nfloat y;\r\n\r\n\/\/ \u627f\u8f7d\u53d8\u91cf\u7684Capture\u5bf9\u8c61\r\nCapture video;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  smooth();\r\n  background(255);\r\n  \r\n  \/\/ \u4ece\u4e2d\u5fc3\u5f00\u59cbx\u548cy\r\n  x = width\/2;\r\n  y = height\/2;\r\n  \r\n  \/\/ \u5f00\u59cb\u6355\u6349\u7a0b\u5e8f\r\n  \/\/ \u5982\u679c\u7a97\u53e3\u66f4\u5927 (\u6bd4\u5982\u8bf4 800 x 600), \u6211\u4eec\u53ef\u80fd\u4f1a\u8981\u5f15\u5165\u4e00\u4e2avideoScale\u53d8\u91cf\uff0c\u56e0\u6b64\u6211\u4eec\u4fbf\u65e0\u9700\u6355\u6349\u5982\u6b64\u5927\u7684\u4e00\u4e2a\u56fe\u50cf\u4e86.\r\n  video = new Capture(this,width,height,15); \r\n}\r\n\r\nvoid draw() {\r\n  \/\/ \u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u56fe\u50cf\r\n  if (video.available()) {\r\n    video.read();\r\n  }\r\n  video.loadPixels();\r\n  \r\n  \/\/ \u9009\u53d6\u4e00\u4e2a\u65b0\u7684x\u548cy\r\n  float newx = constrain(x + random(-20,20),0,width-1);\r\n  float newy = constrain(y + random(-20,20),0,height-1);\r\n  \r\n  \/\/ \u627e\u5230\u7ebf\u7684\u4e2d\u70b9\r\n  int midx = int((newx + x) \/ 2);\r\n  int midy = int((newy + y) \/ 2);\r\n  \r\n  \/\/ \u4ece\u4e8b\u54c1\u9009\u53d6\u989c\u8272, \u53cd\u5411x\r\n  color c = video.pixels[(width-1-midx) + midy*video.width];\r\n  \r\n  \/\/ \u7531x,y\u5230newx,newy\u7ed8\u5236\u4e00\u6761\u7ebf\r\n  stroke(c);\r\n  strokeWeight(4);\r\n  line(x,y,newx,newy);\r\n  \r\n  \/\/ \u5c06newx, newy\u5b58\u5165x,y\r\n  x = newx;\r\n  y = newy;\r\n}<\/pre>\n<p>17. \u6444\u50cf\u5934\u4e3a\u6211\u4eec\u63d0\u4f9b\u4e86\u5927\u91cf\u7684\u4fe1\u606f\uff0c\u4e0b\u8fb9\u6211\u4eec\u5c06\u8bd5\u7740\u5c06\u5176\u7528\u4f5c\u4f20\u611f\u5668\u3002\u6211\u4eec\u5728\u5176\u4ed6\u4f8b\u5b50\u91cc\u5df2\u7ecf\u770b\u5230\uff0c\u4e00\u4e2a\u5355\u72ec\u50cf\u7d20\u7684\u4eae\u5ea6\u503c\u53ef\u7531brightness()\u51fd\u6570\u68c0\u7d22\uff0c\u8fd4\u56de\u4e00\u4e2a\u4ece0\uff5e255\u7684\u6d6e\u70b9\u503c\u3002\u4e0b\u8fb9\u8fd9\u884c\u50cf\u7d20\u8fd4\u56de\u89c6\u9891\u56fe\u50cf\u5185\u7b2c\u4e00\u4e2a\u76f8\u7d20\u7684\u503c\uff1a<\/p>\n<pre class=\"brush:js\">float brightness = brightness(video.pixels[0]);<\/pre>\n<p>\u5f53\u7136\uff0c\u6211\u4eec\u8fd8\u53ef\u4ee5\u8ba1\u7b97\u603b\u4f53\u4eae\u5ea6\uff1a<\/p>\n<pre class=\"brush:js\">   video.loadPixels(); \r\n   \/\/ \u7531\u603b\u4f53\u4eae\u5ea6\u4e3a0\u5f00\u59cb \r\n   float totalBrightness = 0; \r\n   \/\/ \u6c42\u51fa\u6bcf\u4e2a\u50cf\u7d20\u7684\u4eae\u5ea6\u603b\u548c \r\n   for (int i = 0; i < video.pixels.length; i++ ) {  \r\n        color c = video.pixels[i]; \r\n        totalBrightness += brightness(c); \r\n    }  \r\n\r\n   \/\/ \u8ba1\u7b97\u5e73\u5747\u503c\r\n   \/\/ \u5e73\u5747\u4eae\u5ea6\uff1d\u603b\u4eae\u5ea6\/\u603b\u50cf\u7d20\r\n   float averageBrightness = totalBrightness \/ video.pixels.length;     \r\n   \/\/ \u4ee5\u5e73\u5747\u4eae\u5ea6\u663e\u793a\u80cc\u666f \r\n   background(averageBrightness);<\/pre>\n<p>\u8fd9\u662f\u4e00\u4e2a\u57fa\u4e8e\u89c6\u9891\u7684\u7b97\u6cd5\u7684\u5f88\u597d\u7684\u4f8b\u5b50\u3002\u603b\u4e4b\uff0c\u4e00\u4e2a\u89c6\u9891\u56fe\u50cf\u4e0d\u4ec5\u662f\u4e00\u4e2a\u989c\u8272\u7684\u96c6\u5408\uff0c\u800c\u4e14\u8fd8\u662f\u4e00\u4e2a\u5177\u6709\u7a7a\u95f4\u5bfc\u5411\u7684\u989c\u8272\u7684\u96c6\u5408\u3002\u901a\u8fc7\u5f00\u53d1\u641c\u7d22\u50cf\u7d20\u548c\u8bc6\u522b\u6a21\u5f0f\u7684\u7b97\u6cd5\uff0c\u6211\u4eec\u4fbf\u53ef\u5f00\u59cb\u5f00\u53d1\u66f4\u9ad8\u7ea7\u7684\u8ba1\u7b97\u673a\u89c6\u89c9\u7a0b\u5e8f\u3002<\/p>\n<p>18. \u8ddf\u8e2a\u6700\u4eae\u7684\u989c\u8272\u662f\u4e00\u4e2a\u5f88\u597d\u7684\u8d77\u6b65\u3002\u60f3\u8c61\u4e00\u4e2a\u660f\u6697\u7684\u623f\u95f4\u91cc\u4e00\u4e2a\u79fb\u52a8\u7684\u5149\u6e90\u3002\u5728\u6211\u4eec\u63a5\u4e0b\u6765\u5c06\u8981\u5b66\u4e60\u7684\u6280\u672f\u4e2d\uff0c\u8fd9\u4e2a\u706f\u5149\u5c06\u88ab\u4f5c\u4e3a\u9f20\u6807\u7684\u66ff\u4ee3\uff0c\u4ee5\u6210\u4e3a\u4e00\u79cd\u4e92\u52a8\u7684\u5f62\u5f0f\u3002\u9996\u5148\uff0c\u6211\u4eec\u5c06\u6d4b\u8bd5\u5982\u4f55\u8d2f\u7a7f\u4e00\u4e2a\u56fe\u50cf\u7136\u540e\u627e\u5230\u6700\u4eae\u50cf\u7d20\u7684x,y\u4f4d\u7f6e\u3002<\/p>\n<pre class=\"brush:js\">    \/\/ \u7a0b\u5e8f\u4e4b\u521d\u7684\u8bb0\u5f55\u4e3a0   \r\n    float worldRecord = 0.0;   \r\n    \/\/ \u54ea\u4e2a\u50cf\u7d20\u5c06\u8d62\u5f97\u5956\u724c?   \r\n    int xRecordHolder = 0;  \r\n    int yRecordHolder = 0;  \r\n    for (int x = 0; x < video.width; x++) {    \r\n         for (int y = 0; y < video.height; y++ )  {    \r\n              \/\/ \u5f53\u524d\u4eae\u5ea6\u662f\u4ec0\u4e48   \r\n              int loc = x + y*video.width;   \r\n              float currentBrightness = brightness(video.pixels[loc]);   \r\n              if (currentBrightness > worldRecord)  {    \r\n                   \/\/ \u8bbe\u7f6e\u4e00\u4e2a\u65b0\u7eaa\u5f55   \r\n                   worldRecord = currentBrightness;   \r\n                   \/\/ \u8fd9\u4e2a\u50cf\u7d20\u4fdd\u6301\u8bb0\u5f55! \r\n                   \/\/ \u5f53\u6211\u4eec\u53d1\u73b0\u4e86\u65b0\u7684\u6700\u4eae\u7684\u50cf\u7d20\uff0c\u6211\u4eec\u5fc5\u987b\u4fdd\u5b58\u4e0b\u6570\u7ec4\u4e2d\u90a3\u4e2a\u50cf\u7d20\u7684(x,y)\u4f4d\u7f6e\u4ee5\u5907\u4e4b\u540e\u4f7f\u7528\u3002  \r\n                   xRecordHolder = x;   \r\n                   yRecordHolder = y;   \r\n               }    \r\n          }    \r\n     }<\/pre>\n<p>\u73b0\u5728\u6211\u4eec\u6765\u505a\u6293\u53d6\u4e00\u4e2a\u7279\u5b9a\u7684\u989c\u8272\uff0c\u800c\u4e0d\u662f\u7b80\u5355\u7684\u4eae\u5ea6\u3002\u6bd4\u5982\uff0c\u6211\u4eec\u53ef\u4ee5\u5bfb\u627e\u89c6\u9891\u4e2d\u6700\u7eff\u6216\u6700\u9ec4\u7684\u90e8\u5206\u3002\u4e3a\u4e86\u505a\u8fd9\u7c7b\u5206\u6790\uff0c\u6211\u4eec\u9700\u8981\u5f00\u53d1\u4e00\u4e2a\u6bd4\u8f83\u989c\u8272\u7684\u65b9\u6cd5\u8bba\u3002\u8ba9\u6211\u4eec\u521b\u5efa\u4e24\u4e2a\u989c\u8272\uff0cc1\u548cc2.<\/p>\n<pre class=\"brush:js\">color c1 = color(255,100,50);   \r\ncolor c2 = color(150,255,0);<\/pre>\n<p>\u989c\u8272\u4eec\u4ec5\u80fd\u6bd4\u8f83\u5b83\u4eec\u5404\u81ea\u7ea2\u3001\u7eff\u3001\u84dd\u7684\u6210\u5206\uff0c\u6240\u4ee5\u6211\u4eec\u5fc5\u987b\u9996\u5148\u5206\u79bb\u8fd9\u4e9b\u503c\uff1a<\/p>\n<pre class=\"brush:js\">float r1 = red(c1);\r\nfloat g1 = green(c1);\r\nfloat b1 = blue(c1);\r\nfloat r2 = red(c2);\r\nfloat g2 = green(c2);\r\nfloat b2 = blue(c2);<\/pre>\n<p>ok\uff0c\u73b0\u5728\uff0c\u5bf9\u6bd4\u5b83\u4eec\uff0c\u6709\u4e00\u4e2a\u7b56\u7565\u662f\u83b7\u53d6\u5b83\u4eec\u5dee\u503c\u603b\u6570\u7684\u7edd\u5bf9\u503c\uff1a<\/p>\n<pre class=\"brush:js\">float diff = abs(r1-r2) + abs(g1-g2) + abs(b1-b2);<\/pre>\n<p>\u8fd8\u6709\u4e00\u4e2a\u66f4\u7cbe\u786e\u7684\u65b9\u6cd5\u662f\u6bd4\u8f83\u989c\u8272\u4e4b\u95f4\u7684\u8ddd\u79bb\uff0c\u662f\u7684\uff0c\u6211\u8bf4\u771f\u7684\u3002\u6211\u4eec\u53ef\u4ee5\u5c06\u989c\u8272\u60f3\u8c61\u4e3a\u4e09\u7ef4\u7a7a\u95f4\u4e2d\u7684\u4e00\u4e2a\u70b9\uff0c\u7528rgb\u66ff\u4ee3xyz\u3002\u5982\u679c\u4e24\u4e2a\u989c\u8272\u5728\u8fd9\u4e2a\u989c\u8272\u7a7a\u95f4\u76f8\u8fd1\uff0c\u5219\u5b83\u4eec\u4fbf\u76f8\u4f3c\uff1b\u8f83\u8fdc\uff0c\u5219\u5b83\u4eec\u4e0d\u540c\u3002<\/p>\n<pre class=\"brush:js\">float diff = dist(r1,g1,b1,r2,g2,b2);<\/pre>\n<p>\u5c3d\u7ba1\u66f4\u7cbe\u786e\uff0c\u4f46\u56e0\u4e3adist()\u51fd\u6570\u5728\u5176\u8ba1\u7b97\u4e2d\u5305\u542b\u4e86\u4e00\u4e2a\u5e73\u65b9\u6839\uff0c\u56e0\u6b64\u5b83\u7684\u8ba1\u7b97\u8981\u6162\u4e8e\u7edd\u5bf9\u503c\u7684\u65b9\u5f0f\u3002\u4e00\u4e2a\u89e3\u51b3\u65b9\u6cd5\u662f\u4e0d\u7528\u5e73\u65b9\u6839\u5199\u4f60\u81ea\u5df1\u7684\u989c\u8272\u8ddd\u79bb\uff1a<\/p>\n<pre class=\"brush:js\">colorDistance = (r1-r 2)*(r1-r2)+(g1-g2)* \r\n(g1-g2)+(b1-b2)*(b1-b2)<\/pre>\n<p>19. \u6bd4\u5982\u8bf4\uff0c\u8981\u627e\u5230\u4e00\u4e2a\u56fe\u50cf\u6700\u7ea2\u7684\u50cf\u7d20\uff0c\u4e5f\u5c31\u662f\u627e\u5230\u6700\u63a5\u8fd1\u7ea2\u8272\u7684\u989c\u8272\u2014\u2014(255,0,0)\u3002\u4e0b\u4f8b\u5c31\u662f\u4e00\u4e2a\u989c\u8272\u6293\u53d6\u7684\u5c55\u793a\uff0c\u7528\u6237\u53ef\u4ee5\u7528\u9f20\u6807\u81ea\u884c\u70b9\u53d6\u60f3\u8981\u6355\u6349\u7684\u989c\u8272\uff1a<\/p>\n<pre class=\"brush:js\">import processing.video.*;\r\n\r\n\/\/ \u6355\u6349\u8bbe\u5907\u7684\u53d8\u91cf\r\nCapture video;\r\n\r\n\/\/ \u4e00\u4e2a\u7ed9\u6211\u4eec\u8981\u5bfb\u627e\u7684\u989c\u8272\u7684\u53d8\u91cf.\r\ncolor trackColor; \r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  video = new Capture(this,width,height,15);\r\n  \/\/ \u4ece\u6293\u7ea2\u8272\u5f00\u59cb\r\n  trackColor = color(255,0,0);\r\n  smooth();\r\n}\r\n\r\nvoid draw() {\r\n  \/\/ \u6355\u6349\u5e76\u663e\u793a\u89c6\u9891\r\n  if (video.available()) {\r\n    video.read();\r\n  }\r\n  video.loadPixels();\r\n  image(video,0,0);\r\n\r\n  \/\/ \u5728\u6211\u4eec\u5f00\u59cb\u641c\u7d22\u524d, \u4e3a\u6700\u63a5\u8fd1\u989c\u8272\u8bbe\u7f6e\u7684\u201c\u4e16\u754c\u7eaa\u5f55\u201d\u88ab\u8bbe\u7f6e\u4e3a\u4e00\u4e2a\u5f88\u9ad8\u7684\u503c\u4ee5\u6b64\u5bb9\u6613\u51fb\u8d25\u7b2c\u4e00\u4e2a\u50cf\u7d20\u3002\r\n  float worldRecord = 500; \r\n\r\n  \/\/ \u6700\u63a5\u8fd1\u989c\u8272\u7684XY\u5750\u6807\r\n  int closestX = 0;\r\n  int closestY = 0;\r\n\r\n  \/\/ \u5f00\u59cb\u5728\u6574\u4e2a\u6570\u7ec4\u5185\u5faa\u73af\r\n  for (int x = 0; x < video.width; x ++ ) {\r\n    for (int y = 0; y < video.height; y ++ ) {\r\n      int loc = x + y*video.width;\r\n      \/\/ \u5f53\u524d\u989c\u8272\u662f\u4ec0\u4e48\r\n      color currentColor = video.pixels[loc];\r\n      float r1 = red(currentColor);\r\n      float g1 = green(currentColor);\r\n      float b1 = blue(currentColor);\r\n      float r2 = red(trackColor);\r\n      float g2 = green(trackColor);\r\n      float b2 = blue(trackColor);\r\n\r\n      \/\/ \u4f7f\u7528\u6b27\u6c0f\u8ddd\u79bb(euclidean distance)\u6bd4\u8f83\u989c\u8272\r\n      float d = dist(r1,g1,b1,r2,g2,b2);\r\n\r\n      \/\/ \u5982\u679c\u5f53\u524d\u989c\u8272\u6bd4\u201c\u4e16\u754c\u7eaa\u5f55\u201d\u989c\u8272\u66f4\u7c7b\u4f3c\u8bb0\u5f55\u7684\u989c\u8272\uff0c\u4fdd\u5b58\u5f53\u524d\u4f4d\u7f6e\u548c\u5f53\u524d\u5dee\u503c\u3002\r\n      if (d < worldRecord) {\r\n        worldRecord = d;\r\n        closestX = x;\r\n        closestY = y;\r\n      }\r\n    }\r\n  }\r\n\r\n  \/\/ \u6211\u4eec\u4ec5\u4ec5\u5728\u989c\u8272\u8ddd\u79bb\u5c0f\u4e8e10\u7684\u65f6\u5019\u624d\u8ba4\u4e3a\u989c\u8272\u88ab\u627e\u5230\u4e86. \r\n  \/\/ \u9600\u503c10\u662f\u4efb\u610f\u7684\uff0c\u4f60\u53ef\u4ee5\u57fa\u4e8e\u4f60\u8981\u6c42\u7684\u6293\u53d6\u7cbe\u5ea6\u6765\u4efb\u610f\u7ed9\u8fd9\u4e2a\u503c\u3002\r\n  if (worldRecord < 10) { \r\n    \/\/ \u5728\u6293\u53d6\u5230\u7684\u50cf\u7d20\u4f4d\u7f6e\u753b\u4e00\u4e2a\u5708\r\n    fill(trackColor);\r\n    strokeWeight(4.0);\r\n    stroke(0);\r\n    ellipse(closestX,closestY,16,16);\r\n  }\r\n}\r\n\r\nvoid mousePressed() {\r\n  \/\/ \u5f53\u9f20\u6807\u5728trackColor\u53d8\u91cf\u5185\u70b9\u51fb\u65f6\uff0c\u4fdd\u5b58\u90a3\u4e2a\u989c\u8272\r\n  int loc = mouseX + mouseY*video.width;\r\n  trackColor = video.pixels[loc];\r\n}<\/pre>\n<p>20. \u4e00\u4e2a<a href=\"http:\/\/www.learningprocessing.com\/exercises\/chapter-16\/exercise-16-5\/\">\u5ef6\u4f38\u8fd0\u7528<\/a>\uff0c\u6548\u679c\u5f88\u5947\u5999\uff0c\u4ee3\u7801\u5f88\u957f\u3002\u3002\uff0c\u57fa\u672c\u505a\u6cd5\u65f6\uff0c\u5728\u5305\u542b\u9f20\u6807\u4e92\u52a8\u7684\u4f8b\u5b50\u91cc\uff0c\u7528\u4e0a\u4f8b\u4e2d\u7684\u989c\u8272\u6355\u6349\u66ff\u4ee3\u9f20\u6807\u3002\u54e6\u5440\uff0c\u4eca\u5929\u5934\u6655\u5f97\u5f88\uff0c\u8fd9\u91cc\u8fb9\u8c8c\u4f3c\u9519\u7efc\u590d\u6742\u7684\u4e1c\u897f\u5f88\u591a\uff0c\u6211\u73b0\u5728\u5927\u8111\u4e00\u7247\u7a7a\u767d\uff0c\u53bb\u770b\u90e8\u50bb\u903c\u5927\u7247\uff0c\u660e\u65e5\u7ee7\u7eed\u5427\uff5e<\/p>\n<figure id=\"attachment_813\" aria-describedby=\"caption-attachment-813\" style=\"width: 219px\" class=\"wp-caption alignright\"><a href=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-10.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/learn.travelchinawith.me\/wp-content\/uploads\/2009\/11\/pr16-10.jpg\" alt=\"\u80cc\u666f\u79fb\u9664\" title=\"pr16-10\" width=\"219\" height=\"163\" class=\"size-full wp-image-813\" \/><\/a><figcaption id=\"caption-attachment-813\" class=\"wp-caption-text\">\u80cc\u666f\u79fb\u9664<\/figcaption><\/figure>\n<p>21. ok\uff0c\u5931\u610f\u5f52\u6765\uff0c\u7ee7\u7eed\uff0c\u53ef\u6211\u4eca\u5929\u611f\u89c9\u4e5f\u6709\u70b9\u56f0\uff0c\u6628\u665a\u6ca1\u7761\u597d\u3002\u662f\u7684\uff0c\u72b6\u51b5\u603b\u662f\u9891\u51fa\u4e0d\u7a77\uff0c\u501f\u53e3\u4e5f\u603b\u662f\u90a3\u4e48\u5bb9\u6613\u627e\uff0c\uff0c\u4eca\u5929\u6211\u4eec\u8981\u5b66\u4e60\u4e00\u4e2a\u6280\u672f\u2014\u2014\u80cc\u666f\u79fb\u9664\u3002\u6211\u4eec\u51c6\u5907\u8fd9\u4e48\u5e72\uff1a<br \/>\n\u25ce \u8bb0\u5f55\u4e00\u4e2a\u80cc\u666f\u56fe\u50cf<br \/>\n\u25ce \u5728\u5f53\u524d\u89c6\u9891\u5e27\u5462\u68c0\u67e5\u6bcf\u4e00\u4e2a\u50cf\u7d20\u3002\u5982\u679c\u5b83\u4e0e\u80cc\u666f\u56fe\u50cf\u76f8\u5e94\u50cf\u7d20\u7684\u5dee\u522b\u5f88\u5927\uff0c\u90a3\u4e48\u8bc1\u660e\u5b83\u4e3a\u524d\u666f\u50cf\u7d20\u3002\u5982\u679c\u4e0d\u662f\uff0c\u5219\u5b83\u4e3a\u80cc\u666f\u50cf\u7d20\u3002\u4ec5\u663e\u793a\u524d\u666f\u50cf\u7d20\u3002<br \/>\n\u4e3a\u8bc1\u660e\u4ee5\u4e0a\u7b97\u6cd5\uff0c\u6211\u4eec\u5c06\u4ee5\u8fd9\u6837\u6765\u663e\u793a\u5b83\uff1a\u79fb\u9664\u80cc\u666f\u56fe\u50cf\uff0c\u5e76\u7528\u7eff\u8272\u586b\u5145\u80cc\u666f\u3002<br \/>\n21.1. \u7b2c\u4e00\u6b65\u662f\u8bb0\u5fc6\u80cc\u666f\uff0c\u80cc\u666f\u5176\u5b9e\u662f\u89c6\u9891\u7684\u4e00\u4e2a\u5feb\u7167\u3002\u56e0\u4e3a\u89c6\u9891\u56fe\u50cf\u603b\u662f\u59cb\u7ec8\u51fa\u4e8e\u53d8\u5316\u4e2d\uff0c\u6211\u4eec\u5fc5\u987b\u5c06\u89c6\u9891\u4e00\u5e27\u7684\u4e00\u4e2a\u526f\u672c\u5b58\u5165\u4e00\u4e2a\u5355\u72ec\u7684PImage\u5bf9\u8c61\u4e2d\u3002<\/p>\n<pre class=\"brush:js\">PImage backgroundImage; \r\n\r\nvoid setup() {   \r\n   backgroundImage = createImage(video.width,video.height,RGB); \r\n}<\/pre>\n<p>\u5f53backgroundImage\u88ab\u521b\u5efa\u540e\uff0c\u5b83\u662f\u4e00\u526f\u4e0e\u89c6\u9891\u5c3a\u5bf8\u4e00\u81f4\u5927\u5c0f\u7684\u7a7a\u56fe\u3002\u901a\u5e38\u8fd9\u6837\u7684\u5f62\u5f0f\u662f\u6ca1\u6709\u7528\u7684\uff0c\u6240\u4ee5\u5f53\u6211\u4eec\u9700\u8981\u8bb0\u5fc6\u4e00\u4e2a\u80cc\u666f\u7684\u65f6\u5019\uff0c\u6211\u4eec\u9700\u8981\u4ece\u6444\u50cf\u5934copy\u4e00\u4e2a\u56fe\u50cf\u8fdb\u5165\u80cc\u666f\u56fe\u50cf\u91cc\u3002\u8ba9\u6211\u4eec\u5728\u9f20\u6807\u6309\u4e0b\u65f6\u8fd9\u4e48\u505a\uff1a<\/p>\n<pre class=\"brush:js\">void mousePressed()  {    \r\n  \/\/ \u5c06\u5f53\u524d\u89c6\u9891\u5e27\u590d\u5236\u5230backgroundImage\u5bf9\u8c61\r\n  \/\/ copy()\u5141\u8bb8\u4f60\u4ece\u4e00\u4e2a\u56fe\u50cf\u5230\u53e6\u4e00\u4e2a\u56fe\u50cf\u590d\u5236\u50cf\u7d20\u3002\u6ce8\u610f\u5728\u65b0\u50cf\u7d20\u88ab\u590d\u5236\u540e\u5e94\u5f53\u547c\u53ebupdatePixels()\r\n  \/\/ \u6ce8\u610fcopy\u6709\u4e94\u4e2a\u5f15\u6570:   \r\n  \/\/ \u6e90\u56fe\u50cf   \r\n  \/\/ \u88ab\u590d\u5236\u6e90\u533a\u57df\u7684x,y,\u5bbd\u5ea6\u548c\u9ad8\u5ea6 \r\n  \/\/ \u590d\u5236\u76ee\u6807\u7684x,y,\u5bbd\u5ea6\u548c\u9ad8\u5ea6\r\n  backgroundImage.copy(video,0,0,video.width,video.height,0,0,video.width,video.height);   \r\n  backgroundImage.updatePixels(); \r\n}<\/pre>\n<p>21.2. \u4e00\u65e6\u6211\u4eec\u7684\u80cc\u666f\u56fe\u50cf\u88ab\u4fdd\u5b58\uff0c\u6211\u4eec\u53ef\u4ee5\u5728\u5f53\u524d\u5e27\u5faa\u73af\u5176\u6240\u6709\u50cf\u7d20\u5e76\u7528\u8ddd\u79bb\u8ba1\u7b97\u6bd4\u8f83\u5b83\u4eec\u4e0e\u80cc\u666f\u3002\u5bf9\u4e8e\u4efb\u4f55\u7ed9\u5b9a\u7684\u50cf\u7d20(x,y)\uff0c\u6211\u4eec\u4f7f\u7528\u5982\u4e0b\u4ee3\u7801\uff1a<\/p>\n<pre class=\"brush:js\">int loc = x + y*video.width;  \/\/ Step 1, 1D\u4f4d\u7f6e\u662f\u4ec0\u4e48    \r\ncolor fgColor = video.pixels[loc];  \/\/ Step 2, \u524d\u666f\u8272\u662f\u4ec0\u4e48    \r\ncolor bgColor = backgroundImage.pixels[loc];  \/\/ Step 3, \u80cc\u666f\u8272\u662f\u4ec0\u4e48    \r\n\r\n\/\/ Step 4, \u6bd4\u8f83\u524d\u666f\u4e0e\u80cc\u666f\u8272 \r\nfloat r1 = red(fgColor); float g1 = green(fgColor); float b1 = blue(fgColor);   \r\nfloat r2 = red(bgColor); float g2 = green(bgColor); float b2 = blue(bgColor);   \r\nfloat diff  =  dist(r1,g1,b1,r2,g2,b2);   \r\n\r\n\/\/ Step 5, \u524d\u666f\u8272\u76f8\u6bd4\u80cc\u666f\u8272\u663e\u5f97\u4e0d\u540c\u5417    \r\nif (diff > threshold)  {    \r\n   \/\/ \u5982\u679c\u662f\uff0c\u663e\u793a\u524d\u666f\u8272    \r\n   pixels[loc] = fgColor;   \r\n}  else  {    \r\n   \/\/ \u5982\u679c\u4e0d\u662f\uff0c\u663e\u793a\u7eff\u8272    \r\n   pixels[loc] = color(0,255,0);   \r\n}<\/pre>\n<p>21.3. \u4ee5\u4e0a\u4ee3\u7801\u5047\u8bbe\u4e86\u4e00\u4e2a\u540d\u4e3a\u201d\u9600\u503c\u201c\u7684\u53d8\u91cf\u3002\u9600\u503c\u8d8a\u4f4e\uff0c\u5bf9\u4e8e\u4e00\u4e2a\u50cf\u7d20\u6765\u8bb2\u5c31\u8d8a\u5bb9\u6613\u88ab\u4f5c\u4e3a\u524d\u666f\u50cf\u7d20\u3002\u5b83\u4e0d\u9700\u8981\u4e0e\u80cc\u666f\u50cf\u7d20\u6709\u5f88\u5927\u7684\u5dee\u5f02\u3002\u4ee5\u4e0b\u662f\u4ee5\u9600\u503c\u4f5c\u4e3a\u4e00\u4e2a\u5168\u5c40\u53d8\u91cf\u7684\u4f8b\u5b50\uff1a<\/p>\n<pre class=\"brush:js\">\/\/ \u70b9\u51fb\u9f20\u6807\u4ee5\u8bb0\u5f55\u5f53\u524d\u80cc\u666f\u56fe\u50cf\r\nimport processing.video.*;\r\n\r\n\/\/ \u6355\u6349\u8bbe\u5907\u7684\u53d8\u91cf\r\nCapture video;\r\n\r\n\/\/ \u4fdd\u5b58\u80cc\u666f\r\nPImage backgroundImage;\r\n\r\n\/\/ \u5dee\u5f02\u6709\u591a\u5927\u624d\u80fd\u5c06\u4e00\u4e2a\u50cf\u7d20\u4f5c\u4e3a\u524d\u666f\u50cf\u7d20\r\nfloat threshold = 20;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  video = new Capture(this, width, height, 30);\r\n  \/\/ \u521b\u5efa\u4e00\u4e2a\u4e0e\u89c6\u9891\u5927\u5c0f\u4e00\u81f4\u7684\u7684\u7a7a\u767d\u56fe\u50cf\r\n  backgroundImage = createImage(video.width,video.height,RGB);\r\n}\r\n\r\nvoid draw() {\r\n  \/\/ \u6355\u6349\u89c6\u9891\r\n  if (video.available()) {\r\n    video.read();\r\n  }\r\n  \r\n  \/\/ \u6211\u4eec\u6b63\u770b\u7740\u89c6\u9891\u7684\u50cf\u7d20, \u8bb0\u5f55\u7684backgroundImage\u7684\u50cf\u7d20, \u540c\u65f6\u4e5f\u8fdb\u5165\u663e\u793a\u7684\u50cf\u7d20. \r\n  \/\/ \u56e0\u6b64\u6211\u4eec\u5fc5\u987bloadPixels()\u5168\u4f53!\r\n  loadPixels();\r\n  video.loadPixels(); \r\n  backgroundImage.loadPixels();\r\n  \r\n  \/\/ \u5f00\u59cb\u5728\u6bcf\u4e2a\u50cf\u7d20\u95f4\u5faa\u73af\r\n  for (int x = 0; x < video.width; x ++ ) {\r\n    for (int y = 0; y < video.height; y ++ ) {\r\n      int loc = x + y*video.width;  \/\/ Step 1, 1D\u4f4d\u7f6e\u662f\u4ec0\u4e48    \r\n      color fgColor = video.pixels[loc];  \/\/ Step 2, \u524d\u666f\u8272\u662f\u4ec0\u4e48    \r\n      color bgColor = backgroundImage.pixels[loc];  \/\/ Step 3, \u80cc\u666f\u8272\u662f\u4ec0\u4e48 \r\n      \r\n      \/\/ Step 4, compare the foreground and background color\r\n      float r1 = red(fgColor);\r\n      float g1 = green(fgColor);\r\n      float b1 = blue(fgColor);\r\n      float r2 = red(bgColor);\r\n      float g2 = green(bgColor);\r\n      float b2 = blue(bgColor);\r\n      float diff = dist(r1,g1,b1,r2,g2,b2);\r\n      \r\n      \/\/ Step 5, \u524d\u666f\u8272\u76f8\u6bd4\u80cc\u666f\u8272\u663e\u5f97\u4e0d\u540c\u5417\r\n      if (diff > threshold) {\r\n        \/\/ \u5982\u679c\u662f\uff0c\u663e\u793a\u524d\u666f\u8272\r\n        pixels[loc] = fgColor;\r\n      } else {\r\n        \/\/ \u5982\u679c\u4e0d\u662f\uff0c\u663e\u793a\u7eff\u8272\r\n        pixels[loc] = color(0,255,0); \/\/ \u6211\u4eec\u5f53\u7136\u53ef\u4ee5\u5728\u7eff\u8272\u4e4b\u5916\u8ba9\u80cc\u666f\u663e\u793a\u4e3a\u5176\u4ed6\u4e1c\u897f!\r\n      }\r\n    }\r\n  }\r\n  updatePixels();\r\n}\r\n\r\nvoid mousePressed() {\r\n  \/\/ \u5c06\u5f53\u524d\u89c6\u9891\u5e27\u590d\u5236\u5230backgroundImage\u5bf9\u8c61\r\n  \/\/ copy()\u5141\u8bb8\u4f60\u4ece\u4e00\u4e2a\u56fe\u50cf\u5230\u53e6\u4e00\u4e2a\u56fe\u50cf\u590d\u5236\u50cf\u7d20\u3002\u6ce8\u610f\u5728\u65b0\u50cf\u7d20\u88ab\u590d\u5236\u540e\u5e94\u5f53\u547c\u53ebupdatePixels()\r\n  \/\/ \u6ce8\u610fcopy\u6709\u4e94\u4e2a\u5f15\u6570:   \r\n  \/\/ \u6e90\u56fe\u50cf   \r\n  \/\/ \u88ab\u590d\u5236\u6e90\u533a\u57df\u7684x,y,\u5bbd\u5ea6\u548c\u9ad8\u5ea6 \r\n  \/\/ \u590d\u5236\u76ee\u6807\u7684x,y,\u5bbd\u5ea6\u548c\u9ad8\u5ea6\r\n  backgroundImage.copy(video,0,0,video.width,video.height,0,0,video.width,video.height);\r\n  backgroundImage.updatePixels();\r\n}<\/pre>\n<p>\u8fd0\u884c\u4ee5\u4e0a\u4ee3\u7801\uff0c\u4f60\u9700\u8981\u5148\u4f4d\u4e8e\u6444\u50cf\u5934\u8303\u56f4\u4e4b\u5916\uff0c\u7136\u540e\u9f20\u6807\u70b9\u51fb\u9009\u53d6\u80cc\u666f\uff0c\u7136\u540e\u4f60\u518d\u8fdb\u53bb\u3002\u5f53\u7136\uff0c\u8fd9\u65b9\u5f0f\u4e0d\u53ef\u80fd100%\u7684\u4e25\u4e1d\u5408\u7f1d\uff0c\u800c\u4e14\u5f88\u591a\u65f6\u5019\u8fd8\u4f1a\u8fbe\u4e0d\u5230\u62b9\u6389\u80cc\u666f\u7684\u6548\u679c\uff0c\u8bd5\u7740\u8c03\u6574\u4f60\u7684\u4f4d\u7f6e\u3001\u80cc\u666f\u7684\u590d\u6742\u5ea6\u4ee5\u53ca\u9600\u503c\u3002\u662f\u7684\uff0c\u4e4b\u524d\u4e5f\u8bf4\u4e86\uff0c\u4f60\u53ef\u4ee5\u7528\u5176\u4ed6\u4e1c\u897f\u66ff\u6362\u6389\u80cc\u666f\uff0c\u7531\u4e8e\u8fd9\u62db\u4e5f\u4e0d\u662f\u90a3\u4e48\u597d\u4f7f\uff0c\u6240\u4ee5\u6709\u5174\u8da3\u7684\u53ef\u4ee5\u5728<a href=\"http:\/\/www.learningprocessing.com\/exercises\/chapter-16\/exercise-16-6\/\">\u8fd9\u91cc<\/a>\u770b\u5982\u4f55\u7528\u4e00\u526f\u56fe\u6362\u6389\u80cc\u666f\u3002<\/p>\n<p>22. \u63a5\u4e0b\u6765\u662f\u52a8\u4f5c\u4fa6\u6d4b\u3002Daniel\u8bf4\u4eca\u5929\u5c06\u662f\u4e00\u4e2a\u201chappy day\u201d\u3002\u4e3a\u4ec0\u4e48\u5462\uff1f\u56e0\u4e3a\u52a8\u4f5c\u4fa6\u6d4b\u4e0e\u80cc\u666f\u79fb\u9664\u4f7f\u7528\u7684\u662f\u540c\u4e00\u4e2a\u7b97\u6cd5\u3002\u52a8\u4f5c\u662f\u5982\u4f55\u4ea7\u751f\u7684\uff1f\u5728\u4e00\u4e2a\u50cf\u7d20\u989c\u8272\u4e0e\u4e0a\u4e00\u5e27\u6709\u6781\u5927\u53d8\u5316\u7684\u65f6\u5019\u4ea7\u751f\u3002\u552f\u4e00\u7684\u4e0d\u540c\uff0c\u4e0e\u80cc\u666f\u79fb\u9664\u4ec5\u8bb0\u5f55\u4e00\u6b21\u80cc\u666f\u76f8\u6bd4\uff0c\u6211\u4eec\u9700\u8981\u6301\u7eed\u7684\u8bb0\u5f55\u89c6\u9891\u7684\u4e0a\u4e00\u5e27\u3002\u4ee5\u4e0b\u4ee3\u7801\u51e0\u4e4e\u4e0e\u80cc\u666f\u79fb\u9664\u7684\u4f8b\u5b50\u76f8\u540c\uff0c\u4f46\u6709\u4e00\u4e2a\u91cd\u8981\u7684\u53d8\u5316\u2014\u2014\u5f53\u4e00\u4e2a\u65b0\u5e27\u53ef\u4ee5\u4f7f\u7528\u7684\u65f6\u5019\uff0c\u89c6\u9891\u4e0a\u4e00\u5e27\u6301\u7eed\u7684\u88ab\u5b58\u50a8\u4e0b\u6765\u3002<\/p>\n<pre class=\"brush:js\">    \/\/ \u6355\u6349\u89c6\u9891   \r\n    if (video.available())  {    \r\n      \/\/ \u4e3a\u52a8\u4f5c\u4fa6\u6d4b\u4fdd\u5b58\u4e0a\u4e00\u5e27!!   \r\n      prevFrame.copy(video,0,0,video.width,video.height,0,0,video.width,video.height); \r\n      video.read();   \r\n     }<\/pre>\n<p>23. \u770b\u4f8b\u5b50\uff1a<\/p>\n<pre class=\"brush:js\">import processing.video.*;\r\n\/\/ \u6355\u6349\u8bbe\u5907\u53d8\u91cf\r\nCapture video;\r\n\/\/ \u524d\u4e00\u5e27\r\nPImage prevFrame;\r\n\/\/ \u4e00\u4e2a\u50cf\u7d20\u8981\u5982\u4f55\u4e0d\u540c\u624d\u80fd\u88ab\u754c\u5b9a\u4e3a\u4e00\u4e2a\u201c\u52a8\u4f5c\u201d\u50cf\u7d20\r\nfloat threshold = 50;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  video = new Capture(this, width, height, 30);\r\n  \/\/\u521b\u5efa\u4e00\u4e2a\u4e0e\u89c6\u9891\u5927\u5c0f\u76f8\u540c\u7684\u7a7a\u56fe\r\n  prevFrame = createImage(video.width,video.height,RGB);\r\n}\r\n\r\nvoid draw() {\r\n  \r\n  \/\/ \u6355\u6349\u89c6\u9891\r\n  if (video.available()) {\r\n    \/\/ \u4e3a\u52a8\u4f5c\u4fa6\u6d4b\u4fdd\u5b58\u4e0a\u4e00\u5e27!!\r\n    prevFrame.copy(video,0,0,video.width,video.height,0,0,video.width,video.height); \/\/ \u5728\u6211\u4eec\u8bfb\u53d6\u65b0\u5e27\u524d, \u59cb\u7ec8\u4fdd\u5b58\u4e0a\u4e00\u5e27\u4f5c\u4e3a\u5bf9\u6bd4!\r\n    prevFrame.updatePixels();\r\n    video.read();\r\n  }\r\n  \r\n  loadPixels();\r\n  video.loadPixels();\r\n  prevFrame.loadPixels();\r\n  \r\n  \/\/ \u5f00\u59cb\u5728\u6bcf\u4e00\u5e27\u95f4\u5faa\u73af\r\n  for (int x = 0; x < video.width; x ++ ) {\r\n    for (int y = 0; y < video.height; y ++ ) {\r\n      \r\n      int loc = x + y*video.width;            \/\/ Step 1, 1D\u4f4d\u7f6e\u662f\u4ec0\u4e48\r\n      color current = video.pixels[loc];      \/\/ Step 2, \u5f53\u524d\u989c\u8272\u662f\u4ec0\u4e48\r\n      color previous = prevFrame.pixels[loc]; \/\/ Step 3, \u4e4b\u524d\u7684\u989c\u8272\u662f\u4ec0\u4e48\r\n      \r\n      \/\/ Step 4, \u6bd4\u8f83\u4e25\u8272 (\u4e4b\u524d\u7684 vs. \u73b0\u5728\u7684)\r\n      float r1 = red(current); float g1 = green(current); float b1 = blue(current);\r\n      float r2 = red(previous); float g2 = green(previous); float b2 = blue(previous);\r\n      float diff = dist(r1,g1,b1,r2,g2,b2);\r\n      \r\n      \/\/ Step 5, \u989c\u8272\u7684\u5dee\u522b\u6709\u591a\u5927?\r\n      \/\/ \u5982\u679c\u90a3\u4e00\u70b9\u7684\u50cf\u7d20\u6539\u53d8\u4e86, \u90a3\u4e48\u90a3\u4e2a\u50cf\u7d20\u5c31\u8fd0\u52a8\u4e86.\r\n      if (diff > threshold) { \r\n        \/\/ \u5982\u679c\u52a8\u4e86\uff0c\u663e\u793a\u9ed1\u8272\r\n        pixels[loc] = color(0);\r\n      } else {\r\n        \/\/ \u5982\u679c\u6ca1\u52a8\uff0c\u663e\u793a\u767d\u8272\r\n        pixels[loc] = color(255);\r\n      }\r\n    }\r\n  }\r\n  updatePixels();\r\n}<\/pre>\n<p>24. \u5982\u679c\u6211\u4eec\u8981\u77e5\u9053\u5728\u4e00\u4e2a\u7a7a\u95f4\u5185\u52a8\u4f5c\u7684\u603b\u91cf\uff0c\u8be5\u600e\u4e48\u529e\uff1f\u8fd8\u8bb0\u5f97\u4e0a\u8fb9\u90a3\u4e2a\u8ba1\u7b97\u5e73\u5747\u4eae\u5ea6\u7684\u4f8b\u5b50\u5417\uff1f<br \/>\n<strong>\u5e73\u5747\u4eae\u5ea6 \uff1d \u603b\u4eae\u5ea6\/\u50cf\u7d20\u603b\u6570<\/strong><br \/>\n\u540c\u6837\u7684\uff0c\u6211\u4eec\u4e5f\u53ef\u4ee5\u8fd9\u4e48\u8ba1\u7b97\u5e73\u5747\u52a8\u4f5c\uff1a<br \/>\n<strong>\u5e73\u5747\u52a8\u4f5c \uff1d \u603b\u52a8\u4f5c\/\u50cf\u7d20\u603b\u6570<\/strong><\/p>\n<p>25. \u4e0b\u4f8b\u663e\u793a\u4e86\u4e00\u4e2a\u6839\u636e\u52a8\u4f5c\u5e73\u5747\u91cf\u53d8\u5316\u989c\u8272\u548c\u5927\u5c0f\u7684\u5706\u3002\u518d\u6b21\u6ce8\u610f\uff0c\u4f60\u4e0d\u9700\u8981\u4e3a\u4e86\u5206\u6790\u89c6\u9891\u800cdisplay\uff08\u663e\u793a\uff09\u5b83\u3002<\/p>\n<pre class=\"brush:js\">import processing.video.*;\r\n\r\n\/\/ \u6355\u6349\u8bbe\u5907\u53d8\u91cf\r\nCapture video;\r\n\/\/ \u524d\u4e00\u5e27\r\nPImage prevFrame;\r\n\r\n\/\/ \u4e00\u4e2a\u50cf\u7d20\u8981\u5982\u4f55\u4e0d\u540c\u624d\u80fd\u88ab\u754c\u5b9a\u4e3a\u4e00\u4e2a\u201c\u52a8\u4f5c\u201d\u50cf\u7d20\r\nfloat threshold = 50;\r\n\r\nvoid setup() {\r\n  size(320,240);\r\n  \/\/ \u4f7f\u7528\u9ed8\u8ba4\u6355\u6349\u8bbe\u5907\r\n  video = new Capture(this, width, height, 15);\r\n  \/\/ \u521b\u5efa\u4e00\u4e2a\u4e0e\u89c6\u9891\u5927\u5c0f\u76f8\u540c\u7684\u7a7a\u56fe\r\n  prevFrame = createImage(video.width,video.height,RGB);\r\n}\r\n\r\nvoid draw() {\r\n  background(0);\r\n  \r\n  \/\/ \u4f60\u4e0d\u9700\u8981\u663e\u793a\u4ee5\u5206\u6790\u5b83!\r\n  image(video,0,0);\r\n  \r\n  \/\/ Capture video\r\n  if (video.available()) {\r\n    \/\/ \u4e3a\u52a8\u4f5c\u4fa6\u6d4b\u4fdd\u5b58\u4e0a\u4e00\u5e27!!\r\n    prevFrame.copy(video,0,0,video.width,video.height,0,0,video.width,video.height);\r\n    prevFrame.updatePixels();\r\n    video.read();\r\n  }\r\n  \r\n  loadPixels();\r\n  video.loadPixels();\r\n  prevFrame.loadPixels();\r\n  \r\n  \/\/ \u5f00\u59cb\u5728\u6bcf\u4e2a\u50cf\u7d20\u95f4\u5faa\u73af\r\n  \/\/ \u4ece\u603b\u6570\u4e3a0\u5f00\u59cb\r\n  float totalMotion = 0;\r\n  \r\n  \/\/ \u8ba1\u7b97\u50cf\u7d20\u7684\u4eae\u5ea6\u603b\u548c\r\n  for (int i = 0; i < video.pixels.length; i ++ ) {\r\n    \/\/ Step 2, \u5f53\u524d\u989c\u8272\u662f\u4ec0\u4e48\r\n    color current = video.pixels[i];    \r\n    \/\/ Step 3, \u4e4b\u524d\u989c\u8272\u662f\u4ec0\u4e48\r\n    color previous = prevFrame.pixels[i];\r\n    \r\n    \/\/ Step 4, \u5bf9\u6bd4\u989c\u8272 (\u4e4b\u524d\u7684 vs. \u73b0\u5728\u7684)\r\n    float r1 = red(current); \r\n    float g1 = green(current);\r\n    float b1 = blue(current);\r\n    float r2 = red(previous); \r\n    float g2 = green(previous);\r\n    float b2 = blue(previous);\r\n    \r\n    \/\/ \u72ec\u7acb\u50cf\u7d20\u7684\u8fd0\u52a8\u5373\u5176\u4e4b\u524d\u548c\u73b0\u5728\u989c\u8272\u7684\u5dee\u5f02.\r\n    float diff = dist(r1,g1,b1,r2,g2,b2);\r\n    \/\/ totalMotion\uff08\u52a8\u4f5c\u603b\u548c\uff09\u5373\u6240\u6709\u989c\u8272\u5dee\u5f02\u7684\u603b\u548c. \r\n    totalMotion += diff; \r\n  }\r\n  \r\n  \/\/ averageMotion\uff08\u52a8\u4f5c\u5747\u503c\uff09.\r\n  float avgMotion = totalMotion \/ video.pixels.length; \r\n  \r\n  \/\/ \u57fa\u4e8e\u52a8\u4f5c\u5747\u503c\u7ed8\u5236\u4e00\u4e2a\u5706\u5f62\r\n  smooth();\r\n  stroke(255,0,0);\r\n  fill(0);\r\n  float r = avgMotion*2;\r\n  ellipse(width\/2,height\/2,r,r);\r\n}<\/pre>\n<p>26. \u5c0f\u4e39\u51fa\u9898\uff1a\u521b\u5efa\u4e00\u4e2a\u4fa6\u6d4b\u52a8\u4f5c\u5e73\u5747\u4f4d\u7f6e\u7684sketch\u3002\u60a8\u80fd\u641e\u4e00\u4e2a\u8ddf\u4f34\u968f\u4f60\u624b\u7684\u7529\u52a8\u7684\u5706\u5417\uff1f\u5b98\u7f51\u6ca1\u7b54\u6848\u3002\u3002\u3002\u4e0d\u8fc7\u6211\u76f8\u4fe1\u6211\u6e05\u7406\u4e00\u4e0b\u5934\u8111\u5e94\u8be5\u8fd8\u662f\u80fd\u505a\u51fa\u6765\u7684\uff0c\u4e0d\u8fc7\u73b0\u5728\u6211\u4eec\u8fd8\u662f\u6682\u65f6\u7ee7\u7eed\u4e0b\u8fb9\u7684\u5185\u5bb9\u5427\u3002<\/p>\n<p>27. \u51fa\u4e8e\u5b89\u5168\u8003\u8651\uff0c\u4f8b\u5982\u4f7f\u7528\u6444\u50cf\u5934\u8fd9\u6837\u7684\u4e8b\u8bf7\uff0c\u5728\u4e00\u4e2aweb applet\u4e2d\u5e38\u5e38\u662f\u7981\u7528\u7684\uff0c\u5982\u679c\u4f60\u4e0d\u5f97\u4e0d\u8fd9\u4e48\u5e72\u7684\u8bdd\uff0c\u8bf7\u53c2\u7167<a href=\"http:\/\/www.learningprocessing.com\/tutorials\/sandbox\/\">\u8fd9\u91cc<\/a>\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u672c\u7ae0\u7684\u5b66\u4e60\u9700\u8981\u4e00\u4e2a\u5916\u90e8\u6444\u50cf\u5934\uff08\u5982\u679c\u4f60\u4f7f\u7528PC\u5219\u8fd8\u9700\u5b89\u88c5\u7248\u672c7\u6216\u4ee5\u4e0a\u7684QuickTime\u64ad\u653e\u673a\uff0c\u5e76\u5728\u81ea\u5b9a\u4e49\u5b89\u88c5\u65f6\u52fe\u9009\u201dQuickTime for Java\u201c\u3002\u53e6\u5916\uff0c\u4f60\u8fd8\u9700\u5b89\u88c5vdig\uff08\u6570\u5b57\u89c6\u9891\u8f6c\u6362\u673a\uff09\u5728Win\u7cfb\u7edf\u5185\u6355\u6349\u89c6\u9891\uff09\u7684\u53c2\u4e0e\u914d\u5408\u3002\u5177\u4f53\u5b89\u88c5\u65b9\u5f0f\u8bf7\u67e5\u9605\u4f60\u81ea\u5df1\u7684\u6444\u50cf\u5934\u4f7f\u7528\u5e2e\u52a9\u3002 2. \u662f\u7684\uff0c\u73b0\u5728\u4f60\u4f1a\u53d1\u73b0\u6bd4\u8d77PC\uff0cMac\u771f\u662f\u8f7b\u677e\u8bb8\u591a\u3002Mac\u7684\u672c\u5b50\u81ea\u5e26iSight\u6444\u50cf\u5934\uff0c\u9884\u88c5QuickTime\uff0cMac\u7528\u6237\u65e0\u9700\u8fdb\u884c\u4efb\u4f55\u607c\u4eba\u6b65\u9aa4\u4fbf\u53ef\u8f7b\u677e\u8fdb\u5165\u4e0b\u4e00\u6b65\u3002 3. \u8981\u5728p5\u5185\u4f7f\u7528\u89c6\u9891\uff0c\u9075\u5faa\u4ee5\u4e0b\u6b65\u9aa4\uff1a \u25ce \u5bfc\u5165video\u5e93\uff1a import processing.video.*; \u25ce \u7533\u660e\u4e00\u4e2a\u6355\u6349\u5bf9\u8c61\uff1a Capture video; \u25ce \u521d\u59cb\u5316\u6355\u6349\u5bf9\u8c61\uff1a video = new Capture(this,320,240,30); \u203b this \u2014 \u81ea\u53c2\u8003\u6307\u4ee4\uff08self-referential statement\uff09\uff0c\u539f\u4e66\u5527\u5527\u6b6a\u6b6a\u626f\u4e00\u5927\u5806\uff0c\u6682\u4e0d\u8003\u8bd5\uff0c\u8bb0\u5f97\u8fd9\u91cc\u653ethis\u5c31OK\u3002 \u203b 320 \u2014 \u6444\u50cf\u5934\u6355\u6349\u89c6\u9891\u7684\u5bbd\u5ea6 \u203b 240 \u2014 \u6444\u50cf\u5934\u6355\u6349\u89c6\u9891\u7684\u9ad8\u5ea6 \u203b 30 \u2014 \u5e27\u901f\u7387 \u25ce \u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u56fe\u50cf 4. \u6709\u4e24\u79cd\u65b9\u5f0f\u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u5e27\u3002\u4e24\u79cd\u65b9\u5f0f\u9075\u5faa\u7684\u57fa\u672c\u539f\u5219\u90fd\u662f\uff1a\u6211\u4eec\u53ea\u5728\u5f53\u4e00\u4e2a\u65b0\u5e27\u51c6\u5907\u597d\u88ab\u8bfb\u53d6\u65f6\uff0c\u4ece\u6444\u50cf\u5934\u8bfb\u53d6\u4e00\u4e2a\u56fe\u50cf\u3002\u8981\u67e5\u8be2\u4e00\u4e2a\u56fe\u7247\u662f\u5426\u53ef\u7528\uff0c\u6211\u4eec\u4f7f\u7528available()\u51fd\u6570\uff0c\u5b83\u4ee5\u662f\u5426\u6709\u4e1c\u897f\u5b58\u5728\u8fd4\u56de\u771f\u6216\u5047\u3002\u5982\u679c\u6709\uff0c\u51fd\u6570read()\u88ab\u547c\u53eb\u5e76\u4e14\u6444\u50cf\u5934\u7684\u5e27\u88ab\u8bfb\u5165\u5185\u5b58\u3002\u6211\u4eec\u5728draw()\u53cd\u590d\u8fd9\u4e48\u505a\uff0c\u603b\u662f\u67e5\u8be2\u662f\u5426\u6709\u65b0\u7684\u56fe\u50cf\u53ef\u7528\u3002 void draw() { if (video.available()) { video.read(); } } 5. \u7b2c\u4e8c\u79cd\u65b9\u5f0f\uff0c\u4f7f\u7528\u201d\u4e8b\u4ef6\uff08event\uff09\u201c\u7684\u65b9\u5f0f\uff0c\u5373\u67d0\u4e2a\u4e8b\u4ef6\u53d1\u751f\u7684\u65f6\u5019\u4fbf\u6267\u884c\u3002\u6bd4\u5982\u9f20\u6807\u70b9\u51fb\u6216\u952e\u76d8\u8f93\u5165\u3002\u5728\u89c6\u9891\u8fd9\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u9009\u62e9\u4f7f\u7528\u51fd\u6570captureEvent()\uff0c\u4f7f\u5f97\u6bcf\u5f53\u4e00\u4e2a\u6355\u6349\u52a8\u4f5c\u53d1\u751f\u65f6\u88ab\u6267\u884c\uff0c\u5373\uff0c\u6765\u81ea\u6444\u50cf\u5934\u7684\u4e00\u4e2a\u65b0\u5e27\u53ef\u7528\u4e86\u3002 void [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57],"tags":[58],"class_list":["post-783","post","type-post","status-publish","format-standard","hentry","category-processing","tag-processing"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=\/wp\/v2\/posts\/783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=783"}],"version-history":[{"count":28,"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=\/wp\/v2\/posts\/783\/revisions"}],"predecessor-version":[{"id":845,"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=\/wp\/v2\/posts\/783\/revisions\/845"}],"wp:attachment":[{"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn.travelchinawith.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}