{"id":239661,"date":"2014-10-09T09:36:03","date_gmt":"2014-10-09T05:36:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=239661"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=239661","title":{"rendered":"<span class=\"post_title\">\u0428\u0435\u0439\u0434\u0435\u0440 \u0434\u043b\u044f \u0436\u0443\u043a\u0430<\/span>"},"content":{"rendered":"<div class=\"content html_format\">     \t<a href=\"\/\/habrastorage.org\/files\/0e0\/e1b\/5ab\/0e0e1b5ab1a04d969302e81ca7e2984e.png\"><img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/55e\/ca5\/ad8\/55eca5ad846e4bd2b918883cb3edecec.png\"\/><\/a><br \/>  <i>\u0441\u043d\u0438\u0437\u0443 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u0436\u0443\u043a\u043e\u0432, \u0441\u0432\u0435\u0440\u0445\u0443 \u2014 \u043c\u043e\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/i><\/p>\n<p>  \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435 <a href=\"http:\/\/habrahabr.ru\/post\/239557\/\">\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0438, \u043d\u0430 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u043f\u0438\u0448\u0435\u043c \u0448\u0435\u0439\u0434\u0435\u0440.<br \/>  <a name=\"habracut\"><\/a>  <\/p>\n<h4>\u0418\u0440\u0438\u0437\u0430\u0446\u0438\u044f<\/h4>\n<p>  \u0418\u0442\u0430\u043a \u0432 \u0447\u0435\u043c \u0436\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043f\u0430\u043d\u0446\u0438\u0440\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u0436\u0443\u043a\u0430? \u0415\u0441\u043b\u0438 \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u043d\u0435\u0433\u043e \u043f\u043e\u0434 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0443\u0433\u043b\u0430\u043c\u0438 \u2014 \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0439 \u0446\u0432\u0435\u0442. \u041a\u0430\u043a \u043a\u043e\u043c\u043f\u0430\u043a\u0442 \u0434\u0438\u0441\u043a. \u0422\u0430\u043a\u043e\u0439 \u0446\u0432\u0435\u0442 \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438 <a href=\"https:\/\/ru.wikipedia.org\/wiki\/HSV_(%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C)\">HSV<\/a>, \u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e \u043d\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 Hue \u0438\u043b\u0438 \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u0442\u043e\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432\u043e\u0442 \u0432 \u0442\u0430\u043a\u043e\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435:<br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/99e\/886\/2d6\/99e8862d67094a0aa7f6ae657abdf143.png\"\/><br \/>  \u0415\u0441\u043b\u0438 \u0432\u0437\u044f\u0442\u044c \u0443\u0433\u043e\u043b \u043c\u0435\u0436\u0434\u0443 \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0437\u0433\u043b\u044f\u0434\u0430 \u0438 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u044e \u043a \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u043d\u0446\u0438\u0440\u044f, \u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0447\u0438\u0441\u043b\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 Hue \u0432 \u0432\u044b\u0448\u0435\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438. \u0421 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u043e\u0439 \u043f\u043e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0443 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430. \u0422\u0430\u043a \u0436\u0435 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443, \u043e\u0431 \u044d\u0442\u043e\u0439 \u043a\u0430\u0440\u0442\u0435 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0439 \u044f \u043f\u0438\u0441\u0430\u043b \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0435. \u041f\u0440\u0438\u043c\u0435\u0440\u043d\u044b\u0439 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c:  <\/p>\n<ol>\n<li>\u0414\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0432\u0435\u043a\u0442\u043e\u0440 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0437\u0433\u043b\u044f\u0434\u0430 eyeDir<\/li>\n<li>\u0412\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0441\u043a\u0430\u043b\u044f\u0440\u043d\u043e\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0437\u0433\u043b\u044f\u0434\u0430 \u0438 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u044e \u043a \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438 angle=dot(normal, eyeDir)<\/li>\n<li>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0448\u0430\u0433 \u0434\u043b\u044f \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043c\u0430 \u2014 \u0432\u043e\u0437\u0432\u043e\u0434\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0439\u0441\u044f \u0443\u0433\u043e\u043b \u0432 \u043a\u0432\u0430\u0434\u0440\u0430\u0442 angle=pow(angle, 2.0)<\/li>\n<li>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0443\u0433\u043e\u043b \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0442\u043e\u043d\u0430, \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d hue=angle*hueRange+hueAverage, \u0433\u0434\u0435 hueRange \u2014 \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d, hueAverage \u2014 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435<\/li>\n<li>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430 \u0438\u0437 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b: hue-=shift<\/li>\n<li>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0441\u0442\u0430\u0432\u0448\u0438\u0435\u0441\u044f \u0434\u0432\u0430 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438 HSV \u0438 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0435\u0435 \u0432 RGB: color=hsv2rgb(hue, saturation, value)<\/li>\n<\/ol>\n<p>  \u0412 \u0438\u0442\u043e\u0433\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0447\u0438\u0441\u0442\u044b\u0439 \u0446\u0432\u0435\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c, \u0437\u0430\u0442\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u0438 \u043f\u0440\u043e\u0447\u0438\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438.<br \/>  \u0427\u0430\u0441\u0442\u044c \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0441 \u044d\u0442\u0438\u043c \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u043c \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:  <\/p>\n<pre><code class=\"cpp\">\/\/ \u043a\u043e\u0434 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u0438 \u0431\u044b\u043b \u0432\u0437\u044f\u0442 \u043e\u0442\u0441\u044e\u0434\u0430: http:\/\/lolengine.net\/blog\/2013\/07\/27\/rgb-to-hsv-in-glsl vec3 hsv2rgb(float h, float s, float v) { \tvec4 k = vec4(1.0, 2.0\/3.0, 1.0\/3.0, 3.0); \tvec3 p = abs(fract(vec3(h)+k.xyz)*6.0-k.www); \treturn v*mix(k.xxx, clamp(p-k.xxx, 0.0, 1.0), s); }  const float iridescenceOpacity = 0.6; const float hsvSaturation = 0.7; const float hsvValue = 0.8; const float addIridescenceValue = 0.2;  void main() { \t... \tfloat hue = (1.0-pow(dot(normal, eyeDir), 2.0))*hueRange+hueAverage; \thue -= (1.0-dataTex.a)*addIridescenceValue; \tvec3 diffuse = hsv2rgb(hue, hsvSaturation, hsvValue)*iridescenceOpacity; \t... } <\/code><\/pre>\n<p>  \u041d\u0430 \u044d\u0442\u043e\u043c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438 \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u0435\u0440\u0435\u043b\u0438\u0432\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0447\u0430\u0441\u0442\u0438 \u0446\u0432\u0435\u0442\u0430. \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0446\u0432\u0435\u0442\u0430 \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043a\u0430\u0440\u0442 ao, \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u0438. \u041a\u0430\u043a \u0432\u0438\u0434\u043d\u043e \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043a \u043b\u044e\u0431\u043e\u0439 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0438 \u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0443.<\/p>\n<p>  \u0425\u043e\u0442\u044f \u0435\u0441\u0442\u044c \u043e\u0434\u0438\u043d \u043d\u044e\u0430\u043d\u0441 \u2014 \u0443 \u0436\u0443\u043a\u0430 \u043d\u0430 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u043f\u0430\u043d\u0446\u0438\u0440\u0435 \u0440\u0430\u0437\u043c\u044b\u0442\u043e. \u0423 \u043c\u0435\u043d\u044f \u0432 \u0448\u0435\u0439\u0434\u0435\u0440\u0435 \u0434\u043b\u044f \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f cubemap, \u0447\u0442\u043e \u0431\u044b \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0431\u044b\u043b\u043e \u0440\u0430\u0437\u043c\u044b\u0442\u044b\u043c \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u044b\u0442\u044c \u043a\u0443\u0431\u043c\u0430\u043f\u0443 \u0438\u043b\u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0435\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u043b \u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0438\u0437\u043a\u0438\u0439 \u043c\u0438\u043f-\u0443\u0440\u043e\u0432\u0435\u043d\u044c. \u0422\u0430\u043a \u043a\u0430\u043a \u0432 GLSL 1.1 \u043d\u0435\u043b\u044c\u0437\u044f \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c\u0443 \u043c\u0438\u043f\u0443 \u0438\u0437 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 GL_TEXTURE_BASE_LEVEL \u0444\u0443\u043d\u043a\u0446\u0438\u0438 glTexParameteri:  <\/p>\n<pre><code class=\"cpp\">glTexParameteri(GL_TEXTURE_CUBE_MAP, GL_TEXTURE_BASE_LEVEL, 6); <\/code><\/pre>\n<p>\u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u0448\u0435\u0441\u0442\u043e\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043c\u0438\u043f\u0430, \u043d\u043e \u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u043c\u043e\u0439 \u0441\u0442\u0435\u043f\u0435\u043d\u0438 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f. \u0427\u0435\u0441\u0442\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u044f \u044d\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f, \u0442\u0430\u043a \u043a\u0430\u043a \u043d\u0430 \u0433\u0440\u0430\u043d\u044f\u0445 \u043a\u0443\u0431\u043c\u0430\u043f\u044b \u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442\u0441\u044f \u043f\u043e\u043b\u043e\u0441\u044b \u0432 \u0432\u0438\u0434\u0435 \u0440\u0435\u0437\u043a\u043e\u0439 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u0446\u0432\u0435\u0442\u0430, \u043d\u043e \u0442\u0430\u043a \u043a\u0430\u043a \u043d\u0430 \u0436\u0443\u043a\u0435 \u044f\u0440\u043a\u043e \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u043d\u0430\u044f \u0440\u0435\u043b\u044c\u0435\u0444\u043d\u0430\u044f \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u044c \u2014 \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0437\u0430\u043c\u0435\u0442\u043d\u043e.<br \/>  \u041a\u0441\u0442\u0430\u0442\u0438 \u043a\u0430\u043a \u0432\u0430\u0440\u0438\u0430\u043d\u0442, \u043c\u043e\u0436\u043d\u043e \u0435\u0449\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0444\u0435\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u043a\u0438.<br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/125\/e9a\/4a8\/125e9a4a831244c4861b48c2efbb2433.png\"\/><br \/>  <i>\u0440\u0435\u0437\u043a\u0430\u044f \u0433\u0440\u0430\u043d\u0438\u0446\u0430<\/i><\/p>\n<p>  \u0415\u0449\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438, \u043c\u043e\u0436\u043d\u043e \u0432\u0437\u044f\u0442\u044c \u043e\u0434\u043d\u043e\u043c\u0435\u0440\u043d\u0443\u044e \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443 \u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u0432\u044b\u0431\u043e\u0440\u043a\u0443 \u043f\u043e \u043d\u0435\u0439, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043d\u043e\u0439 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0439 \u0443\u0433\u043e\u043b \u043c\u0435\u0436\u0434\u0443 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0442\u0435\u043b\u0435\u043c \u0438 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u044e. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u0435\u043d\u044f\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u0446\u0432\u0435\u0442 \u0436\u0443\u043a\u0430.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041f\u043e\u043b\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440<\/b><\/p>\n<div class=\"spoiler_text\">\u0412\u0435\u0440\u0448\u0438\u043d\u043d\u044b\u0439:  <\/p>\n<pre><code class=\"cpp\">#version 110  uniform mat4 matrixProj; \/\/\u043c\u0430\u0442\u0430\u0440\u0438\u0446\u0430 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 uniform mat4 matrixView; \/\/\u043c\u0430\u0442\u0440\u0438\u0446\u0430 \u0432\u0438\u0434\u0430  attribute vec3 vertex; attribute vec3 normal; attribute vec3 tangent; attribute vec2 texCoord;  varying vec2 vTexCoord; varying mat3 vTbn; \/\/\u043c\u0430\u0442\u0440\u0438\u0446\u0430 \u0442\u0430\u043d\u0433\u0435\u043d\u0442 \u0431\u0438\u0442\u0430\u043d\u0433\u0435\u043d\u0442 \u043d\u043e\u0440\u043c\u0430\u043b\u044c varying float zPos; \/\/ z-\u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430  void main() { \tvec4 pos = matrixProj*matrixView*vec4(vertex, 1.0); \tgl_Position = pos; \tvTexCoord = texCoord; \tzPos = pos.z;  \tvec3 bitangent = cross(normal, tangent); \/\/ \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0431\u0438\u0442\u0430\u043d\u0433\u0435\u043d\u0442 \tvTbn = mat3(tangent, bitangent, normal); \/\/ ...\u0438 \u043c\u0430\u0442\u0440\u0438\u0446\u0443 } <\/code><\/pre>\n<p>  \u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439:  <\/p>\n<pre><code class=\"cpp\">#version 110  uniform sampler2D texture; \/\/\u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0430 \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u044f \u043f\u0438\u0441\u0430\u043b \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 uniform samplerCube envMap; \/\/\u043a\u0430\u0440\u0442\u0430 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f uniform vec3 light; \/\/\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0430 \u0441\u0432\u0435\u0442\u0430 uniform float bright; \/\/\u043e\u0431\u0449\u0430\u044f \u044f\u0440\u043a\u043e\u0441\u0442\u044c uniform float focalDistance; \/\/\u0444\u043e\u043a\u0443\u0441\u043d\u043e\u0435 \u0440\u0430\u0441\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0434\u043b\u044f \u0431\u043b\u0443\u0440\u0430 uniform float focalRange; \/\/\u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0444\u043e\u043a\u0443\u0441\u0430 uniform vec3 eyeDir; \/\/\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u0437\u0433\u043b\u044f\u0434\u0430 uniform float hueAverage; \/\/\u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0433\u043e \u0442\u043e\u043d\u0430, \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0430 uniform float hueRange; \/\/\u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d \u0442\u043e\u043d\u0430  varying vec2 vTexCoord; varying mat3 vTbn; varying float zPos;  const float shadowOpacity = 0.7; \/\/\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u0442\u0435\u043d\u0435\u043d\u0438\u044f const float envBright = 1.0; \/\/\u044f\u0440\u043a\u043e\u0441\u0442\u044c \u043a\u0430\u0440\u0442\u044b \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f const float envLighting = -0.6;\/\/\u044f\u0440\u043a\u043e\u0441\u0442\u044c \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u044f const float iridescenceOpacity = 0.6;\/\/\u0432\u043b\u0438\u044f\u043d\u0438\u0435 \u0438\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430 \u0446\u0432\u0435\u0442 const float hsvSaturation = 0.7; \/\/\u043d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0446\u0432\u0435\u0442\u0430 const float hsvValue = 0.8;\/\/\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 const float addIridescenceValue = 0.2;\/\/\u0432\u043b\u0438\u044f\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u044b \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0439 \u043d\u0430 \u0442\u043e\u043d  vec3 hsv2rgb(float h, float s, float v) { \tvec4 k = vec4(1.0, 2.0\/3.0, 1.0\/3.0, 3.0); \tvec3 p = abs(fract(vec3(h)+k.xyz)*6.0-k.www); \treturn v*mix(k.xxx, clamp(p-k.xxx, 0.0, 1.0), s); }  void main() { \tvec4 dataTex = texture2D(texture, vTexCoord); \tvec3 normal = normalize(vTbn*(vec3(dataTex.rg, 1.0)*2.0-1.0));\/\/\u0432\u044b\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0435\u043c \u043d\u043e\u0440\u043c\u0430\u043b\u044c \u0438\u0437 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \tfloat lighting = clamp(dot(normal, light), 0.0, 1.0);\/\/\u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u044c  \tfloat hue = (1.0-pow(dot(normal, eyeDir), 2.0))*hueRange+hueAverage;\/\/\u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u0442\u043e\u043d \thue -= (1.0-dataTex.a)*addIridescenceValue;\/\/\u0434\u0435\u043b\u0430\u0435\u043c \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \tvec3 diffuse = hsv2rgb(hue, hsvSaturation, hsvValue)*iridescenceOpacity;\/\/\u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0432 RGB  \tvec3 env = textureCube(envMap, reflect(-eyeDir, normal)).rgb;\/\/\u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \tdiffuse += env*bright*envBright+envLighting;\/\/\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0446\u0432\u0435\u0442\u0443  \tfloat shadow = lighting*dataTex.b*shadowOpacity+1.0-shadowOpacity;\/\/\u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0437\u0430\u0442\u0435\u043d\u0435\u043d\u0438\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u043c \u0446\u0432\u0435\u0442\u0430 \u0438 \u0430\u043e \u0438\u0437 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b  \tgl_FragColor.rgb = shadow*diffuse;\/\/\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0442\u0435\u043d\u0438 \tgl_FragColor.a = clamp((focalDistance+zPos)\/focalRange, -1.0, 1.0);\/\/\u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u0438 \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f } <\/code><\/pre>\n<\/div>\n<\/div>\n<h4>\u041d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e GUI<\/h4>\n<p>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/20c\/a2f\/7f2\/20ca2f7f21db49f7989a71290226aae7.png\"\/><\/p>\n<p>  \u041c\u043d\u0435 \u0431\u044b\u043b\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431: <br \/>  \u0411\u0435\u0440\u0435\u0442\u0441\u044f \u0432\u043e\u0442 \u0442\u0430\u043a\u0430\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0430:<br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/4e3\/250\/6a5\/4e32506a5ce24bb5b0db5a53593fea5f.png\"\/><br \/>  \u041e\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0430\u044f, \u0445\u0432\u0430\u0442\u0438\u0442 16\u044516 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439. \u041b\u044e\u0431\u043e\u0439 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0433\u0443\u0438 \u0438\u043c\u0435\u0435\u0442 \u0442\u0430\u043a\u0443\u044e \u0441\u0435\u0442\u043a\u0443:<br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/5a8\/390\/198\/5a83901985af44bca548a7fd8bb0ffe2.png\"\/><br \/>  \u0423 \u044d\u0442\u043e\u0439 \u0441\u0435\u0442\u043a\u0438 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043d\u044b\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0437\u0430\u0434\u0430\u044e\u0442\u0441\u044f \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0447\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043a\u0443 \u0432\u044b\u0448\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u0447\u0435\u0440\u043d\u043e-\u0431\u0435\u043b\u044b\u0439 \u0441\u043f\u0440\u0430\u0439\u0442:<br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/b3c\/d69\/11e\/b3cd6911e0dd47ef948d204a11d2cc42.png\"\/><br \/>  \u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u2014 \u043a\u0430\u0436\u0434\u044b\u0439 \u043f\u0438\u043a\u0441\u0435\u043b\u044c \u044d\u0442\u043e\u0433\u043e \u0441\u043f\u0440\u0430\u0439\u0442\u0430 \u2014 \u044d\u0442\u043e \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043d\u0430\u044f \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u043c\u0435\u0440\u043d\u043e\u0439 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0438\u0437 \u0441\u0435\u0431\u044f \u0442\u0435\u043c\u0443 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u0427\u0435\u043c \u0442\u043e \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442 distance field. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043b\u044f \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430 \u0432\u044b\u0448\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438\u0441\u044c \u0442\u0430\u043a\u0438\u0435 \u043f\u043e\u043b\u043e\u0441\u043a\u0438:<br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/3aa\/d8f\/c26\/3aad8fc266de43279b0dfff3db091f33.png\"\/><br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/66e\/0fc\/bcc\/66e0fcbcc8884e0589440bc77093b17c.png\"\/><br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/730\/c8e\/bb0\/730c8ebb03774308a9adf5e101c7c6e0.png\"\/><br \/>  \u0423 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u043e\u043b\u043e\u0441\u043a\u0438 \u043f\u043e \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u2014 \u0434\u043b\u044f \u0444\u043e\u043d\u0430, \u043d\u0430\u0436\u0430\u0442\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438 \u043e\u0442\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u0439.<br \/>  \u0412\u0441\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u0431\u0438\u043b\u0438\u043d\u0435\u0439\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0446\u0438\u0435\u0439. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0434\u0432\u0435 \u043e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043a\u0438 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043f\u043e\u0447\u0442\u0438 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043d\u0430 \u043b\u044e\u0431\u044b\u0445 DPI. \u041f\u0440\u0430\u0432\u0434\u0430 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0432\u043e \u0432\u0441\u0435 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0441\u0438\u043c\u043c\u0435\u0442\u0440\u0438\u0447\u043d\u043e\u0435, \u043d\u0435\u043b\u044c\u0437\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0442\u0435\u043d\u0438.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0430 \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u0438\u0434\u0430 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"cpp\">#version 110  uniform sampler2D guiMap; \/\/\u0441\u043f\u0440\u0430\u0439\u0442 \u0441 \u0433\u0443\u0438-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c uniform sampler2D themeMap; \/\/\u0442\u0435\u043c\u0430 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f uniform float themeNum;\/\/\u0441\u0442\u0440\u043e\u043a\u0430 (v-\u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b) \u0432 \u0442\u0435\u043c\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f  varying vec2 vTexCoord;  void main() { \tfloat a = texture2D(guiMap, vTexCoord).r; \/\/\u043d\u0430\u0445\u043e\u0434\u0438\u043c \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043d\u0443\u044e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0443 \u0434\u043b\u044f \u0442\u0435\u043c\u044b  \tgl_FragColor = texture2D(themeMap, vec2(a, themeNum)); \/\/\u0431\u0435\u0440\u0435\u043c \u0446\u0432\u0435\u0442 } <\/code><\/pre>\n<\/div>\n<\/div>\n<h4>\u0412\u0438\u0434\u0435\u043e<\/h4>\n<p>  \u042f \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043a \u0431\u043b\u0443\u0440\u0443 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0448\u0443\u043c\u0430, \u0447\u0442\u043e\u0431\u044b \u044d\u043c\u0438\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442 film grain. \u0422\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u043a \u0442\u0430\u043a\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f \u2014 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0440\u0435\u043e\u043b \u0432\u043e\u043a\u0440\u0443\u0433 \u0440\u0435\u0437\u043a\u0438\u0445 \u0433\u0440\u0430\u043d\u0438\u0446.<br \/>  <iframe loading=\"lazy\" width=\"560\" height=\"349\" src=\"\/\/www.youtube.com\/embed\/eLQsxqQOQ_Y?wmode=opaque\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>  \u0421\u043a\u0440\u0438\u043d\u043a\u0430\u0441\u0442 \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u0431\u0435\u0437 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438, \u043d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043e\u043d\u0430 \u0431\u044b\u043b\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430<\/b><\/p>\n<div class=\"spoiler_text\">\u0421\u0438\u0441\u0442\u0435\u043c\u0430 Kubuntu 12.04, \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445. \u041c\u043e\u0436\u043d\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u044e \u0447\u0435\u0440\u0435\u0437 nvidia xserver settings. \u041d\u0430 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0435 \u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0440\u0430\u0437\u0440\u044b\u0432\u043e\u0432 \u043d\u0435 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u044e\u0442\u0441\u044f, \u043d\u0435 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u044e\u0442\u0441\u044f \u0438 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u043a\u0440\u0438\u043d\u043a\u0430\u0441\u0442\u0430, \u043d\u043e \u0435\u0441\u043b\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c \u2014 \u0432\u0438\u0434\u043d\u043e \u0447\u0442\u043e \u0442\u0430\u043c \u0435\u0441\u0442\u044c \u0440\u0430\u0437\u0440\u044b\u0432\u044b. \u0412\u0438\u0434\u0435\u043e \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u044e \u0447\u0435\u0440\u0435\u0437 avconv:<br \/>  <code>avconv -f x11grab -s 1280x720 -i :0.0+2240,185 -c:v libx264 -r 30 -vsync 2 -b 4000k -threads 8 -y 1.mp4<\/code><br \/>  \u0441 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c vsync \u0438\u0433\u0440\u0430\u043b\u0441\u044f \u043f\u043e \u0432\u0441\u044f\u043a\u043e\u043c\u0443. \u041a\u0430\u043a\u0438\u0435 \u0431\u044b \u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043d\u0435 \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u043b, \u043d\u043e \u043f\u0440\u0438 \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0435, \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u043e\u0439 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u043e \u0432\u0441\u0435\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u2014 \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0440\u0430\u0437\u0440\u044b\u0432\u044b. \u0415\u0441\u0442\u044c \u043f\u043e\u0434\u043e\u0437\u0440\u0435\u043d\u0438\u0435, \u0447\u0442\u043e \u043a\u043e\u0441\u044f\u043a \u0432 \u0434\u0440\u043e\u0432\u0430\u0445 \u043e\u0442 \u043d\u0432\u0438\u0434\u0438\u0438. \u0415\u0441\u043b\u0438 \u043a\u0442\u043e-\u0442\u043e \u0441 \u044d\u0442\u0438\u043c \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u043b\u0441\u044f \u0438 \u043d\u0430\u0448\u0435\u043b \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u2014 \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430. \u041f\u0440\u043e\u0448\u0443 \u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0437\u0430 \u043d\u0435\u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e.  <\/div>\n<\/div>\n<h4>\u0418\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/h4>\n<p>  \u041f\u0438\u0441\u0430\u043b \u043d\u0430 C++ \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Qt \u0432\u0435\u0440\u0441\u0438\u0438 4.7.* \u0438\u043b\u0438 4.8.*, \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043b \u043d\u0430 Kubuntu 12.04 \u0438 14.04, Mac 10.8, \u0432\u0438\u0434\u0435\u043e\u043a\u0430\u0440\u0442\u0430\u0445 intel hd 4000, GeForce gtx560, Radeon HD 6750M.<br \/>  \u0418\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438: <a href=\"https:\/\/github.com\/Torvald3d\/Beetle\">github.com\/Torvald3d\/Beetle<\/a><br \/>  \u041c\u043e\u0434\u0435\u043b\u044c \u0436\u0443\u043a\u0430 (obj): <a href=\"https:\/\/github.com\/Torvald3d\/Beetle\/tree\/master\/obj\">github.com\/Torvald3d\/Beetle\/tree\/master\/obj<\/a><br \/>  \u041b\u0438\u0446\u0435\u043d\u0437\u0438\u044f Creative Commons, \u043e\u0434\u043d\u0430\u043a\u043e \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c HDR \u043a\u0430\u0440\u0442\u044b \u0441 <a href=\"http:\/\/www.doschdesign.com\/products\/hdri\">\u044d\u0442\u043e\u0433\u043e<\/a> \u0441\u0430\u0439\u0442\u0430 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0449\u0438\u043c\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f\u043c\u0438, \u0430 \u0442\u0430\u043a \u0436\u0435 \u043a\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u0430 fxaa.frag, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u044b\u043b \u0432\u0437\u044f\u0442 <a href=\"https:\/\/github.com\/mitsuhiko\/webgl-meincraft\/blob\/master\/assets\/shaders\/fxaa.glsl\">\u043e\u0442\u0441\u044e\u0434\u0430<\/a>.<\/p>\n<h4>\u0421\u0441\u044b\u043b\u043a\u0438<\/h4>\n<p>  <\/p>\n<ul>\n<li><a href=\"http:\/\/lolengine.net\/blog\/2013\/07\/27\/rgb-to-hsv-in-glsl\">lolengine.net\/blog\/2013\/07\/27\/rgb-to-hsv-in-glsl<\/a> \u2014 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u044f \u0446\u0432\u0435\u0442\u0430 HSV \u043c\u043e\u0434\u0435\u043b\u0438 \u0432 RGB<\/li>\n<li><a href=\"http:\/\/mew.cx\/glsl_quickref.pdf\">mew.cx\/glsl_quickref.pdf<\/a> \u2014 GLSL 1.1 Quick Reference Guide<\/li>\n<\/ul>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/239661\/\"> http:\/\/habrahabr.ru\/post\/239661\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">     \t<a href=\"\/\/habrastorage.org\/files\/0e0\/e1b\/5ab\/0e0e1b5ab1a04d969302e81ca7e2984e.png\"><img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/55e\/ca5\/ad8\/55eca5ad846e4bd2b918883cb3edecec.png\"\/><\/a><br \/>  <i>\u0441\u043d\u0438\u0437\u0443 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u0436\u0443\u043a\u043e\u0432, \u0441\u0432\u0435\u0440\u0445\u0443 \u2014 \u043c\u043e\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/i><\/p>\n<p>  \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435 <a href=\"http:\/\/habrahabr.ru\/post\/239557\/\">\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0438, \u043d\u0430 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u043f\u0438\u0448\u0435\u043c \u0448\u0435\u0439\u0434\u0435\u0440.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-239661","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/239661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=239661"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/239661\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=239661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=239661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=239661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}