{"id":45750,"date":"2022-10-27T10:00:18","date_gmt":"2022-10-27T01:00:18","guid":{"rendered":"https:\/\/styly.cc\/?p=45750"},"modified":"2022-10-26T14:43:23","modified_gmt":"2022-10-26T05:43:23","slug":"strangeattractor-webgl-nyu","status":"publish","type":"post","link":"https:\/\/styly.cc\/ja\/tips\/strangeattractor-webgl-nyu\/","title":{"rendered":"Web\u4e0a\u3067Strange Attractor\u3092\u751f\u6210\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"

<\/p>\n

\u672c\u8a18\u4e8b\u3067\u306f\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u3092\u53ef\u8996\u5316\u30573D\u30e2\u30c7\u30eb\u3068\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002
\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u3068\u3044\u3048\u3070\u30ed\u30fc\u30ec\u30f3\u30c4\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u306a\u3069\u304c\u6709\u540d\u3067\u3059\u304c\u3001\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u81ea\u4f53\u306e\u8aac\u660e\u306f\u8907\u96d1\u304b\u3064\u5c02\u9580\u7684\u306a\u77e5\u8b58\u3092\u8981\u3059\u308b\u306e\u3067\u4eca\u56de\u306f\u7701\u7565\u3057\u307e\u3059\u3002<\/p>\n

\u4eca\u56de\u4f7f\u7528\u3059\u308b\u300cStrange Attractors\u300d\u306fMikael H Christensen\u6c0f\uff08@SyntopiaDK<\/a>\uff09\u304c\u4f5c\u6210\u3057\u305fWeb\u4e0a\u3067\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30b5\u30a4\u30c8\u3067\u3059\u3002
\u65e2\u5b58\u306e\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u306e\u7a2e\u985e\u3092\u6307\u5b9a\u3057\u3001\u305d\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u8abf\u6574\u3059\u308b\u3053\u3068\u3067\u5f62\u3092\u5909\u5316\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002
\u3055\u3089\u306b\u4f5c\u6210\u3057\u305f\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u3092OBJ\u5f62\u5f0f\u3067\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u305f\u308a\u3001\u753b\u50cf\u3092\u30ad\u30e3\u30d7\u30c1\u30e3\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n

\u4f7f\u7528\u65b9\u6cd5<\/span><\/h2>\n

\u5f62\u72b6\u5909\u5316<\/span><\/h3>\n

\u59cb\u3081\u306b\u4e0b\u8a18\u306e\u30b5\u30a4\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

Strange Attractors<\/a><\/p>\n

\"Strange<\/a>

Strange Attractors by Mikael H Christensen<\/p><\/div>\n

\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u8abf\u6574\u3059\u308b\u3053\u3068\u3067\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u306e\u5f62\u72b6\u3092\u5909\u5316\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

\"\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\"<\/a>

\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc<\/p><\/div>
\n

\"\u5f62\u72b6\u304c\u5909\u5316\u3057\u307e\u3059\"<\/a>

\u5f62\u72b6\u304c\u5909\u5316\u3057\u307e\u3059<\/p><\/div><\/p>\n

\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u306e\u30d7\u30ea\u30bb\u30c3\u30c8\u306f\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u9078\u629e\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3053\u3068\u3067\u4efb\u610f\u306e\u3082\u306e\u306b\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

\u5f62\u72b6\u306e\u5909\u5316\u306f\u4e0a\u8a18\u306e\u64cd\u4f5c\u306e\u307f\u3067\u5b8c\u7d50\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

\"\u30d7\u30ea\u30bb\u30c3\u30c8\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\"<\/a>

\u30d7\u30ea\u30bb\u30c3\u30c8\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059<\/p><\/div>\n

\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u8a2d\u5b9a<\/span><\/h3>\n

\u25bcEffects<\/strong>\u3000<\/p>\n

\"Effects\"<\/a>

Effects<\/p><\/div>\n\n\n\n\n\n\n
Bloom<\/td>\n\u30d6\u30eb\u30fc\u30e0\u52b9\u679c\u306e\u30aa\u30f3\u30aa\u30d5<\/td>\n<\/tr>\n
Vignette<\/td>\n\u753b\u9762\u306e\u56db\u9685\u3092\u660e\u6697\u30aa\u30f3\u30aa\u30d5<\/td>\n<\/tr>\n
SSAO<\/td>\n\u30aa\u30af\u30eb\u30fc\u30b8\u30e7\u30f3\u306e\u30aa\u30f3\u30aa\u30d5<\/td>\n<\/tr>\n
Film<\/td>\nScan Lines\u306e\u30aa\u30f3\u30aa\u30d5<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u25bcBloom and Exposure<\/strong><\/p>\n

\"Bloom<\/a>

Bloom and Exposure<\/p><\/div>\n\n\n\n\n\n\n
Exposure<\/td>\n\u660e\u308b\u3055\u306e\u8abf\u6574\u3057\u307e\u3059<\/td>\n<\/tr>\n
Bloom threshold<\/td>\n\u30d6\u30eb\u30fc\u30e0\u306e\u3057\u304d\u3044\u5024\u306e\u5909\u66f4<\/td>\n<\/tr>\n
Bloom strength<\/td>\n\u30d6\u30eb\u30fc\u30e0\u306e\u5f37\u3055\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Bloom radius<\/td>\n\u30d6\u30eb\u30fc\u30e0\u306e\u7bc4\u56f2\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u25bcMaterial<\/strong><\/p>\n

\"Material\"<\/a>

Material<\/p><\/div>\n\n\n\n\n\n\n\n\n\n\n
Metalness\u3000\u3000<\/td>\n\u30e1\u30bf\u30ea\u30c3\u30af\u306e\u5024\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Clear Coat<\/td>\n\u30af\u30ea\u30a2\u30b3\u30fc\u30c8\u306e\u5024\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
CC Roughness<\/td>\n\u30af\u30ea\u30a2\u30b3\u30fc\u30c8\u306e\u7c97\u3055\u306e\u5024\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Reflectivity<\/td>\n\u53cd\u5c04\u306e\u5ea6\u5408\u3044\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Roughness<\/td>\n\u7c97\u3055\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Color<\/td>\n\n

\u8272\u3092\u5909\u66f4\u3057\u307e\u3059<\/p>\n<\/td>\n<\/tr>\n

Ground Color<\/td>\n\u5730\u9762\u306e\u8272\u3092\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Wireframe<\/td>\n\u8868\u793a\u3092\u30ef\u30a4\u30e4\u30fc\u30d5\u30ec\u30fc\u30e0\u306b\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u25bc<\/strong>Geometry<\/strong><\/p>\n

\"Geometry\"<\/a>

Geometry<\/p><\/div>\n\n\n\n\n\n\n\n
Steps\u3000\u3000<\/td>\n\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u306e\u7e70\u308a\u8fd4\u3057\u56de\u6570\u306e\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Radius<\/td>\n\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u306e\u592a\u3055\u3092\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Step Size<\/td>\n\u4e00\u5ea6\u306e\u30b9\u30c6\u30c3\u30d7\u306e\u5f71\u97ff\u7bc4\u56f2\u3092\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Tube facets<\/td>\n\u9762\u306e\u6570\u3092\u8abf\u6574\u3057\u307e\u3059\uff08\u6570\u304c\u591a\u3044\u7a0b\u9762\u304c\u6ed1\u3089\u304b\u306b\u306a\u308a\u307e\u3059\uff09<\/td>\n<\/tr>\n
Rebuild<\/td>\nGeometry\u306e\u6570\u5024\u3092\u5909\u66f4\u3057\u305f\u5f8c\u306bRebuild\u3092\u62bc\u3059\u3068\u53cd\u6620\u3055\u308c\u307e\u3059<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u25bcScan Lines<\/strong><\/p>\n

\"Scan<\/a>

Scan Lines<\/p><\/div>\n\n\n\n\n
Noise level<\/td>\n\u753b\u9762\u306e\u30ce\u30a4\u30ba\u306e\u5ea6\u5408\u3044\u3092\u8abf\u6574\u3057\u307e\u3059<\/td>\n<\/tr>\n
Scan lines<\/td>\n\u30ce\u30a4\u30ba\u306e\u7d30\u304b\u3055\u3092\u8abf\u6574\u3057\u307e\u3059<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u25bcSSAO(Screen Space Ambient Occlusion)<\/strong><\/p>\n

\"SSAO(Screen<\/a>

SSAO(Screen Space Ambient Occlusion)<\/p><\/div>\n\n\n\n\n\n\n\n
Only AO<\/td>\nAO\u306e\u307f\u3092\u6709\u52b9\u306b\u3057\u307e\u3059<\/td>\n<\/tr>\n
AO radius<\/td>\nAO\u306e\u7bc4\u56f2\u3092\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
AO clamp<\/td>\nAO\u306e\u7d30\u304b\u3055\u3092\u5909\u66f4\u3057\u307e\u3059<\/td>\n<\/tr>\n
Lum influence<\/td>\nAO\u306e\u660e\u308b\u3055\u3092\u8abf\u6574\u3057\u307e\u3059<\/td>\n<\/tr>\n
Show FPS<\/td>\nFPS\u3092\u8868\u793a\u3057\u307e\u3059<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0<\/span><\/h3>\n

\u753b\u9762\u5de6\u306eMore\u2026\u3092\u9078\u629e\u3057\u3001\u201cSave attractor as image(PNG)\u201d \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u753b\u50cf\u304c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u308c\u307e\u3059\u3002<\/p>\n

\"Save<\/a>

Save attractor as image(PNG)<\/p><\/div>\n

3D\u30e2\u30c7\u30eb\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b<\/span><\/h2>\n

\u201cSave attractor as 3D(OBJ)\u201d \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30a2\u30c8\u30e9\u30af\u30bf\u30fc\u306e3D\u30e2\u30c7\u30eb\u304c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u308c\u307e\u3059\u3002<\/p>\n

\"Save<\/a>

Save attractor as 3D(OBJ)<\/p><\/div>\n

STYLY\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5<\/span><\/h3>\n

STYLY\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3059\u308b