{"id":3215,"date":"2012-11-21T14:58:43","date_gmt":"2012-11-21T05:58:43","guid":{"rendered":"http:\/\/r-dimension.xsrv.jp\/classes_j\/?p=3215"},"modified":"2022-11-16T17:55:44","modified_gmt":"2022-11-16T08:55:44","slug":"key_event_mp1","status":"publish","type":"post","link":"https:\/\/r-dimension.xsrv.jp\/classes_j\/key_event_mp1\/","title":{"rendered":"3.4\u3000\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f31"},"content":{"rendered":"\n<p>\u3044\u3088\u3044\u3088\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3067\u3059\u3002<br>\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306e\u4ee3\u8868\u7684\u306a\u3082\u306e\u306f\u30de\u30a6\u30b9\u30a4\u30d9\u30f3\u30c8\u306a\u306e\u3067\u3059\u304c\u3001\u5148\u306b\u30ad\u30fc\u30a4\u30d9\u30f3\u30c8\u3092\u4f53\u9a13\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<br>\u30ad\u30fc\u30a4\u30d9\u30f3\u30c8\u3068\u306f\u3001\u30ad\u30fc\u30dc\u30fc\u30c9\u304b\u3089\u306e\u5165\u529b\u3092\u53d7\u3051\u53d6\u308a\u3001\u5165\u529b\u3055\u308c\u305f\u30ad\u30fc\u304c\u4f55\u304b\u3092\u5224\u65ad\u3057\u3066\u30d7\u30ed\u30b0\u30e9\u30e0\u304c\u53cd\u5fdc\u3059\u308b\u3053\u3068\u3092\u6307\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">3.4.1\u3000\u30ad\u30fc\u30a4\u30d9\u30f3\u30c8<\/h2>\n\n\n\n<p>\u30ad\u30fc\u30a4\u30d9\u30f3\u30c8\u306e\u53d7\u3051\u53d6\u308a\u65b9\u6cd5\u306f2\u7a2e\u985e\u3042\u308a\u307e\u3059\u3002\u3072\u3068\u3064\u306fif\u6587\u3092\u4f7f\u3044\u3001\u3082\u3046\u3072\u3068\u3064\u306fswitch\u6587\u3092\u4f7f\u3046\u3082\u306e\u3067\u3059\u3002<br>\u307e\u305f\u3001\u30ad\u30fc\u306e\u5224\u65ad\u306b\u306f\u3001a, b, c\u306a\u3069\u306e\u6587\u5b57\u306a\u3069\u3092\u76f4\u63a5\u8aad\u3080<strong>key<\/strong>\u3068\u3001UP\u3001DOWN\u3001SPACE\u306a\u3069\u306e\u7279\u6b8a\u306a\u30ad\u30fc\u3092\u8aad\u3080<strong>keyCode<\/strong>\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u308c\u305e\u308c\u306e\u4f8b\u3092\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002<br>\u6b21\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u306f\u3001\u77e2\u5370\u30ad\u30fc\u3092\u62bc\u3059\u3068\u5186\u304c\u4e0a\u4e0b\u5de6\u53f3\u306b\u52d5\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-a<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>int x, y;    \/\/x, y\u5ea7\u6a19\nint space = 10;    \/\/\u52d5\u304f\u5e45\n\nvoid setup() {\n  size(200, 200);\n  noStroke();\n  fill(0);\n  x = width\/2;    \/\/x\u3068y\u306f\u753b\u9762\u306e\u4e2d\u5fc3\n  y = height\/2;\n}\n\nvoid draw() {\n  background(255);\n  ellipse(x, y, 20, 20);\n}\n\nvoid keyPressed() {\n\n  \/\/\u3082\u3057\u62bc\u3055\u308c\u305f\u30ad\u30fc\u304c\u30ad\u30fc\u30b3\u30fc\u30c9\u3060\u3063\u305f\u3089\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n  \/\/http:\/\/processing.org\/reference\/keyCode.html\u3092\u53c2\u7167\u306e\u3053\u3068\n  if(key == CODED) {\n    if(keyCode == UP) {  \/\/\u4e0a\u306b\u52d5\u304f\n      y -= space;\n    }else if (keyCode == DOWN) {    \/\/\u4e0b\u306b\u52d5\u304f\n      y += space;\n    }else if (keyCode == LEFT) {    \/\/\u5de6\u306b\u52d5\u304f\n      x -= space;\n    }else if (keyCode == RIGHT) {    \/\/\u53f3\u306b\u52d5\u304f\n      x += space;\n    }\n  }\n}<\/code><\/pre>\n\n\n\n<p>\u4e0a\u306e\u4f8b\u6587\u304b\u3089\u3082\u5206\u304b\u308b\u901a\u308a\u3001\u4e0a\u4e0b\u5de6\u53f3\u306b\u52d5\u304f\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u306f\u3001UP\u3001DOWN\u3001LEFT\u3001RIGHT\u3068\u3044\u3046\u30ad\u30fc\u30b3\u30fc\u30c9\u304c\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u3002\u4ed6\u306b\u3082\u3001ALT\u3001 CONTROL\u3001SHIFT\u304c\u3042\u308a\u307e\u3059\u3002\u8a73\u3057\u304f\u306f\u4ee5\u4e0b\u306e\u30b5\u30a4\u30c8\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br><a href=\"http:\/\/processing.org\/reference\/keyCode.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/processing.org\/reference\/keyCode.html<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3.4.2\u3000switch\u6587<\/h2>\n\n\n\n<p>\u6b21\u306fswitch\u3068key\u3067\u3059\u3002switch\u6587\u306f\u3053\u306e\u3088\u3046\u306a\u30ad\u30fc\u30a4\u30d9\u30f3\u30c8\u3067\u306f\u975e\u5e38\u306b\u3088\u304f\u4f7f\u308f\u308c\u308b\u69cb\u6587\u3067\u3001\u305d\u308c\u305e\u308c\u3069\u306e\u30ad\u30fc\u304c\u62bc\u3055\u308c\u305f\u304b\u3092\u5224\u65ad\u3057\u305f\u4e0a\u3067\u3001\u305d\u308c\u305e\u308c\u306e\u30ad\u30fc\u306b\u500b\u5225\u306e\u30a4\u30d9\u30f3\u30c8\u3092\u4ed8\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/2016_10_05_2_32.png\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"300\" src=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/2016_10_05_2_32-284x300.png\" alt=\"2016_10_05_2_32\" class=\"wp-image-6967\" srcset=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/2016_10_05_2_32-284x300.png 284w, https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/2016_10_05_2_32.png 400w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/figure>\n\n\n\n<div class=\"imgCaption\">\u56f33.4-a<\/div>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-b<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>int x = 0;    \/\/x\u5ea7\u6a19\n \nvoid setup() {\n  size(400, 400);\n  background(255);\n  noStroke();\n  textSize(40);     \/\/\u30d5\u30a9\u30f3\u30c8\u306e\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\n}\n \nvoid draw() {\n  fill(0);\n  rect(x, height\/2, 30, 30);\n}\n \n\/\/\u4f55\u3089\u304b\u306e\u30ad\u30fc\u304c\u62bc\u3055\u308c\u305f\u6642\u306b\u5b9f\u884c\u3055\u308c\u308b\nvoid keyPressed() {\n  background(255);\n  fill(255, 0, 0);\n  text(key, width\/2, height\/2);    \/\/\u62bc\u3055\u308c\u305f\u30ad\u30fc\u3092\u8868\u793a\n \n  switch(key) {\n  case 'a':\n    x += 5;    \/\/x\u306e\u5024\u3092\u5897\u3084\u3059\uff08\u5186\u304c\u53f3\u306b\u79fb\u52d5\u3059\u308b\uff09\n    println(\"a\");\n    break;\n  case 'A':\n    x -= 5;    \/\/x\u306e\u5024\u3092\u6e1b\u3089\u3059\uff08\u5186\u304c\u5de6\u306b\u79fb\u52d5\u3059\u308b\uff09\n    println(\"A\");\n    break;\n  }\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">3.4.3\u3000\u30de\u30a6\u30b9\u30a4\u30d9\u30f3\u30c8<\/h2>\n\n\n\n<p>\u6b21\u306f\u30de\u30a6\u30b9\u30a4\u30d9\u30f3\u30c8\u3067\u3059\u3002\u6b21\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u306f\u3001\u30de\u30a6\u30b9\u30dd\u30a4\u30f3\u30bf\u306b\u5186\u304c\u3064\u3044\u3066\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_follow.png\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"300\" src=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_follow-284x300.png\" alt=\"mouse_follow\" class=\"wp-image-6333\" srcset=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_follow-284x300.png 284w, https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_follow.png 400w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/figure>\n\n\n\n<div class=\"imgCaption\">\u56f33.4-b<\/div>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-c<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>int x, y;    \/\/x, y\u5ea7\u6a19\n\nvoid setup() {\n  size(400, 400);\n  background(255);\n  fill(0);\n}\n\nvoid draw() {\n  background(255);\n  ellipse(mouseX, mouseY, 20, 20);\n}<\/code><\/pre>\n\n\n\n<p>\u7c21\u5358\u3067\u3059\u3088\u306d\u3002mouseX\u3068mouseY\u306fProcessing\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u30b7\u30b9\u30c6\u30e0\u5909\u6570\u3067\u3001\u73fe\u5728\u306e\u30de\u30a6\u30b9\u306ex, y\u5ea7\u6a19\u3092\u8fd4\u3057\u3066\u304f\u308c\u307e\u3059\u3002<br>draw()\u306e\u4e2d\u3067background()\u3092\u63cf\u753b\u3057\u306a\u3051\u308c\u3070\u8ecc\u8de1\u304c\u6b8b\u308b\u306e\u3067\u3001\u30da\u30a4\u30f3\u30c8\u306e\u3088\u3046\u306a\u52b9\u679c\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint.png\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"300\" src=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint-284x300.png\" alt=\"paint\" class=\"wp-image-6329\" srcset=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint-284x300.png 284w, https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint.png 402w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/figure>\n\n\n\n<div class=\"imgCaption\">\u56f33.4-c<\/div>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-d<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>int x, y;    \/\/x, y\u5ea7\u6a19\n\nvoid setup() {\n  size(400, 400);\n  background(255);\n  fill(0);\n}\n\nvoid draw() {\n  ellipse(mouseX, mouseY, 20, 20);\n}<\/code><\/pre>\n\n\n\n<p>background()\u306e\u4ee3\u308f\u308a\u306b\u534a\u900f\u660e\u306e\u767d\u306e\u56db\u89d2\u3092\u63cf\u753b\u3059\u308b\u3068\u3001\u30d5\u30a7\u30fc\u30c9\u52b9\u679c\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint_fade.png\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"300\" src=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint_fade-284x300.png\" alt=\"paint_fade\" class=\"wp-image-6326\" srcset=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint_fade-284x300.png 284w, https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/paint_fade.png 402w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/figure>\n\n\n\n<div class=\"imgCaption\">\u56f33.4-d<\/div>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-e<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>int x, y;    \/\/x, y\u5ea7\u6a19\n \nvoid setup() {\n  size(400, 400);\n  background(255);\n  noStroke();\n  fill(0);\n}\n \nvoid draw() {\n  \n  fill(255, 10);  \/\/\u900f\u660e\u5ea6\u306e\u3042\u308brect\u3092\u63cf\u753b\n  rect(0, 0, width, height);\n  fill(0);      \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u9ed2\n  \n  ellipse(mouseX, mouseY, 20, 20);\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">3.4.4\u3000mousePressed(), mouseReleased()<\/h2>\n\n\n\n<p>\u6b21\u306b\u30de\u30a6\u30b9\u30a4\u30d9\u30f3\u30c8\u3092\u4f7f\u3063\u3066\u307f\u307e\u3059\u3002\u30de\u30a6\u30b9\u3092\u62bc\u3057\u305f\u6642\u3068\u96e2\u3057\u305f\u6642\u306e\u30a4\u30d9\u30f3\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>void mousePressed(){\n  \u30de\u30a6\u30b9\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u6642\u306e\u30a4\u30d9\u30f3\u30c8\n}\n\nvoid mouseReleased(){\n  \u30de\u30a6\u30b9\u30dc\u30bf\u30f3\u3092\u96e2\u3057\u305f\u6642\u306e\u30a4\u30d9\u30f3\u30c8\n}<\/code><\/pre>\n\n\n\n<p>\u6b21\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u30de\u30a6\u30b9\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3068\u304d\u306b\u5186\u304c\u5927\u304d\u304f\u306a\u3063\u3066\u3001\u96e2\u3059\u3068\u5c0f\u3055\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_pressed.png\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"300\" src=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_pressed-284x300.png\" alt=\"mouse_pressed\" class=\"wp-image-6337\" srcset=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_pressed-284x300.png 284w, https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_pressed.png 400w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/figure>\n\n\n\n<div class=\"imgCaption\">\u56f33.4-e<\/div>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-f<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>int eSize;  \/\/\u5186\u306e\u30b5\u30a4\u30ba\nint x, y;  \/\/x, y\u5ea7\u6a19\n\nvoid setup() {\n  size(400, 400);\n  noStroke();\n  fill(0);\n\n  eSize = 100;  \/\/\u6700\u521d\u306f\u5186\u306e\u30b5\u30a4\u30ba\u3092100\u306b\u3059\u308b\n  x = width\/2;\n  y = height\/2;\n}\n\nvoid draw() {\n  background(255);\n  ellipse(x, y, eSize, eSize);\n}\n\n\/\/\u30de\u30a6\u30b9\u30dc\u30bf\u30f3\u304c\u62bc\u3055\u308c\u305f\u3089\u5186\u306e\u30b5\u30a4\u30ba\u3092200\u306b\u3059\u308b\nvoid mousePressed() {\n  eSize = 200;\n}\n\n\/\/\u30de\u30a6\u30b9\u30dc\u30bf\u30f3\u304c\u96e2\u3055\u308c\u305f\u3089\u5186\u306e\u30b5\u30a4\u30ba\u3092100\u306b\u3059\u308b\nvoid mouseReleased() {  \n  eSize = 100;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">3.4.5\u3000mouseMoved(), mouseDragged()<\/h2>\n\n\n\n<p>\u6b21\u306f\u3001\u30de\u30a6\u30b9\u3092\u52d5\u304b\u3057\u305f\u6642\u3068\u30c9\u30e9\u30c3\u30b0\u3057\u305f\u6642\u306b\u767a\u751f\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>void mouseMoved(){\n  \u30de\u30a6\u30b9\u3092\u52d5\u304b\u3057\u305f\u6642\u306e\u30a4\u30d9\u30f3\u30c8\n}\n\nvoid mouseDragged(){\n  \u30de\u30a6\u30b9\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u305f\u6642\u306e\u30a4\u30d9\u30f3\u30c8\n}<\/code><\/pre>\n\n\n\n<p>\u6b21\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3001mouseMoved()\u3067\u5186\u306e\u8272\u304c\u660e\u308b\u304f\u306a\u308a\u3001mouseDragged()\u3067\u6697\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_moved.png\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"300\" src=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_moved-284x300.png\" alt=\"mouse_moved\" class=\"wp-image-6338\" srcset=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_moved-284x300.png 284w, https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/mouse_moved.png 400w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/figure>\n\n\n\n<div class=\"imgCaption\">\u56f33.4-f<\/div>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-g<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>int x, y;  \/\/x, y\u5ea7\u6a19\nint c;    \/\/\u5186\u306e\u8272\n\nvoid setup() {\n  size(200, 200);\n  noStroke();\n\n  c = 0;  \/\/\u8272\u306f\u6700\u521d\u306f\u9ed2\n  x = width\/2;\n  y = height\/2;\n}\n\nvoid draw() {\n  background(255);\n  fill(c);\n  ellipse(x, y, 100, 100);\n}\n\nvoid mouseMoved() {  \/\/\u30de\u30a6\u30b9\u304c\u52d5\u3044\u305f\u3089\u8272\u304c\u660e\u308b\u304f\u306a\u308b\n  c ++;\n  if(c &gt; 255) c = 255;  \/\/\u8272\u306e\u5024\u304c255\u3092\u8d85\u3048\u306a\u3044\u3088\u3046\u306b\u5236\u9650\u3059\u308b\n}\n\nvoid mouseDragged() {  \/\/\u30de\u30a6\u30b9\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u305f\u3089\u8272\u304c\u6697\u304f\u306a\u308b\n  c --;\n  if(c &lt; 0) c = 0;  \/\/\u8272\u306e\u5024\u304c0\u672a\u6e80\u306b\u306a\u3089\u306a\u3044\u3088\u3046\u306b\u5236\u9650\u3059\u308b\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">3.4.6\u3000\u7c21\u5358\u306a\u30dc\u30bf\u30f3<\/h2>\n\n\n\n<p>\u3053\u308c\u307e\u3067\u306e\u5b66\u7fd2\u5185\u5bb9\u3092\u5fdc\u7528\u3057\u3001\u7c21\u5358\u306a\u30dc\u30bf\u30f3\u3092\u4f5c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u30de\u30a6\u30b9\u304c\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4e0a\u306b\u3042\u308b\u72b6\u614b\u306e\u300c\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u300d\u3068\u300c\u30af\u30ea\u30c3\u30af\u300d\u3092\u8b58\u5225\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/intraction_button.png\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"300\" src=\"http:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/intraction_button-284x300.png\" alt=\"intraction_button\" class=\"wp-image-6345\" srcset=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/intraction_button-284x300.png 284w, https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-content\/uploads\/2012\/11\/intraction_button.png 400w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/a><\/figure>\n\n\n\n<div class=\"imgCaption\">\u56f33.4-g<\/div>\n\n\n\n<div class=\"listCaption\">\u30ea\u30b9\u30c83.4-h<\/div>\n\n\n\n<pre class=\"wp-block-aphph-prism-block lang:processing language-processing\"><code>boolean over = false;  \/\/\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u78ba\u8a8d\u7528\u30d5\u30e9\u30c3\u30b0\nboolean clicked = false;  \/\/\u30dc\u30bf\u30f3\u306e\u30af\u30ea\u30c3\u30af\u78ba\u8a8d\u7528\u30d5\u30e9\u30c3\u30b0\n\nvoid setup() {\n  size(400, 400);\n  rectMode(CENTER);\n  stroke(0);\n}\n\nvoid draw() {\n  background(255);\n\n  \/\/\u30de\u30a6\u30b9\u5ea7\u6a19\u304c\u56db\u89d2\u5f62\u5185\u304b\u3092\u691c\u8a3c\n  if (mouseX &gt; 100 &amp;&amp; mouseX &lt; 300 &amp;&amp; mouseY &gt; 100 &amp;&amp; mouseY &lt; 300)\n  {\n    over = true;  \/\/\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u3057\u3066\u3044\u305f\u3089true\n  } else {          \/\/\u305d\u3046\u3067\u306a\u3051\u308c\u3070\n    over = false;    \/\/\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u30d5\u30e9\u30c3\u30b0\u306ffalse\n  }\n  \n  if(clicked == true){  \/\/\u30af\u30ea\u30c3\u30af\u3055\u308c\u3066\u3044\u305f\u3089\n    fill(0);    \/\/\u9ed2\n  }else if(over == true){  \/\/\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u3057\u3066\u3044\u3066\u30af\u30ea\u30c3\u30af\u306f\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\n    fill(127);  \/\/\u30b0\u30ec\u30fc\n  }else{\n    fill(255);  \/\/\u305d\u308c\u4ee5\u5916\u306f\u767d\n  }\n \n  rect(width\/2, height\/2, 200, 200);\n}\n\nvoid mousePressed() {\n\n  \/\/\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u3057\u3066\u3044\u308c\u3070\n  if (over == true) {\n    clicked = true;  \/\/\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u3057\u3066\u3044\u3066\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3089true\n  } else {\n    clicked = false;  \/\/\u30af\u30ea\u30c3\u30af\u3055\u308c\u3066\u306a\u3051\u308c\u3070false\n  }\n}\n\nvoid mouseReleased() {\n\n  \/\/\u30de\u30a6\u30b9\u3092\u96e2\u3057\u305f\u3089\u30de\u30a6\u30b9clicked\u306ffalse\n  clicked = false;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u3044\u3088\u3044\u3088\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3067\u3059\u3002\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u306e\u4ee3\u8868\u7684\u306a\u3082\u306e&#8230; <a href=\"https:\/\/r-dimension.xsrv.jp\/classes_j\/key_event_mp1\/\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,29],"tags":[],"class_list":["post-3215","post","type-post","status-publish","format-standard","hentry","category-processing","category-i"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/3215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/comments?post=3215"}],"version-history":[{"count":59,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/3215\/revisions"}],"predecessor-version":[{"id":12865,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/3215\/revisions\/12865"}],"wp:attachment":[{"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/media?parent=3215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/categories?post=3215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/tags?post=3215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}