{"id":6522,"date":"2016-09-28T17:07:54","date_gmt":"2016-09-28T08:07:54","guid":{"rendered":"http:\/\/r-dimension.xsrv.jp\/classes_j\/?p=6522"},"modified":"2023-05-17T15:16:00","modified_gmt":"2023-05-17T06:16:00","slug":"three_d_programming1","status":"publish","type":"post","link":"https:\/\/r-dimension.xsrv.jp\/classes_j\/three_d_programming1\/","title":{"rendered":"5.1\u30003D\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b01"},"content":{"rendered":"\n

\u305d\u308c\u3067\u306f\u3001\u3053\u3053\u304b\u3089\u306f3D\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3092\u4f53\u9a13\u3057\u3066\u307f\u307e\u3059\u3002Processing\u306e\u5834\u5408\u30013D\u306e\u6a5f\u80fd\u306f\u57fa\u672c\u7684\u306a\u3082\u306e\u304c\u5b9f\u88c5\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u5de5\u592b\u6b21\u7b2c\u3067\u306f\u30012D\u3067\u306f\u3067\u304d\u306a\u3044\u3088\u3046\u306a\u8868\u73fe\u304c\u53ef\u80fd\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

5.1.1\u3000\u307e\u305a\u306f\u7acb\u4f53\u3092\u63cf\u753b\u3057\u3066\u307f\u308b<\/h1>\n\n\n\n

\u307e\u305a\u306f\u3001\u57fa\u672c\u7684\u306a3D\u30e2\u30c7\u30eb\u3067\u3042\u308b\u7acb\u65b9\u4f53\uff08cube\uff09\u3092\u8868\u793a\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3059\u308b\u3068\u3053\u308d\u304b\u3089\u59cb\u3081\u307e\u3059\u3002
\u3053\u3053\u3067\u306f\u3001processing\u6a19\u6e96\u306e3D\u63cf\u753b\u6a5f\u80fd\u3067\u3042\u308bP3D\u3092\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n\n\n\n\n

\u307e\u305a\u3001\u7acb\u65b9\u4f53\u3092\u8868\u793a\u3057\u307e\u3059\u3010\u56f35.1-a\u3011\u3002<\/p>\n\n\n\n

\"2016_09_28_16_03\"<\/a><\/figure>\n\n\n\n
\u56f35.1-a<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-a<\/div>\n\n\n\n
void setup() {\n  \/\/P3D\u3068\u66f8\u304f\u3053\u3068\u306b\u3088\u3063\u3066\u30013D\u3092\u4f7f\u3046\u3053\u3068\u3092\u660e\u793a\u3059\u308b\n  size(400, 400, P3D);\n}\n \nvoid draw() {\n  background(0);\n \n  translate(width\/2, height\/2);    \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5\n \n  \/\/\u30e9\u30b8\u30a2\u30f3\u3067\u6307\u5b9a\u3002Y\u8ef8\u306b\u5bfe\u3057\u306660\u5ea6\u56de\u8ee2\u30022PI=360\u00b0\u306a\u306e\u3067\u3001PI\/3\u304c60\u5ea6\n  rotateY(PI\/3);\n  box(150, 150, 150);    \/\/150 x 150 x 150px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u753b\n}<\/code><\/pre>\n\n\n\n
\u3010\u30ea\u30b9\u30c85.1-a\u3011\u306e\u30b3\u30fc\u30c9\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002
\u30b5\u30a4\u30ba\u3092\u5ba3\u8a00\u3059\u308b\u969b\u306b\u3001\u672b\u5c3e\u306b\u300cP3D\u300d\u3092\u5ba3\u8a00\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
size(400, 400, P3D);<\/code><\/pre>\n\n\n\n
\u6b21\u306b\u3001\u300ctranslate\u300d\u3092\u4f7f\u3063\u3066\u3001\u4e2d\u5fc3\u70b9\u3092\u79fb\u52d5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
translate(width\/2, height\/2);<\/code><\/pre>\n\n\n\n
\u305d\u3057\u3066\u3001Y\u8ef8\u3092\u4e2d\u5fc3\u306b\u3057\u306660\u5ea6\u56de\u8ee2\u3057\u307e\u3059\u3002360\u00b0\uff1d2PI\u306a\u306e\u3067\u300160\u00b0\uff1dPI\/3\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
rotateY(PI\/3);<\/code><\/pre>\n\n\n\n
\u6700\u5f8c\u306b\u3001150 x 150 x 150px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u753b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
box(150, 150, 150);<\/code><\/pre>\n\n\n\n
5.1.2\u3000x, y, z\u8ef8\u306e\u7406\u89e3<\/h1>\n\n\n\n
\u305d\u308c\u3067\u306f\u3001x, y, z\u8ef8\u306e\u95a2\u4fc2\u6027\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u30023D\u306e\u5834\u5408\u306fz\u8ef8\u304c\u52a0\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\"coordinates\"<\/figure>\n\n\n\n
\u56f35.1-b<\/div>\n\n\n\n
z\u8ef8\u306e\u5024\u3092\u5909\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u4e00\u898b\u7acb\u65b9\u4f53\u304c\u5c0f\u3055\u304f\u306a\u3063\u305f\u304b\u306e\u3088\u3046\u3067\u3059\u304c\u3001\u3053\u308c\u306f\u8996\u70b9\u304b\u3089\u9060\u3056\u304b\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u3002<\/p>\n\n\n\n
\"2016_09_28_16_05\"<\/a><\/figure>\n\n\n\n
\u56f35.1-c<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-b<\/div>\n\n\n\n
void setup() {\n  \/\/P3D\u3068\u66f8\u304f\u3053\u3068\u306b\u3088\u3063\u3066\u30013D\u3092\u4f7f\u3046\u3053\u3068\u3092\u660e\u793a\u3059\u308b\n  size(400, 400, P3D);\n}\n\nvoid draw() {\n  background(0);\n\n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5\u3057\u3001\u5965\u884c\u304d\u3092200px\u3092\u5965\u306b\u3059\u308b\n  translate(width\/2, height\/2, -200);\n\n  \/\/\u30e9\u30b8\u30a2\u30f3\u3067\u6307\u5b9a\u3002Y\u8ef8\u306b\u5bfe\u3057\u306660\u5ea6\u56de\u8ee2\u30022PI=360\u00b0\u306a\u306e\u3067\u3001PI\/3\u304c60\u5ea6\n  rotateY(PI\/3);\n  box(150, 150, 150);    \/\/150 x 150 x 150px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u753b\n}<\/code><\/pre>\n\n\n\n
5.1.3\u3000\u5ea7\u6a19\u7cfb\u306e\u79fb\u52d5\uff08translate\uff09<\/h1>\n\n\n\n
\u524d\u8ff0\u306e\u30b5\u30f3\u30d7\u30eb\u3067translate()\u3092\u4f7f\u3044\u307e\u3057\u305f\u304c\u3001\u5b9f\u306f\u300c4.1\u3000\u5ea7\u6a19\u5909\u63db\u300d\u30672D\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u4f5c\u6210\u306e\u969b\u306b\u3082\u4f7f\u3063\u3066\u3044\u307e\u3059\u30023D\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3067\u306f\u3001\u7269\u4f53\u306e\u79fb\u52d5\u306f\u5ea7\u6a19\u5909\u63db\u304c\u57fa\u672c\u306b\u306a\u308a\u307e\u3059\u3002\u3010\u56f35.1-d\u3011\u306e\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u3092\u63cf\u753b\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u3053\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u306ffor\u6587\u3092\u4f7f\u3063\u3066box\u3092\u8907\u88fd\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
\"2016_09_28_16_09\"<\/a><\/figure>\n\n\n\n
\u56f35.1-d<\/div>\n\n\n\n
translate()\u3092\u4f7f\u3063\u3066\u79fb\u52d5\u3055\u305b\u308b\u306e\u3067\u3059\u304c\u3001\u3053\u308c\u306f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u5358\u4f53\u3092\u79fb\u52d5\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7a7a\u9593\u5168\u4f53\u3092\u79fb\u52d5\u3059\u308b<\/strong>\u306e\u3067\u3057\u305f\u306d\u3002\u3067\u3059\u304b\u3089\u3001\u8907\u6570\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u753b\u9762\u4e0a\u306b\u3042\u308b\u5834\u5408\u306f\u3059\u3079\u3066\u79fb\u52d5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u6b21\u306e\u3088\u3046\u306btranslate()\u3092\u7e70\u308a\u8fd4\u3059\u3068\u3001\u305d\u306e\u5ea7\u6a19\u306f\u52a0\u7b97\u3055\u308c\u307e\u3059\u3002\u63cf\u753b\u3055\u308c\u308b\u305f\u3073\u306b\u57fa\u6e96\u70b9\u304c\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u30ea\u30b9\u30c85.1-c<\/div>\n\n\n\n
void setup() {\n  size(400, 400, P3D);\n}\n\nvoid draw() {\n  background(0);\n\n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5\n  translate(width\/2, height\/2);\n\n  \/\/\u7acb\u65b9\u4f53\u3092\u300130\u30d4\u30af\u30bb\u30eb\u3054\u3068\u306b5\u500b\u751f\u6210\n  for (int i = 0; i < 5; i ++) {\n    translate(30, 0);\n    box(20, 20, 20);    \/\/20 x 20 x 20px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\n  }\n}<\/code><\/pre>\n\n\n\n
5.1.4\u3000\u5ea7\u6a19\u7cfb\u306e\u56de\u8ee2\uff08rotate\uff09<\/h1>\n\n\n\n
\u6b21\u306f\u56de\u8ee2\u3067\u3059\u3002\u56de\u8ee2\u306frotate()\u3092\u4f7f\u3044\u307e\u3059\u3002
rotate()\u3082\u3001translate()\u3068\u540c\u3058\u3088\u3046\u306b\u7a7a\u9593\u5168\u4f53\u3092\u56de\u8ee2\u3057\u307e\u3059\u3002\u56de\u8ee2\u65b9\u5411\u306f\u3010\u56f35.1-e\u3011\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\"rotate_direction\"<\/a><\/figure>\n\n\n\n
\u56f35.1-e<\/div>\n\n\n\n
\u3053\u306e\u30b5\u30f3\u30d7\u30eb\u306fy\u8ef8\u3092\u4e2d\u5fc3\u306b\u56de\u8ee2\u3057\u3066\u3044\u307e\u3059\u3010\u30ea\u30b9\u30c85.1-d\u3011\u3002rotateX(), rotateZ()\u3082\u4f7f\u3063\u3066\u3001\u4ed6\u306e\u8ef8\u3092\u57fa\u6e96\u306b\u3057\u305f\u56de\u8ee2\u3082\u52a0\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
\"2016_09_28_18_16\"<\/a><\/figure>\n\n\n\n
\u56f35.1-f<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-d<\/div>\n\n\n\n
float theta = 0.0;    \/\/\u89d2\u5ea6\n\n\/\/2PI\u3092360\u5ea6\u3067\u5272\u3063\u3066\u3044\u308b\u306e\u3067rad\u306f\u5ea6\u6570\u6cd5\u306e1\u5ea6\u3002\nfloat rad = TWO_PI\/360.0;\n\nvoid setup() {\n  size(400, 400, P3D);\n}\n\nvoid draw() {\n  background(0);\n\n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5\n  translate(width\/2, height\/2);\n  rotateY(theta);    \/\/Y\u8ef8\u306b\u5bfe\u3057\u3066angle\u306e\u6570\u5024\u5206\u3060\u3051\u56de\u8ee2\n  box(150, 150, 150);    \/\/150x150x150px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\n\n  theta += rad;    \/\/\u6642\u9593\u3092\u9032\u3081\u308b\n  \n  \/\/1\u5468\u671f\u5206\u7d42\u308f\u3063\u305f\u3089\u539f\u70b9\u306b\u623b\u308b\n  if (theta > TWO_PI) theta = 0.0;\n}<\/code><\/pre>\n\n\n\n
5.1.5\u3000\u5ea7\u6a19\u7cfb\u306e\u62e1\u5927\u7e2e\u5c0f\uff08scale\uff09<\/h1>\n\n\n\n
\u3082\u3061\u308d\u3093\u3001scale()\u3082\u4f7f\u3048\u307e\u3059\u3002\u5f15\u6570\u306f1.0\u304c\u7b49\u500d\u306a\u306e\u3067\u30012\u500d\u306e\u5834\u5408\u306b\u306f2.0\u306b\u306a\u308a\u307e\u3059\u30023D\u306e\u5834\u5408\u3067\u3082\u30d5\u30a7\u30fc\u30c9\u52b9\u679c\u306f\u9069\u7528\u3067\u304d\u308b\u306e\u3067\u3001\u30d5\u30a7\u30fc\u30c9\u3092\u304b\u3051\u3066\u307f\u307e\u3057\u305f\u3002\u898b\u3048\u65b9\u304c\u304b\u306a\u308a\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\"2016_09_28_18_15\"<\/a><\/figure>\n\n\n\n
\u56f35.1-g<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-e<\/div>\n\n\n\n
float theta = 0.0;    \/\/\u89d2\u5ea6\n \n\/\/2PI\u3092360\u5ea6\u3067\u5272\u3063\u3066\u3044\u308b\u306e\u3067rad\u306f\u5ea6\u6570\u6cd5\u306e1\u5ea6\u3002\nfloat rad = TWO_PI\/360.0;\n \nvoid setup() {\n  size(400, 400, P3D);\n  background(0);\n  noStroke();\n}\n \nvoid draw() {\n  fade(true);\n \n  translate(width\/2, height\/2);    \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5 \n  rotateY(theta);    \/\/Y\u8ef8\u306b\u5bfe\u3057\u3066angle\u306e\u6570\u5024\u5206\u3060\u3051\u56de\u8ee2\n \n  \/\/sin(theta)\u306e\u8a08\u7b97\u7d50\u679c\u306f\u306f-1.0~1.0\u306a\u306e\u3067\u3001+1,0\u30670.0~2.0\u306b\u306a\u308b\n  scale(sin(theta) + 1.0);\n \n  fill(255);\n  box(150, 150, 150);    \/\/150 x 150 x 150px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\n \n  theta += rad;    \/\/\u6642\u9593\u3092\u9032\u3081\u308b\n  if (theta > TWO_PI) theta = 0.0;    \/\/1\u5468\u671f\u5206\u7d42\u308f\u3063\u305f\u3089\u539f\u70b9\u306b\u623b\u308b\n}\n \n\/\/\u30d5\u30a7\u30fc\u30c9\u7528\u95a2\u6570\nvoid fade(boolean _fadeFlag) {\n  if (_fadeFlag) {\n    fill(0, 10);  \/\/\u900f\u660e\u5ea6\u306e\u3042\u308brect\u3092\u63cf\u753b\n    rect(0, 0, width, height);\n  } else {\n    background(0);\n  }\n}<\/code><\/pre>\n\n\n\n
5.1.6\u3000\u5ea7\u6a19\u7cfb\u306e\u4fdd\u5b58<\/h1>\n\n\n\n
\u6b21\u306b\u30013D\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u306b\u304a\u3051\u308b\u5fc5\u9808\u306e\u6982\u5ff5\u3067\u3042\u308b\u3001\u5ea7\u6a19\u7cfb\u306e\u4fdd\u5b58\uff08pushMatrix, popMatrix\uff09\u3067\u3059\u3002\u5b9f\u306f\u3053\u308c\u3082\u300c4.1.5 pushMatrix, popMatrix\uff08\u5ea7\u6a19\u7cfb\u306e\u4fdd\u5b58\u3068\u547c\u3073\u51fa\u3057\uff09\u300d\u3067\u4f53\u9a13\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
\u30fbpushMatrix \u2192 \u73fe\u5728\u306e\u5ea7\u6a19\u7cfb\u3092\u4fdd\u5b58\u3059\u308b
\u30fbpopMatrix \u2192 \u4fdd\u5b58\u3057\u305f\u5ea7\u6a19\u7cfb\u3092\u518d\u5c55\u958b\u3059\u308b<\/strong><\/p>\n\n\n\n
\u3067\u3057\u305f\u306d\u3002<\/p>\n\n\n\n
\u305d\u308c\u3067\u306f\u3001\u3053\u306epushMatrix()\u3068popMatrix()\u3092\u4f7f\u3063\u3066\u8907\u88fd\u3055\u308c\u305fbox\u306e\u5ea7\u6a19\u3092\u6307\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002
X\u8ef8\u65b9\u5411\u306b6\u500b\u4f5c\u6210\u3057\u307e\u3059\u3002\u30dd\u30a4\u30f3\u30c8\u306f\u3001\u56de\u8ee2\u306e\u4e2d\u5fc3\u8ef8\u3092\u4e2d\u592e\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n
\"2016_09_28_17_41\"<\/a><\/figure>\n\n\n\n
\u56f35.1-h<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-f<\/div>\n\n\n\n
float boxSize = 20;    \/\/\u7acb\u65b9\u4f53\u306e\u30b5\u30a4\u30ba\nfloat distance = 30;    \/\/\u7acb\u65b9\u4f53\u540c\u58eb\u306e\u8ddd\u96e2\nfloat halfDis;    \/\/\u7acb\u65b9\u4f53\u540c\u58eb\u306e\u4e00\u8fba\u306e\u5168\u4f53\u306e\u8ddd\u96e2\u306e\u534a\u5206\nint boxNum = 6;    \/\/\u7acb\u65b9\u4f53\u306e\u6570\n\nvoid setup() {\n  size(400, 400, P3D);\n  halfDis = distance*(boxNum - 1)\/2;    \/\/6\u500b\u4e26\u3093\u3060\u969b\u306e\u8ddd\u96e2\u306e\u534a\u5206\n}\n\nvoid draw() {\n  background(0);\n  stroke(255, 0, 0, 100);\n  line(width\/2, 0, width\/2, height);\n  line(0, height\/2, width, height\/2);\n\n  translate(width\/2, height\/2);    \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5   \n  rotateY(radians(mouseX));\n  rotateX(radians(mouseY));\n\n  stroke(0);\n  fill(255);    \n\n  \/\/\u7acb\u65b9\u4f53\u3092\u3001x\u8ef8\u65b9\u5411\u306b30\u30d4\u30af\u30bb\u30eb\u3054\u3068\u306b\u4e26\u3079\u30666\u500b\u751f\u6210\n  for (int x = 0; x < boxNum; x ++) {\n    pushMatrix();\n    translate(x*distance - halfDis, 0, 0);\n    box(boxSize, boxSize, boxSize);    \/\/20x20x20px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u304f\n    popMatrix();\n  }\n}<\/code><\/pre>\n\n\n\n
\u6b21\u306by\u65b9\u5411\u306b\u3082\u8907\u88fd\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\"2016_09_28_17_42\"<\/a><\/figure>\n\n\n\n
\u56f35.1-i<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-g<\/div>\n\n\n\n
float boxSize = 20;    \/\/\u7acb\u65b9\u4f53\u306e\u30b5\u30a4\u30ba\nfloat distance = 30;    \/\/\u7acb\u65b9\u4f53\u540c\u58eb\u306e\u8ddd\u96e2\nfloat halfDis;    \/\/\u7acb\u65b9\u4f53\u540c\u58eb\u306e\u4e00\u8fba\u306e\u5168\u4f53\u306e\u8ddd\u96e2\u306e\u534a\u5206\nint boxNum = 6;    \/\/\u7acb\u65b9\u4f53\u306e\u6570\n\nvoid setup() {\n  size(400, 400, P3D);\n  halfDis = distance*(boxNum - 1)\/2;    \/\/6\u500b\u4e26\u3093\u3060\u969b\u306e\u8ddd\u96e2\u306e\u534a\u5206\n}\n\nvoid draw() {\n  background(0);\n  stroke(255, 0, 0, 100);\n  line(width\/2, 0, width\/2, height);\n  line(0, height\/2, width, height\/2);\n\n  translate(width\/2, height\/2);    \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5   \n  rotateY(radians(mouseX));\n  rotateX(radians(mouseY));\n\n  stroke(0);\n  fill(255);    \n\n  \/\/\u7acb\u65b9\u4f53\u3092\u3001x, y\u8ef8\u65b9\u5411\u306b30\u30d4\u30af\u30bb\u30eb\u3054\u3068\u306b\u4e26\u3079\u30666\u500b\u751f\u6210\n  for (int y = 0; y < boxNum; y ++) {    \n    for (int x = 0; x < boxNum; x ++) {\n      pushMatrix();\n      translate(x*distance - halfDis, y*distance - halfDis, 0);\n      box(boxSize, boxSize, boxSize);    \/\/20x20x20px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u304f\n      popMatrix();\n    }\n  }\n}\n\ufeff<\/code><\/pre>\n\n\n\n
\u3053\u306e\u8981\u9818\u3067z\u65b9\u5411\u306b\u3082\u8907\u88fd\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\"2016_09_28_17_43\"<\/a><\/figure>\n\n\n\n
\u56f35.1-j<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-h<\/div>\n\n\n\n
float boxSize = 20;    \/\/\u7acb\u65b9\u4f53\u306e\u30b5\u30a4\u30ba\nfloat distance = 30;    \/\/\u7acb\u65b9\u4f53\u540c\u58eb\u306e\u8ddd\u96e2\nfloat halfDis;    \/\/\u7acb\u65b9\u4f53\u540c\u58eb\u306e\u4e00\u8fba\u306e\u5168\u4f53\u306e\u8ddd\u96e2\u306e\u534a\u5206\nint boxNum = 6;    \/\/\u7acb\u65b9\u4f53\u306e\u6570\n\nvoid setup() {\n  size(400, 400, P3D);\n  halfDis = distance*(boxNum - 1)\/2;    \/\/6\u500b\u4e26\u3093\u3060\u969b\u306e\u8ddd\u96e2\u306e\u534a\u5206\n}\n\nvoid draw() {\n  background(0);\n  stroke(255, 0, 0, 100);\n  line(width\/2, 0, width\/2, height);\n  line(0, height\/2, width, height\/2);\n\n  translate(width\/2, height\/2);    \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5   \n  rotateY(radians(mouseX));\n  rotateX(radians(mouseY));\n\n  stroke(0);\n  fill(255, 255, 255);    \n\n  \/\/\u7acb\u65b9\u4f53\u3092\u3001x, y, z\u8ef8\u65b9\u5411\u306b30\u30d4\u30af\u30bb\u30eb\u3054\u3068\u306b\u4e26\u3079\u30666\u500b\u751f\u6210\n  for (int z = 0; z < boxNum; z ++) { \n    for (int y = 0; y < boxNum; y ++) { \n      for (int x = 0; x < boxNum; x ++) {\n        pushMatrix();\n        translate(x*distance - halfDis, y*distance - halfDis, z*distance - halfDis);\n        box(boxSize, boxSize, boxSize);    \/\/20x20x20px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u304f\n        popMatrix();\n      }\n    }\n  }\n}<\/code><\/pre>\n\n\n\n
5.1.7\u3000\u56de\u8ee2\u3057\u305f\u5ea7\u6a19\u7cfb\u306e\u4fdd\u5b58<\/h1>\n\n\n\n
\u56de\u8ee2\uff08rotate\uff09\u306e\u5834\u5408\u3082translate()\u3068\u8003\u3048\u65b9\u306f\u4e00\u7dd2\u3067\u3059\u3002\u4e00\u3064\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u56de\u8ee2\u3055\u305b\u308b\u305f\u3073\u306b\u3001pushMatrix()\u3068popMatrix()\u3092\u4f7f\u3046\u3068\u3001x, y, z\u5ea7\u6a19\u306f\u305d\u306e\u307e\u307e\u3067\u305d\u308c\u305e\u308c\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u56de\u8ee2\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\"2016_09_28_17_49\"<\/a><\/figure>\n\n\n\n
\u56f35.1-k<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-i<\/div>\n\n\n\n
void setup() {\n  size(400, 400, P3D);\n}\n \nvoid draw() {\n  background(0);\n \n  for (int i = 0; i < 3; i++) { \n    pushMatrix();\n    translate((i + 1)*100, height\/2);    \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u79fb\u52d5 \n    rotateY(radians(mouseX));    \/\/y\u8ef8\u306b\u5bfe\u3057\u3066angle\u306e\u6570\u5024\u5206\u3060\u3051\u56de\u8ee2\n    box(50, 50, 50);    \/\/50x50x50px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\n    popMatrix();\n  }\n}\n\ufeff<\/code><\/pre>\n\n\n\n
5.1.8\u3000vertex\uff08\u9802\u70b9\uff09\u3092\u4f7f\u7528\u3057\u305f\u56f3\u5f62\u306e\u63cf\u753b<\/h1>\n\n\n\n
\u3053\u3053\u3067\u306f\u3001vertex\uff08\u9802\u70b9\uff09\u3092\u4f7f\u7528\u3057\u3066\u56f3\u5f62\u3092\u81ea\u4f5c\u3057\u3066\u307f\u307e\u3059\u3002\u30b5\u30f3\u30d7\u30eb\u306f\u5206\u304b\u308a\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306b\u57fa\u672c\u56f3\u5f62\u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u304c\u3001vertex\u3092\u4f7f\u3046\u3068\u69d8\u3005\u306a\u5f62\u306e\u56f3\u5f62\u3092\u63cf\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u307e\u305a\u306f\u3001beginShape()\u3067\u5f62\u3092\u63cf\u304f\u3053\u3068\u3092\u5ba3\u8a00\u3057vertex(x, y)\u3067\u4e00\u3064\u305a\u3064\u9802\u70b9\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002
vertex\u306e\u63cf\u753b\u306b\u306f\u6b21\u306e\u30eb\u30fc\u30eb\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u30fbvertex\u306e\u9802\u70b9\u3092\u3064\u306a\u3050\u9806\u756a\u306f\u6642\u8a08\u56de\u308a\u3067\u3082\u53cd\u6642\u8a08\u56de\u308a\u3067\u3082\u3044\u3044
\u30fb\u4f55\u70b9\u3067\u3082\u4f5c\u308b\u3053\u3068\u304c\u3067\u304d\u308b
\u30fbendShape(CLOSE)\u3067\u56f3\u5f62\u3092\u9589\u3058\u308b<\/strong><\/p>\n\n\n\n
\"2016_09_28_18_53\"<\/a><\/figure>\n\n\n\n
\u56f35.1-l<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-j<\/div>\n\n\n\n
size(400, 400, P3D);\n \nbeginShape();\nvertex(20, 20);\nvertex(120, 20);\nvertex(180, 180);\nvertex(20, 120);\nendShape(CLOSE);<\/code><\/pre>\n\n\n\n
\u6b21\u306b\u3001vertex\u3067\u56db\u89d2\u5f62\u3092\u63cf\u3044\u3066\u307f\u307e\u3059\u3002QUADS\u3092\u5ba3\u8a00\u3059\u308b\u5834\u5408\u306b\u306f\u3001\u5fc5\u305avertex\u306e\u6570\u304c4\u306e\u500d\u6570\u306b\u306a\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
\"2016_09_28_19_01\"<\/a><\/figure>\n\n\n\n
\u56f35.1-m<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-k<\/div>\n\n\n\n
void setup() {\n  size(400, 400, P3D);\n}\n\nvoid draw() {\n  background(0);\n  translate(width\/2, height\/2);    \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5  \n  \/\/y\u8ef8\u306b\u5bfe\u3057\u3066\u30de\u30a6\u30b9\u306eX\u8ef8\u306e\u52d5\u304d\u306b\u3088\u3063\u3066\u89d2\u5ea6\u3092\u5909\u3048\u308b\n  rotateY(radians(mouseX));\n\n  fill(255);\n\n  beginShape(QUADS);    \/\/\u56db\u89d2\u5f62\u3092\u63cf\u304f\u3053\u3068\u3092\u5ba3\u8a00\u3059\u308b\n  \/\/\u6b63\u9762\n  vertex(100, 50, 0);  \/\/\u4e00\u70b9\u305a\u3064\u9806\u756a\u306b\u5ea7\u6a19\u3092\u6307\u5b9a\u3059\u308b\n  vertex(100, -50, 0);\n  vertex(-100, -50, 0);\n  vertex(-100, 50, 0);\n\n  \/\/\u7e26\n  vertex(0, 50, 100);  \/\/\u4e00\u70b9\u305a\u3064\u9806\u756a\u306b\u5ea7\u6a19\u3092\u6307\u5b9a\u3059\u308b\n  vertex(0, -50, 100);\n  vertex(0, -50, -100);\n  vertex(0, 50, -100);\n  endShape();    \/\/\u56db\u89d2\u5f62\u3092\u9589\u3058\u308b\n}<\/code><\/pre>\n\n\n\n
5.1.9\u3000\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u6620\u50cf\u30683D<\/h1>\n\n\n\n
3D\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u3068\u30d3\u30c7\u30aa\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3068\u3001\u53d6\u308a\u8fbc\u3093\u3060\u6620\u50cf\u3092\u7acb\u4f53\u7684\u306b\u8868\u793a\u3067\u304d\u305f\u308a\u3082\u3057\u307e\u3059\u3002\u8208\u5473\u304c\u3042\u308b\u4eba\u306f\u81ea\u5206\u3067\u52c9\u5f37\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
\u6ce8\u610f\uff01\u3000\u4ee5\u4e0b\u306e\u30b5\u30f3\u30d7\u30eb\u306f2020\u5e746\u6708\u73fe\u5728\u3001macOS Catalina\u3067\u306f\u30a8\u30e9\u30fc\u304c\u51fa\u307e\u3059\u3002Windows\u3067\u306f\u52d5\u304f\u3068\u601d\u3044\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n
\"2017_01_03_22_19\"<\/a><\/figure>\n\n\n\n
\u56f35.1-n<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.1-l<\/div>\n\n\n\n
import processing.video.*;    \/\/\u30d3\u30c7\u30aa\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\n \nCapture video;\n \nvoid setup() {\n  size(640, 480, P3D);\n  video = new Capture(this, 80, 60, 60);\n  noStroke();\n  video.start();\n}\n \nvoid draw() {\n  lights();\n  background(0);\n  \/\/\u753b\u9762\u4e2d\u592e\u306b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u304f\u308b\u3088\u3046\u306b\u79fb\u52d5\u3059\u308b\n  translate(width\/2, height\/2, -200.0);\n \n  \/\/\u30de\u30a6\u30b9\u306e\u52d5\u304d\u306b\u3088\u3063\u3066\u89d2\u5ea6\u304c\u5909\u308f\u308b\u3002\n  rotateX(radians(-mouseY));\n  rotateY(radians(mouseX));\n \n  if (video.available()) {  \/\/\u3082\u3057\u30ad\u30e3\u30d7\u30c1\u30e3\u304c\u3067\u304d\u305f\u3089\u3001\n    video.read(); \/\/\u30d3\u30c7\u30aa\u30d5\u30ec\u30fc\u30e0\u306e\u8aad\u307f\u8fbc\u307f\n    video.loadPixels(); \/\/\u30d3\u30c7\u30aa\u306e\u30d4\u30af\u30bb\u30eb\u3092\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\n \n    \/\/1\u30d4\u30af\u30bb\u30eb\u3054\u3068\u306b\u8272\u3092\u8abf\u3079\u308b\u3002\n    for (int y = 0; y < video.height; y ++) {\n      for (int x = 0; x < video.width; x ++) {\n        \/\/\u30d3\u30c7\u30aa\u306e\u30d4\u30af\u30bb\u30eb\u3092\u629c\u304d\u51fa\u3059\n        int pixelColor = video.pixels[y*video.width + x];\n \n        \/\/\u8d64\u3001\u7dd1\u3001\u9752\u3092\u305d\u308c\u305e\u308c\u62bd\u51fa\u3059\u308b\u3002\u4ee5\u4e0b\u306e3\u884c\u306f\u30d3\u30c3\u30c8\u30b7\u30d5\u30c8\u3068\u3044\u3063\u3066\u3001\n        \/\/\u7406\u89e3\u3059\u308b\u306e\u304c\u7d50\u69cb\u5927\u5909\u306a\u306e\u3067\u3001\u3053\u3053\u3067\u306f\u8a73\u7d30\u306f\u8aac\u660e\u3057\u306a\u3044\u3002\n        int r = (pixelColor >> 16) & 0xff;\n        int g = (pixelColor >> 8) & 0xff;\n        int b = pixelColor & 0xff;\n \n        pushMatrix();    \/\/\u5ea7\u6a19\u3092\u4fdd\u5b58\n        translate(x*8 - width\/2, y*8 - height\/2, 0.0);        \n        fill(r, g, b);    \/\/\u8272\u3092\u9069\u5fdc\u3055\u305b\u308b\n        \/\/\u76f4\u65b9\u4f53\u3092\u4f5c\u6210\u3002\u624b\u524d\u304b\u3089\u5965\u306e\u9577\u3055\u306f\u3001\u8272\u306b\u3088\u3063\u3066\u5909\u5316\u3059\u308b\u3002\u6700\u5927\u5024\u306f300\u3002\n        \/\/\u9ed2\u306e\u3068\u304d\u306b300\u3001\u767d\u306e\u3068\u304d\u306b0\u306b\u306a\u308b\u3002\n        box(7, 7, float((255 - r)*(255 - g)*(255-b))\/pow(255.0, 3)*300.0);\n        popMatrix();    \/\/\u5ea7\u6a19\u3092\u5fa9\u5e30\n      }\n    }\n  }\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u305d\u308c\u3067\u306f\u3001\u3053\u3053\u304b\u3089\u306f3D\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3092\u4f53\u9a13\u3057\u3066\u307f\u307e\u3059\u3002Pr… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,27],"tags":[],"class_list":["post-6522","post","type-post","status-publish","format-standard","hentry","category-processing","category-27"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/6522","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=6522"}],"version-history":[{"count":42,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/6522\/revisions"}],"predecessor-version":[{"id":13182,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/6522\/revisions\/13182"}],"wp:attachment":[{"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/media?parent=6522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/categories?post=6522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/tags?post=6522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}