{"id":6553,"date":"2016-09-29T04:09:07","date_gmt":"2016-09-28T19:09:07","guid":{"rendered":"http:\/\/r-dimension.xsrv.jp\/classes_j\/?p=6553"},"modified":"2022-05-19T12:23:15","modified_gmt":"2022-05-19T03:23:15","slug":"three_d_programming2","status":"publish","type":"post","link":"https:\/\/r-dimension.xsrv.jp\/classes_j\/three_d_programming2\/","title":{"rendered":"5.2\u30003D\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b02"},"content":{"rendered":"\n

\u524d\u7bc0\u3067\u306f\u57fa\u672c\u7684\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u3001\u5ea7\u6a19\u7cfb\u306e\u79fb\u52d5\u3001\u56de\u8ee2\u3001\u62e1\u5927\u7e2e\u5c0f\u3092\u5b66\u3073\u307e\u3057\u305f\u3002\u3053\u306e\u7bc0\u3067\u306f\u3001\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\u306e\u6f14\u51fa\u3084\u30ab\u30e1\u30e9\u306e\u8a2d\u5b9a\u3092\u4f53\u9a13\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

5.2.1\u3000\u30e9\u30a4\u30c8<\/h1>\n\n\n\n

\u3053\u3053\u3067\u306f\u3001processing\u306e3D\u7a7a\u9593\u4e0a\u3067\u30e9\u30a4\u30c8\u3092\u4f7f\u3063\u3066\u307f\u307e\u3059\u3002\u30e9\u30a4\u30c8\u3068\u3044\u3063\u3066\u3082\u3001\u74b0\u5883\u5149\u3001\u65b9\u5411\u5149\u3001\u30b9\u30dd\u30c3\u30c8\u30e9\u30a4\u30c8\u3001\u30cf\u30a4\u30e9\u30a4\u30c8\u306a\u3069\u69d8\u3005\u306a\u8981\u7d20\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u307e\u305a\u306f\u3001\u4e00\u756a\u57fa\u672c\u7684\u306a\u30e9\u30a4\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n

\"2016_09_28_19_59\"<\/a><\/figure>\n\n\n\n
\u56f35.2-a<\/div>\n\n\n\n\n\n\n\n
\u30ea\u30b9\u30c85.2-a<\/div>\n\n\n\n
float theta = 0.0;    \/\/\u89d2\u5ea6\n\n\/\/1\u79d2\u30671\u56de\u8ee2\u3059\u308b\u3088\u3046\u306b30\u3067\u5272\u308b\u3002\u5ea6\u6570\u6cd5\u3060\u306812\u00b0\n\/\/\u66f4\u306b6\u3067\u5272\u308b\u30681\u5468\u671f6\u79d2\nfloat rad = (TWO_PI\/30.0)\/6;\n\nvoid setup() {\n  size(400, 400, P3D);\n  frameRate(30);  \/\/1\u79d230\u30d5\u30ec\u30fc\u30e0\n  noStroke();\n}\n\nvoid draw() {\n  background(0);\n  lights();    \/\/\u57fa\u672c\u30e9\u30a4\u30c8\u3092\u8a2d\u7f6e\n\n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5\n  translate(width\/2, height\/2); \n  rotateX(theta);  \/\/X\u8ef8\u306b\u5bfe\u3057\u3066theta\u5206\u3060\u3051\u56de\u8ee2\n  rotateY(theta);  \/\/Y\u8ef8\u306b\u5bfe\u3057\u3066theta\u5206\u3060\u3051\u56de\u8ee2\n  box(150, 150, 150);  \/\/150x150x150px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u753b\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}<\/code><\/pre>\n\n\n\n
\u3053\u308c\u3067\u3001\u9670\u5f71\u304c\u4ed8\u3044\u305f\u3053\u3068\u304c\u78ba\u8a8d\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
5.2.2\u3000\u74b0\u5883\u5149<\/h1>\n\n\n\n
\u6b21\u306b\u74b0\u5883\u5149\uff08ambient light\uff09\u3092\u518d\u73fe\u3057\u3066\u307f\u307e\u3059\u3002\u74b0\u5883\u5149\u306f\u65b9\u5411\u6027\u3092\u6301\u305f\u306a\u3044\u5149\u3067\u3059\u3002\u5168\u4f53\u3092\u307e\u3093\u3079\u3093\u306a\u304f\u7167\u3089\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u9670\u5f71\u306f\u4ed8\u304d\u307e\u305b\u3093\u3002\u69cb\u6587\u306f\u6b21\u306e\u5f62\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\/\/ambientLight(\u8d64, \u7dd1, \u9752)\nambientLight(red, green, blue);<\/code><\/pre>\n\n\n\n
\"ambient_light\"<\/a><\/figure>\n\n\n\n
\u56f35.2-b<\/div>\n\n\n\n
\"2016_09_28_20_08\"<\/a><\/figure>\n\n\n\n
\u56f35.2-c<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-b<\/div>\n\n\n\n
float theta = 0.0;    \/\/\u89d2\u5ea6\n \n\/\/1\u79d2\u30671\u56de\u8ee2\u3059\u308b\u3088\u3046\u306b30\u3067\u5272\u308b\u3002\u5ea6\u6570\u6cd5\u3060\u306812\u00b0\n\/\/\u66f4\u306b6\u3067\u5272\u308b\u30681\u5468\u671f6\u79d2\nfloat rad = (TWO_PI\/30.0)\/6;\n \nvoid setup() {\n  size(400, 400, P3D);\n  frameRate(30);  \/\/1\u79d230\u30d5\u30ec\u30fc\u30e0\n  noStroke();\n}\n \nvoid draw() {\n  background(0);\n  ambientLight(127, 0, 0);  \/\/\u8d64\u306e\u74b0\u5883\u5149\n \n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u79fb\u52d5\n  translate(width\/2, height\/2); \n  rotateX(theta);  \/\/X\u8ef8\u306b\u5bfe\u3057\u3066theta\u5206\u3060\u3051\u56de\u8ee2\n  rotateY(theta);  \/\/Y\u8ef8\u306b\u5bfe\u3057\u3066theta\u5206\u3060\u3051\u56de\u8ee2\n  box(150, 150, 150);  \/\/150x150x150px\u306e\u7acb\u65b9\u4f53\u3092\u63cf\u753b\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}<\/code><\/pre>\n\n\n\n
5.2.3\u3000\u305d\u306e\u4ed6\u306e\u30bf\u30a4\u30d7\u306e\u30e9\u30a4\u30c8<\/h1>\n\n\n\n
Processing\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u30e9\u30a4\u30c8\u306e\u30bf\u30a4\u30d7\u306f\u65b9\u5411\u5149\u3001\u70b9\u5149\u6e90\u3084\u30b9\u30dd\u30c3\u30c8\u30e9\u30a4\u30c8\u306a\u3069\u305d\u308c\u305e\u308c\u7279\u8272\u304c\u3042\u308a\u3001\u305d\u308c\u3089\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u4f7f\u3046\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
\u25cf\u65b9\u5411\u5149\uff08directionalLight\uff09<\/h4>\n\n\n\n
\u65b9\u5411\u5149\uff08directional light\uff09\u306f\u4e00\u5b9a\u306e\u65b9\u5411\u3092\u6301\u3063\u305f\u30e9\u30a4\u30c8\u3067\u3001\u7269\u4f53\u3092\u307e\u3093\u3079\u3093\u306a\u304f\u7167\u3089\u3057\u307e\u3059\u3002nx, ny, nz\u3067\u306f\u3001\u5149\u304c\u5411\u304b\u3063\u3066\u3044\u308b\u65b9\u5411<\/strong>\u3092-1.0 ~ 1.0\u306e\u9593\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\/\/directionalLight(\u8d64, \u7dd1, \u9752, x\u65b9\u5411, y\u65b9\u5411, z\u65b9\u5411)\ndirectionalLight(red, green, blue, nx, ny, nz);<\/code><\/pre>\n\n\n\n
\"directional_light\"<\/a><\/figure>\n\n\n\n
\u56f35.2-d<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-c<\/div>\n\n\n\n
void setup() {\n  size(400, 400, P3D);\n  noStroke();\n}\n\nvoid draw() {\n  background(0);\n\n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u3059\u308b\n  translate(width \/ 2, height \/ 2);\n\n  \/\/directionalLight(\u8d64, \u7dd1, \u9752, x\u65b9\u5411, y\u65b9\u5411, z\u65b9\u5411);\n  \/\/x, y, z\u65b9\u5411\u306f\u5149\u6e90\u304c\u7167\u3089\u3059\u65b9\u5411\u3002-1.0 ~ 1.0\n  directionalLight(0, 255, 0, 1.0, 1.0, 0.0);\n  \n  sphere(75);  \/\/\u7403\u3092\u63cf\u753b\n}<\/code><\/pre>\n\n\n\n
\u25cf\u70b9\u5149\u6e90\uff08pointLight\uff09<\/h4>\n\n\n\n
pointLight\u306f\u96fb\u7403\u306e\u3088\u3046\u306b\u4e00\u7b87\u6240\u304b\u3089\u62e1\u6563\u3059\u308b\u5149\u3067\u3059\u3002<\/p>\n\n\n\n
\/\/pointLight(\u8d64, \u7dd1, \u9752, x\u5ea7\u6a19, y\u5ea7\u6a19, z\u5ea7\u6a19);\npointLight(red, green, blue, x, y, z);<\/code><\/pre>\n\n\n\n
\"point_light\"<\/a><\/figure>\n\n\n\n
\u56f35.2-e<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-d<\/div>\n\n\n\n
void setup() {\n  size(400, 400, P3D);\n  noStroke();\n}\n\nvoid draw() {\n  background(0);\n\n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u3059\u308b\n  translate(width \/ 2, height \/ 2);\n\n  \/\/pointLight(\u8d64, \u7dd1, \u9752, x\u5ea7\u6a19, y\u5ea7\u6a19, z\u5ea7\u6a19);\n  pointLight(255, 0, 0, -200, 0, 200);\n  \n  sphere(75);  \/\/\u7403\u3092\u63cf\u753b\n}<\/code><\/pre>\n\n\n\n
\u25cf\u30b9\u30dd\u30c3\u30c8\u30e9\u30a4\u30c8\uff08spotLight\uff09<\/h4>\n\n\n\n
spotLight\u306f\u305d\u306e\u540d\u306e\u901a\u308a\u3001\u4e00\u5b9a\u65b9\u5411\u306b\u5f37\u3044\u5149\u3092\u3042\u3066\u308b\u30e9\u30a4\u30c8\u3067\u3059\u3002directionalLight\u3084pointLight\u3068\u6bd4\u3079\u308b\u3068\u3001\u7d30\u304b\u3044\u8a2d\u5b9a\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n
spotLight(red, green, bule, \/\/\u8d64, \u7dd1, \u9752\n          x, y, z,          \/\/\u5149\u6e90\u306ex, y, z\u5ea7\u6a19\n          nx, ny, nz,       \/\/\u5149\u306e\u65b9\u5411\n          angle,            \/\/\u30b9\u30dd\u30c3\u30c8\u306e\u89d2\u5ea6\uff08\u3053\u3053\u3067\u306f20\u00b0\uff09\n          concentration);   \/\/\u5149\u306e\u96c6\u307e\u308a\u5ea6\u5408\u3044\u3002\u6570\u5024\u304c\u5c0f\u3055\u3044\u3068\u5f37\u304f\u4e00\u70b9\u306b\u96c6\u307e\u308b<\/code><\/pre>\n\n\n\n
\"spot_light\"<\/a><\/figure>\n\n\n\n
\u56f35.2-f<\/div>\n\n\n\n
\u6b21\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u306f\u30013\u7a2e\u985e\u306e\u30e9\u30a4\u30c8\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3010\u30ea\u30b9\u30c85.2-c\u3011\u3002<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\u56f35.2-g<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-e<\/div>\n\n\n\n
float angle = 0.25;  \/\/\u30b9\u30dd\u30c3\u30c8\u306e\u89d2\u5ea6\nfloat diffusion = 0.5;  \/\/\u5149\u304c\u62e1\u6563\u3059\u308b\u5ea6\u5408\u3044\n\nvoid setup() {\n  size(400, 400, P3D);\n  noStroke();\n}\n\nvoid draw() {\n  background(0);\n\n  \/\/\u7acb\u4f53\u306e\u4e2d\u5fc3\u3092\u753b\u9762\u4e2d\u592e\u306b\u3059\u308b\n  translate(width \/ 2, height \/ 2);\n\n  spotLight(0, 0, 255, \/\/\u8d64, \u7dd1, \u9752\n    0, -200, 200, \/\/\u5149\u6e90\u306ex, y, z\u5ea7\u6a19\n    0, 1.0, -1.0, \/\/\u5149\u6e90\u304c\u7167\u3089\u3059\u65b9\u5411\u3002-1.0 ~ 1.0\n    angle, \/\/\u30b9\u30dd\u30c3\u30c8\u306e\u89d2\u5ea6\n    diffusion);          \/\/\u5149\u304c\u62e1\u6563\u3059\u308b\u5ea6\u5408\u3044\n\n  sphere(75);  \/\/\u7403\u3092\u63cf\u753b\n}\n\nvoid keyPressed() {\n\n  if (key == CODED) {\n    if (keyCode == UP)\n      angle += 0.05;    \/\/\u30b9\u30dd\u30c3\u30c8\u306e\u89d2\u5ea6\u3092\u62e1\u5927\n    else if (keyCode == DOWN)\n      angle -= 0.05;    \/\/\u30b9\u30dd\u30c3\u30c8\u306e\u89d2\u5ea6\u3092\u7e2e\u5c0f\n    else if (keyCode == RIGHT)\n      diffusion += 5.0;  \/\/\u62e1\u6563\u5ea6\u5408\u3044\u3092\u62e1\u5927\n    else if (keyCode == LEFT)\n      diffusion -= 5.0;  \/\/\u62e1\u6563\u5ea6\u5408\u3044\u3068\u7e2e\u5c0f\n  }\n}<\/code><\/pre>\n\n\n\n
5.2.4\u3000\u30cf\u30a4\u30e9\u30a4\u30c8\u3068\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u8272<\/h1>\n\n\n\n
\u69d8\u3005\u306a\u7a2e\u985e\u306e\u30e9\u30a4\u30c8\u304c\u3042\u308a\u307e\u3057\u305f\u304c\u3001\u6b21\u306f\u5149\u6e90\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\u3092\u6307\u5b9a\u3059\u308blightSpecular()\u3068\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\u3092\u8a2d\u5b9a\u3059\u308bspecular()\u3092\u4f7f\u3044\u307e\u3059\u3002\u4f3c\u305f\u540d\u79f0\u3067\u6df7\u540c\u3057\u3084\u3059\u3044\u306e\u3067\u3059\u304c\u3001\u53cd\u5c04\u6210\u5206\u304c\u5149\u6e90\u3068\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u3069\u3061\u3089\u306b\u5c5e\u3057\u3066\u3044\u308b\u304b\u306e\u9055\u3044\u3067\u3059\u3002<\/p>\n\n\n\n
\/\/lightSpecular(\u8d64, \u7dd1, \u9752)\nlightSpecular(red, green, blue);   \/\/\u5149\u6e90\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\n\n\/\/specular(\u8d64, \u7dd1, \u9752)\nspecular(red, green, blue);        \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206<\/code><\/pre>\n\n\n\n
\"10_6_15__1_35_AM\"<\/figure>\n\n\n\n
\u56f35.2-h<\/div>\n\n\n\n
\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3010\u30ea\u30b9\u30c85.2-d\u3011\u3002<\/p>\n\n\n\n
\u30ea\u30b9\u30c85.2-f<\/div>\n\n\n\n
boolean lightFlag = false;\n\nvoid setup() {\n  size(400, 400, P3D);\n  background(0);\n  noStroke();\n}\n\nvoid draw() {\n  background(0);\n\n  ambientLight(10, 10, 10);    \/\/\u74b0\u5883\u5149\n\n  pushMatrix();\n  translate(width\/2, height\/2, 0);\n\n  \/\/directionalLight\u3000\u5149\u6e90\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\u3092\u8a2d\u5b9a\n  lightSpecular(255, 255, 255);\n\n  \/\/\u65b9\u5411\u5149\u3092\u8a2d\u5b9a\n  directionalLight(255, 255, 255, -1, 1, -1);\n\n  \/\/\u53cd\u5c04\u9762\u306e\u5f37\u3044\u30cf\u30a4\u30e9\u30a4\u30c8\u3092\u8a2d\u5b9a\n  if (lightFlag == true)specular(255, 255, 255);\n  else specular(50, 50, 50);    \/\/\u53cd\u5c04\u9762\u306e\u5f31\u3044\u30cf\u30a4\u30e9\u30a4\u30c8\u3092\u8a2d\u5b9a\n\n  sphere(100);\n  popMatrix();\n}\n\n\/\/lightSpecular\u306e\u5207\u308a\u66ff\u3048\u7528\u30d5\u30e9\u30c3\u30b0\nvoid mousePressed() {\n  if (lightFlag == true) lightFlag = false;\n  else lightFlag = true;\n}<\/code><\/pre>\n\n\n\n
\u30af\u30ea\u30c3\u30af\u3067specular\u306e\u5024\u304c\u5909\u308f\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070specular(50, 50, 50)\u306e\u5834\u5408\u3001\u30cf\u30a4\u30e9\u30a4\u30c8\u306f\u7de9\u3084\u304b\u306b\u306a\u308a\u3001specular(255, 255, 255)\u306e\u5834\u5408\u306f\u30cf\u30a4\u30e9\u30a4\u30c8\u304c\u5f37\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u6b21\u306b\u3001\u3075\u305f\u3064\u306e\u7403\u305d\u308c\u305e\u308c\u306bspecular()\u3092\u8a2d\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n
\"2016_09_29_0_16\"<\/a><\/figure>\n\n\n\n
\u56f35.2-i<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-g<\/div>\n\n\n\n
float angle = 0.0;\n \nvoid setup() {\n  size(400, 400, P3D);\n  background(0);\n  noStroke();\n}\n \nvoid draw() {\n  background(0);\n \n  ambientLight(20, 20, 20);    \/\/\u74b0\u5883\u5149\u3092\u5f53\u3066\u308b\n  \/\/\u5149\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\uff08\u30cf\u30a4\u30e9\u30a4\u30c8\uff09\u3092\u8a2d\u5b9a\n  lightSpecular(255, 255, 255);\n  \/\/\u65b9\u5411\u5149\u3092\u8a2d\u5b9a\n  directionalLight(100, 100, 100, 0, 1, -1);\n \n  \/\/\u5de6\u306e\u7403\n  pushMatrix();\n  translate(100, height\/2, 0);\n  specular(255, 0, 0);  \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\n  sphere(50);\n  popMatrix();\n \n  \/\/\u53f3\u306e\u7403\n  pushMatrix();\n  translate(300, height\/2, 0);\n  specular(0, 0, 255);  \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\n  sphere(50);\n  popMatrix();\n}<\/code><\/pre>\n\n\n\n
5.2.5\u3000\u5149\u6ca2<\/h1>\n\n\n\n
\u91d1\u5c5e\u306e\u3088\u3046\u306a\u5149\u6ca2\u306fshininess()\u3067\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\"2016_09_29_0_19\"<\/a><\/figure>\n\n\n\n
\u56f35.2-j<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-h<\/div>\n\n\n\n
float angle = 0.0;\n \nvoid setup() {\n  size(400, 400, P3D);\n  background(0);\n  noStroke();\n}\n \n \nvoid draw() {\n  background(0);\n \n  ambientLight(20, 20, 20);    \/\/\u74b0\u5883\u5149\u3092\u5f53\u3066\u308b\n  \/\/\u5149\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\uff08\u30cf\u30a4\u30e9\u30a4\u30c8\uff09\u3092\u8a2d\u5b9a\n  lightSpecular(255, 255, 255);\n  \/\/\u65b9\u5411\u5149\u3092\u8a2d\u5b9a\n  directionalLight(100, 100, 100, 0, 1, -1);\n \n  \/\/\u5de6\u306e\u7403\n  pushMatrix();\n  translate(100, height\/2, 0);\n  specular(200, 200, 200);  \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\u3092\u8a2d\u5b9a\n  shininess(5.0);    \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u5149\u6ca2\u3092\u8a2d\u5b9a\n  sphere(50);\n  popMatrix();\n \n  \/\/\u53f3\u306e\u7403\n  pushMatrix();\n  translate(300, height\/2, 0);\n  specular(200, 200, 200);  \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u93e1\u9762\u53cd\u5c04\u6210\u5206\u3092\u8a2d\u5b9a\n  shininess(1.0);    \/\/\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u5149\u6ca2\u3092\u8a2d\u5b9a\n  sphere(50);\n  popMatrix();\n}<\/code><\/pre>\n\n\n\n
5.2.6\u3000\u30ab\u30e1\u30e9<\/h1>\n\n\n\n
\u3053\u3053\u3067\u306f\u30ab\u30e1\u30e9\u3092\u8a2d\u7f6e\u3057\u3066\u3001\u7a7a\u9593\u306e\u898b\u3048\u65b9\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002
\u6a19\u6e96\u306e\u30ab\u30e1\u30e9\u306fcamera()\u3092\u4f7f\u3044\u307e\u3059\u3002\u8996\u70b9\u3068\u4e2d\u5fc3\u70b9\u3001\u5929\u5730\u304c\u3069\u306e\u65b9\u5411\u304b\uff08\u901a\u5e38\u306fY\u304c\u5929\uff09\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\/\/camera(\u8996\u70b9X, \u8996\u70b9Y, \u8996\u70b9Z, \u4e2d\u5fc3\u70b9X, \u4e2d\u5fc3\u70b9Y, \u4e2d\u5fc3\u70b9Z, \u5929\u5730X, \u5929\u5730Y, \u5929\u5730Z)\ncamera(eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ);<\/code><\/pre>\n\n\n\n
\"2016_09_29_3_09\"<\/a><\/figure>\n\n\n\n
\u56f35.2-k<\/div>\n\n\n\n
\u30b3\u30fc\u30c9\u306f\u3010\u30ea\u30b9\u30c85.2-g\u3011\u306b\u306a\u308a\u307e\u3059\u3002camera\u95a2\u6570\u306e\u4e2d\u306e\u5024\u3092\u5909\u3048\u3066\u3069\u306e\u3088\u3046\u306b\u898b\u3048\u65b9\u304c\u5909\u5316\u3059\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
\u30ea\u30b9\u30c85.2-i<\/div>\n\n\n\n
void setup() {\n  size(400, 400, P3D);\n  noFill();\n  stroke(0);\n}\n \nvoid draw() { \n  background(255);\n \n  \/\/\u57fa\u6e96\u70b9\u3092\u753b\u9762\u4e2d\u592e\n  translate(width\/2, height\/2, 0);\n \n  camera(90.0, -100.0, 300.0, \/\/ \u8996\u70b9X, \u8996\u70b9Y, \u8996\u70b9Z\n         0.0, 0.0, 0.0, \/\/ \u4e2d\u5fc3\u70b9X, \u4e2d\u5fc3\u70b9Y, \u4e2d\u5fc3\u70b9Z\n         0.0, 1.0, 0.0); \/\/ \u5929\u5730X, \u5929\u5730Y, \u5929\u5730Z\n \n  box(150);\n}<\/code><\/pre>\n\n\n\n
5.2.7\u3000ortho()<\/h1>\n\n\n\n
\u30d1\u30fc\u30b9\u30da\u30af\u30c6\u30a3\u30d6\uff08\u9060\u8fd1\uff09\u304c\u3064\u304b\u306a\u3044\u7acb\u4f53\u3067\u3059\u3002<\/p>\n\n\n\n
\/\/ortho(\u5de6, \u53f3, \u4e0b, \u4e0a);\northo(left, right, bottom, top);\n\n\/\/ortho(\u5de6, \u53f3, \u4e0b, \u4e0a, \u8fd1\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2\u3001\u9060\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2);\northo(left, right, bottom, top, near, far);<\/code><\/pre>\n\n\n\n
\"2016_09_29_3_16\"<\/a><\/figure>\n\n\n\n
\u56f35.2-l<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-j<\/div>\n\n\n\n
void setup() { \n  size(400, 400, P3D);\n  noFill();\n  stroke(0);\n\n  \/\/ortho(\u5de6\u3001\u53f3\u3001\u4e0b\u3001\u4e0a)\n  ortho(-width\/2, width\/2, -height\/2, height\/2);\n}\n\nvoid draw() {  \n  background(255);\n\n  \/\/\u57fa\u6e96\u70b9\u3092\u753b\u9762\u4e2d\u592e\n  translate(width\/2, height\/2, 0);\n  rotateX(-PI\/9.0);\n  rotateY(-PI\/9.0);\n  box(150);\n}<\/code><\/pre>\n\n\n\n
5.2.8\u3000frustum()<\/h1>\n\n\n\n
\u30d1\u30fc\u30b9\u30da\u30af\u30c6\u30a3\u30d6\u304c\u4ed8\u3044\u305f\u7a7a\u9593\u306b\u306a\u308a\u307e\u3059\u3002\u6b21\u306e\u5f62\u3067\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
frustum(\u5de6\u3001\u53f3\u3001\u4e0b\u3001\u4e0a\u3001\u8fd1\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2\u3001\u9060\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2)\nfrustum(left, right, bottom, top, near, far);<\/code><\/pre>\n\n\n\n
\u3010\u56f35.2-m\u3011\u306f\u305d\u306e\u69cb\u9020\u3092\u56f3\u89e3\u3057\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n\n\n\n
\"image61\"<\/figure>\n\n\n\n
\u56f35.2-m\u3000OpenGL Programming \u516c\u5f0f\u30b5\u30a4\u30c8\u3088\u308a\u5f15\u7528<\/div>\n\n\n\n
\"2016_09_29_3_51\"<\/a><\/figure>\n\n\n\n
\u56f35.2-n<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-k<\/div>\n\n\n\n
float scale = 5;  \/\/\u8996\u70b9\u306e\u7bc4\u56f2\u306e\u62e1\u5927\u7387\nfloat aspect;  \/\/\u753b\u9762\u306e\u7e26\u6a2a\u6bd4\n\nvoid setup() {\n  size(400, 400, P3D);\n  noFill();\n  stroke(0);\n\n  \/\/\u753b\u9762\u306e\u7e26\u6a2a\u6bd4\u304c\u5909\u308f\u3063\u3066\u3082\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u6b6a\u307e\u306a\u3044\u3088\u3046\u306b\u6bd4\u7387\u3092\u8a08\u7b97\n  aspect = float(width)\/float(height);\n\n  \/\/frustum(\u5de6\u3001\u53f3\u3001\u4e0b\u3001\u4e0a\u3001\u8fd1\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2\u3001\u9060\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2)\n  frustum(-scale*aspect, scale*aspect, -scale, scale, 10, 500);\n}\n\nvoid draw() {\n  background(255);\n\n  \/\/\u57fa\u6e96\u70b9\u3092\u753b\u9762\u4e2d\u592e\u3002z\u8ef8\u65b9\u5411\u306b\u306f-100\n  translate(width\/2, height\/2, 0);\n  rotateX(-PI\/9.0);  \/\/-20\u00b0\u56de\u8ee2\n  box(150);\n}<\/code><\/pre>\n\n\n\n
5.2.9\u3000perspective()<\/h1>\n\n\n\n
perspective()\u306ffrustum()\u3068\u307b\u307c\u540c\u3058\u6a5f\u80fd\u3067\u3059\u304c\u3001x\u5ea7\u6a19\u306e\u8996\u91ce\u89d2\uff08fov\uff09\u3092\u8a2d\u5b9a\u3067\u304d\u308b\u306e\u304c\u7279\u5fb4\u3067\u3001fov\u306e\u8a2d\u5b9a\u3092\u5909\u3048\u308b\u3068\u9060\u8fd1\u611f\u306e\u3064\u304d\u65b9\u304c\u5909\u5316\u3057\u307e\u3059\u3002\u6b21\u306e\u5f62\u3067\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
\/\/perspective(\u8996\u91ce\u89d2\u3001\u7e26\u6a2a\u306e\u6bd4\u7387\u3001\u8fd1\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2\u3001\u9060\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2) \nperspective(foxy, aspect, zNear, zFar);<\/code><\/pre>\n\n\n\n
\u3010\u56f35.2-o\u3011\u306f\u305d\u306e\u69cb\u9020\u3092\u56f3\u89e3\u3057\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n\n\n\n
\"image62\"<\/figure>\n\n\n\n
\u56f35.2-o\u3000OpenGL Programming \u516c\u5f0f\u30b5\u30a4\u30c8\u3088\u308a\u5f15\u7528<\/div>\n\n\n\n
\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u8996\u91ce\u89d2\u3092\u975e\u5e38\u306b\u5e83\u304490\u5ea6\u306b\u3057\u3066\u3044\u308b\u305f\u3081\u306b\u3001\u9060\u8fd1\u611f\u304c\u5f37\u304f\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u4e00\u822c\u7684\u306b\u306f\u300130\u5ea6\u304b\u308960\u5ea6\u3050\u3089\u3044\u307e\u3067\u304c\u9069\u5207\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n
\"2016_09_29_4_02\"<\/a><\/figure>\n\n\n\n
\u56f35.2-p<\/div>\n\n\n\n
\u30ea\u30b9\u30c85.2-l<\/div>\n\n\n\n
float transZ = 0.0;\nfloat angle = 45.0;\n\nvoid setup() {\n  size(400, 400, P3D);\n  noFill();\n  stroke(0);\n\n  \/\/perspective(\u8996\u91ce\u89d2\u3001\u7e26\u6a2a\u306e\u6bd4\u7387\u3001\u8fd1\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2\u3001\u9060\u3044\u9762\u307e\u3067\u306e\u8ddd\u96e2)\n  perspective(radians(angle), float(width)\/float(height), 100.0, 800.0);\n}\n\nvoid draw() {\n  background(255);\n\n  translate(width\/2, height\/2, transZ);  \/\/\u57fa\u6e96\u70b9\u3092\u753b\u9762\u4e2d\u592e\u3001z\u5ea7\u6a19\u3092\u8a2d\u5b9a\n  rotateX(radians(-30.0));  \/\/-30\u00b0\u56de\u8ee2\n  box(150);\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\n  \/\/1\u3092\u62bc\u3057\u305f\u3089\u8996\u91ce\u89d245\u5ea6\u30012\u3092\u62bc\u3057\u305f\u3089\u8996\u91ce\u89d290\u5ea6\n  switch(key) {\n  case '1':\n    transZ = 0.0;\n    angle = 45.0;\n    perspective(radians(angle), float(width)\/float(height), 100.0, 800.0);\n\n    println(\"1\");\n    break;\n  case '2':\n    transZ = 140.0;\n    angle = 90.0;\n    perspective(radians(angle), float(width)\/float(height), 100.0, 800.0);\n    println(\"2\");\n    break;\n  }\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u524d\u7bc0\u3067\u306f\u57fa\u672c\u7684\u306a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210\u3001\u5ea7\u6a19\u7cfb\u306e\u79fb\u52d5\u3001\u56de\u8ee2\u3001\u62e1\u5927… 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-6553","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\/6553","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=6553"}],"version-history":[{"count":73,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/6553\/revisions"}],"predecessor-version":[{"id":12035,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/posts\/6553\/revisions\/12035"}],"wp:attachment":[{"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/media?parent=6553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/categories?post=6553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r-dimension.xsrv.jp\/classes_j\/wp-json\/wp\/v2\/tags?post=6553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}