{"id":320029,"date":"2021-03-22T15:00:16","date_gmt":"2021-03-22T15:00:16","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=320029"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=320029","title":{"rendered":"\u041a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0448\u0435\u0439\u0434\u0435\u0440\u044b \u0432 Android View \u0438 \u043a\u0430\u043a Android View \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0448\u0435\u0439\u0434\u0435\u0440\u044b"},"content":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\">\n<blockquote>\n<p>\u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d \u0432 \u043f\u0440\u0435\u0434\u0434\u0432\u0435\u0440\u0438\u0438 \u0441\u0442\u0430\u0440\u0442\u0430 \u043a\u0443\u0440\u0441\u043e\u0432 <a href=\"https:\/\/otus.pw\/uKju\/\">&#171;<strong>Android Developer. Basic<\/strong>&#171;<\/a> \u0438 <a href=\"https:\/\/otus.pw\/Zjir\/\">&#171;<strong>Android Developer. Professional<\/strong>&#171;<\/a>.<\/p>\n<\/blockquote>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/648\/818\/057\/64881805749d65c05087282b35463475.png\" width=\"780\" height=\"439\"><figcaption><\/figcaption><\/figure>\n<hr>\n<p>\u0414\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0442\u0435\u043d\u0438, \u0444\u0438\u043b\u044c\u0442\u0440\u044b \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043b\u044f \u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0432\u0438\u0434\u0435\u043e, \u0438\u043b\u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0438 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435, \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e <a href=\"https:\/\/developer.android.com\/reference\/android\/graphics\/Canvas\"><u>Canvas<\/u><\/a>. \u0411\u044b\u043b\u043e \u0431\u044b \u043a\u0443\u0434\u0430 \u043b\u0443\u0447\u0448\u0435, \u0435\u0441\u043b\u0438 \u0431\u044b \u0443 \u043d\u0430\u0441 \u0432 \u0440\u0430\u0441\u043f\u043e\u0440\u044f\u0436\u0435\u043d\u0438\u0438 \u0431\u044b\u043b\u043e \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043c\u043e\u0449\u043d\u0435\u0435. \u0420\u0430\u043d\u044c\u0448\u0435 \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/developer.android.com\/guide\/topics\/renderscript\/compute\"><u>RenderScript<\/u><\/a>, \u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043b\u0438 \u043e\u043d \u0441\u0435\u0439\u0447\u0430\u0441?<\/p>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 GLSL \u0448\u0435\u0439\u0434\u0435\u0440\u044b OpenGL \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c view, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u043e\u043c \u043a\u043b\u0430\u0441\u0441\u0430 Android View (<em>android.view.View<\/em>). \u042f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0432\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0435\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u043d\u0430\u0434 \u0447\u0435\u043c-\u043d\u0438\u0431\u0443\u0434\u044c \u0438\u0437 \u043d\u0438\u0436\u0435\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u043e\u0433\u043e:<\/p>\n<ul>\n<li>\n<p>\u0428\u0435\u0439\u0434\u0435\u0440\u044b \u0438\u043b\u0438 \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044f \u0446\u0432\u0435\u0442\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043b\u044f \u0432\u0438\u0434\u0435\u043e\u043f\u043e\u0442\u043e\u043a\u043e\u0432.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u043d\u0438 \u0438 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f \u043f\u043e\u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u041a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043d\u0430\u043f\u043e\u0434\u043e\u0431\u0438\u0435 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f (blurring), \u0438\u0441\u043a\u0430\u0436\u0435\u043d\u0438\u044f (distortion), \u043f\u0438\u043a\u0441\u0435\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442. \u0434.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u0415\u0441\u043b\u0438 \u0432\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u043d\u0435\u0439\u0440\u043e\u043c\u043e\u0440\u0444\u043d\u044b\u0439 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441.<\/p>\n<\/li>\n<\/ul>\n<p>\u042d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442 \u0432\u0430\u043c \u043d\u0430\u0434\u0435\u0436\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0438 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043b\u0435\u0433\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u0418 \u044f \u043f\u043e\u043a\u0430\u0436\u0443 \u0432\u0430\u043c, \u043a\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c!<\/p>\n<h3>\u0418\u0434\u0435\u044f<\/h3>\n<p>\u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c \u043b\u044d\u0439\u0430\u0443\u0442\u0435 \u043b\u0435\u0436\u0430\u043b \u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0435\u0434\u0435\u0442 \u0441\u0435\u0431\u044f \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a Android View (<em>android.view.View<\/em>), \u0438 \u043c\u044b c\u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 OpenGL \u0434\u043b\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e.<\/p>\n<h3>\u0414\u0435\u043c\u043e<\/h3>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/6e0\/a57\/1f8\/6e0a571f8669afba7ef1aae4684b797f.gif\" width=\"320\" height=\"675\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u0435\u043c\u043e-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 ShaderViews. \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0432\u0435\u0442 \u0438 \u0432\u0438\u0434\u0435\u043e \u0444\u0438\u043b\u044c\u0442\u0440\u044b.<\/p>\n<h4>\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435<\/h4>\n<p>\u041f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u043c, \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0443 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u0430 \u043d\u043e\u0432\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u0443\u044e \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c\u0438 \u043a\u0440\u0430\u0441\u043a\u0430\u043c\u0438, \u0438 \u043f\u043e\u0432\u0435\u0441\u0438\u0442\u044c \u0435\u0435 \u043d\u0430 \u0441\u0442\u0435\u043d\u0443. \u0427\u0442\u043e \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0432 \u043d\u0430\u0448\u0435\u0439 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438:<\/p>\n<ul>\n<li>\n<p><strong>\u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u043a\u0440\u0430\u0441\u043a\u0438<\/strong> \u2014 GLSL \u0448\u0435\u0439\u0434\u0435\u0440\u044b OpenGL.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u0425\u043e\u043b\u0441\u0442 \u2014 <\/strong>\u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442 \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e view.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u0418\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a \u2014 <\/strong>\u043a\u043b\u0430\u0441\u0441, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <em>Render<\/em>. \u042d\u0442\u043e\u0442 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442<em> \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u043a\u0440\u0430\u0441\u043a\u0438, <\/em>\u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u0443 \u043d\u0430 <em>\u0445\u043e\u043b\u0441\u0442\u0435<\/em>.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u041a\u0430\u0440\u0442\u0438\u043d\u0430 \u2014 <\/strong>\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 view-\u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u0430 \u0441 \u0435\u0433\u043e\/\u0435\u0435 \u0445\u043e\u043b\u0441\u0442\u043e\u043c \u0438 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c\u0438 \u043a\u0440\u0430\u0441\u043a\u0430\u043c\u0438.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u0421\u0442\u0435\u043d\u0430 \u2014 <\/strong>Activity \u0438\u043b\u0438 Fragment android.<\/p>\n<\/li>\n<\/ul>\n<h3>\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f<\/h3>\n<ol>\n<li>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u044b\u0431\u0435\u0440\u0435\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 view \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e view-\u043a\u043b\u0430\u0441\u0441\u0430 (\u043a\u0441\u0442\u0430\u0442\u0438, \u043c\u044b \u043d\u0430\u0437\u043e\u0432\u0435\u043c \u043d\u0430\u0448 view-\u043a\u043b\u0430\u0441\u0441 <code>ShaderView<\/code>). \u0422\u0443\u0442 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430: <code>SurfaceView<\/code> \u0438 <code>TextureView<\/code>. \u042f \u0432\u0435\u0440\u043d\u0443\u0441\u044c \u043a \u0440\u0430\u0437\u043d\u0438\u0446\u0435 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0443 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u0438\u0439.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c <em>\u043a\u043b\u0430\u0441\u0441 <\/em><code>Render<\/code><em>,<\/em> \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c <code>view<\/code> \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c 3D-\u043c\u043e\u0434\u0435\u043b\u044c \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 (quadrangle), \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442 \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e view (3D, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 OpenGL \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d \u0434\u043b\u044f 3D-\u0441\u0446\u0435\u043d). \u041d\u0435 \u0431\u0435\u0441\u043f\u043e\u043a\u043e\u0439\u0442\u0435\u0441\u044c \u043e\u0431 \u044d\u0442\u043e\u043c; \u044d\u0442\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0438 \u0441 \u043d\u0438\u043c \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0442\u0440\u0443\u0434\u043d\u043e\u0441\u0442\u0435\u0439.<\/p>\n<\/li>\n<\/ol>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/0ab\/fd7\/c56\/0abfd7c564a697e4fe01e55fd594ea41.jpeg\" alt=\"\u0427\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a OpenGL \u0432\u043d\u0443\u0442\u0440\u0438 TextureView.\" title=\"\u0427\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a OpenGL \u0432\u043d\u0443\u0442\u0440\u0438 TextureView.\" width=\"772\" height=\"695\"><figcaption>\u0427\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a OpenGL \u0432\u043d\u0443\u0442\u0440\u0438 TextureView.<\/figcaption><\/figure>\n<h3>SurfaceView \u0438\u043b\u0438 TextureView<\/h3>\n<p><code>SurfaceView<\/code> \u0438 <code>TextureView<\/code> \u043e\u0431\u0430 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u044e\u0442\u0441\u044f \u043e\u0442 \u043a\u043b\u0430\u0441\u0441\u0430 Android View, \u043d\u043e \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438 \u0435\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f.<\/p>\n<p>\u041d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c <code>SurfaceView<\/code> \u0438\u043c\u0435\u0435\u0442 \u043a\u043b\u0430\u0441\u0441 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 OpenGL \u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043e\u0442\u043b\u0438\u0447\u043d\u0443\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c. \u042d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>GLSurfaceView<\/code>. \u041d\u043e \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u044d\u0442\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d <code>GLSurfaceView<\/code> \u0434\u0440\u0443\u0433\u0438\u043c. \u0421\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u043d\u0430\u0448\u0435\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432, \u0438 \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c, \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c <code>view<\/code> \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c.<\/p>\n<p><code>TextureView<\/code> \u0432\u0435\u0434\u0435\u0442 \u0441\u0435\u0431\u044f \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u044b\u0439<em> <\/em><code>android.view.View<\/code><em>,<\/em> \u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c, \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043d\u0430\u0441\u043b\u0430\u0438\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430\u043c\u0438. \u041d\u043e \u044d\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0434\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0446\u0435\u043d\u043e\u0439 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u044f \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u0430\u043c\u044f\u0442\u0438, \u0447\u0435\u043c <code>SurfaceView<\/code>, \u0438 \u0432\u044b \u0442\u0435\u0440\u044f\u0435\u0442\u0435 \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 (\u0432 \u0441\u0440\u0435\u0434\u043d\u0435\u043c <a href=\"https:\/\/groups.google.com\/a\/chromium.org\/g\/graphics-dev\/c\/Z0yE-PWQXc4?pli=1\"><u>1\u20133 \u043a\u0430\u0434\u0440\u0430<\/u><\/a>).<\/p>\n<p>\u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044f\u0441\u044c \u043a \u0441\u0443\u0442\u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u0430, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0448\u0435 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0435 view \u0432\u0435\u043b\u043e \u0441\u0435\u0431\u044f \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 view Android, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <code>TextureView<\/code>.<\/p>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0434\u043b\u044f \u043d\u0430\u0441 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043d\u0435\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 <code>OpenGL<\/code> render \u0438 <code>TextureView<\/code>. \u041d\u043e \u043d\u0435 \u0441\u043f\u0435\u0448\u0438\u0442\u0435 \u0440\u0430\u0441\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u2014 <code>GLSurfaceView<\/code> \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043a\u0430\u043a \u0440\u0430\u0437 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e, \u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0441 <code>SurfaceView<\/code>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0440\u0430\u0437\u043c\u044b\u0441\u043b\u0438\u043c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e <code>GLTextureView<\/code>.<\/p>\n<h3>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 GLTextureView<\/h3>\n<p>\u0418\u0442\u0430\u043a, \u0432 <code>GLSurfaceView<\/code> \u0435\u0441\u0442\u044c \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 OpenGL. \u041d\u0430\u043c \u0432\u0441\u0435\u0433\u043e \u043b\u0438\u0448\u044c \u043d\u0443\u0436\u043d\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u0433\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432 \u043d\u0430\u0448 \u043a\u043b\u0430\u0441\u0441 \u0438 \u0432\u043d\u0435\u0441\u0442\u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.<\/p>\n<ol>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 <code>GLTextureView.kt<\/code><em>, <\/em>\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442\u0441\u044f \u043e\u0442 <code>TextureView<\/code> \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442<em> <\/em><code>TextureView.SurfaceTextureListener<\/code> \u0438 <code>View.OnLayoutChangeListener<\/code>. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b.<\/p>\n<\/li>\n<\/ol>\n<pre><code class=\"kotlin\">open class GLTextureView @JvmOverloads constructor(     context: Context,     attrs: AttributeSet? = null,     defStyleAttr: Int = 0 ) :     TextureView(context, attrs, defStyleAttr),     TextureView.SurfaceTextureListener,     View.OnLayoutChangeListener { }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/b6825cbe14d14c8d552b207c0a4cd049#file-gltextureview-kt\"><em>GLTextureView.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>5. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u043c\u0435\u0442\u043e\u0434&nbsp; <code>finalize()<\/code> \u0434\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430 Kotlin. (<em>\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u043b\u0443\u0447\u0448\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445<\/em>).<\/p>\n<p>6. \u0417\u0430\u043c\u0435\u043d\u0438\u0442\u0435 <code>SurfaceHolder<\/code> \u043d\u0430 <code>SurfaceTexture<\/code><em>.<\/em><\/p>\n<p>7. \u0417\u0430\u043c\u0435\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f <code>GLSurfaceView<\/code> \u043d\u0430 <code>GLTextureView<\/code><em>.<\/em><\/p>\n<p>8. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b, \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 <code>GLSurfaceView<\/code>. \u0422\u0430\u043a\u0436\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043e\u0441\u0442\u0430\u0432\u0448\u0438\u0435\u0441\u044f \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u0443\u0434\u0430\u043b\u0438\u0442\u0435 \u0432\u0441\u0435, \u0447\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 <code>GLSurfaceView<\/code>.<\/p>\n<p>9. \u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u043d\u0443\u043b\u0435\u0432\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043f\u043e\u0441\u043b\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430 Java \u0432 Kotlin. \u0412 \u043c\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0449\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 NULL (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code>egl: EGL10<\/code> \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c <code>egl: EGL10?<\/code>).<\/p>\n<p>10. \u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0432 \u043e\u0431\u044a\u0435\u043a\u0442-\u043a\u043e\u043c\u043f\u0430\u043d\u044c\u043e\u043d \u0438\u043b\u0438 \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c.<\/p>\n<p>11. \u0423\u0434\u0430\u043b\u0438\u0442\u0435 \u043d\u0435\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0438.<\/p>\n<p>12. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 <code>SurfaceTextureListener<\/code>.<\/p>\n<pre><code class=\"kotlin\"> override fun onSurfaceTextureAvailable(surface: SurfaceTexture, width: Int, height: Int) {         surfaceCreated(surface)         surfaceChanged(surface, 0, width, height)     }      override fun onSurfaceTextureSizeChanged(surface: SurfaceTexture, width: Int, height: Int) {         surfaceChanged(surface, 0, width, height)     }      override fun onSurfaceTextureDestroyed(surface: SurfaceTexture): Boolean {         surfaceDestroyed(surface)         return true     }      override fun onSurfaceTextureUpdated(surface: SurfaceTexture) {     }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/74b1404a5b001a616af0d3e55c2cb80a#file-gltextureview-kt\"><em>GLTextureView.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>13. \u0412 <code>createSurface()<\/code> \u0432\u044b \u043d\u0430\u0442\u043a\u043d\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u043e\u0447\u043a\u0443, \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u0435 <code>view.holder<\/code> \u043d\u0430 <code>view.surfaceTexture<\/code><em>.<\/em><\/p>\n<p>14. \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 <code>onLayoutChange<\/code>.<\/p>\n<pre><code class=\"kotlin\"> override fun onLayoutChange(         v: View?, left: Int, top: Int,         right: Int,         bottom: Int,         oldLeft: Int,         oldTop: Int,         oldRight: Int,         oldBottom: Int     ) {         surfaceChanged(surfaceTexture, 0, right - left, bottom - top)     }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/b1ce4d7e1477b973fea15abbb0447f5e#file-gltextureview-kt\"><em>GLTextureView.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0443 \u0432\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435 <a href=\"https:\/\/github.com\/appspell\/shader_view_for_article_example\/blob\/main\/app\/src\/main\/java\/com\/glukharev\/shaderviewforarticle\/GLTextureView.kt\"><strong><u>\u044d\u0442\u043e\u0433\u043e<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<h3>\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0441\u0435\u0431\u0435 \u0440\u0430\u0431\u043e\u0442\u0443, \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0442 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0438\u0437<em> <\/em>\u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432.<\/p>\n<pre><code class=\"kotlin\">fun Resources.getRawTextFile(@RawRes resource: Int): String =    openRawResource(resource).bufferedReader().use { it.readText() }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/e4d0e3e3b5211bee454cdcf9704ee9b7#file-extensions-kt\"><em>extensions.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<h3>\u041a\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432<\/h3>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0448\u0435\u0439\u0434\u0435\u0440\u044b, \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430\u0448 \u043a\u043e\u0434 \u043c\u0435\u043d\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u043c. \u0415\u0441\u043b\u0438 \u0432\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0448\u0435\u0439\u0434\u0435\u0440\u044b, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u0438\u0445 <a href=\"https:\/\/www.shadertoy.com\/\"><strong><u>\u0437\u0434\u0435\u0441\u044c<\/u><\/strong><\/a> \u0438\u043b\u0438 <a href=\"https:\/\/github.com\/appspell\/ShaderView\/tree\/main\/demo\/src\/main\/res\/raw\"><strong><u>\u0437\u0434\u0435\u0441\u044c<\/u><\/strong><\/a>.<\/p>\n<h3>\u0412\u0435\u0440\u0448\u0438\u043d\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 (Vertex Shader)<\/h3>\n<p>\u0414\u043b\u044f \u043d\u0430\u0448\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u043d\u0430\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u043d\u0430\u0448\u0435\u0433\u043e \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 (\u043c\u044b \u043d\u0435 \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u043c \u043a\u0443\u0447\u0443 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0435\u0433\u043e \u043a\u043e\u0434).<\/p>\n<pre><code class=\"kotlin\">#version 300 es  uniform mat4 uMVPMatrix; uniform mat4 uSTMatrix;  in vec3 inPosition; in vec2 inTextureCoord;  out vec2 textureCoord;  void main() {    gl_Position = uMVPMatrix * vec4(inPosition.xyz, 1);    textureCoord = (uSTMatrix * vec4(inTextureCoord.xy, 0, 0)).xy; }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/0fa1e962ae26ab2e65a544f23b95c7d8#file-vertex-vsh\"><em>vertex.vsh<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<h3>\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439\/\u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 (Fragment Shader)<\/h3>\n<p>\u041a\u043e\u0434 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442, \u043d\u043e \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0437\u0434\u0435\u0441\u044c \u0435\u0441\u0442\u044c.<\/p>\n<p>\u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0432\u0435\u0440\u0441\u0438\u044e GLSL.<\/p>\n<pre><code>#version 300 es<\/code><\/pre>\n<p>\u0417\u0430\u0442\u0435\u043c \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0448\u0435\u0439\u0434\u0435\u0440\u0443.<\/p>\n<pre><code>uniform vec4 uMyUniform;<\/code><\/pre>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0432\u0432\u043e\u0434\u0430 \u0438 \u0432\u044b\u0432\u043e\u0434\u0430 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430. In \u2014 \u0447\u0442\u043e \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043e\u0442 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b), \u0430 out \u2014 \u0447\u0442\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 (\u0446\u0432\u0435\u0442 \u043f\u0438\u043a\u0441\u0435\u043b\u044f).<\/p>\n<pre><code class=\"kotlin\">in vec2 textureCoord; out vec4 fragColor;<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0438\u043a\u0441\u0435\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e Android View \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0435\u0433\u043e \u0446\u0432\u0435\u0442.<\/p>\n<pre><code class=\"kotlin\">void main() {    fragColor = vec4(textureCoord.x, textureCoord.y, 1.0, 1.0) * uMyUniform; }<\/code><\/pre>\n<p>\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n<pre><code class=\"kotlin\">#version 300 es  precision mediump float;  uniform vec4 uMyUniform;  in vec2 textureCoord; out vec4 fragColor;  void main() {     fragColor = vec4(textureCoord.x, textureCoord.y, 1.0, 1.0) * uMyUniform; }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/93c1b9c60a5e81dde348c4358af2fc23#file-fragment_shader-fsh\"><em>fragment_shader.fsh<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<h3>QuadRender<\/h3>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f, \u2014 \u044d\u0442\u043e \u043a\u043b\u0430\u0441\u0441 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430. \u042d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a \u0440\u0430\u0437\u043c\u0435\u0440\u0430 <code>ShaderView<\/code> \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/08a\/056\/344\/08a0563440d737a6729ae75ab6dad417.jpeg\" width=\"974\" height=\"551\"><figcaption><\/figcaption><\/figure>\n<p>\u0427\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a OpenGL \u0432 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u043a\u0430\u043c\u0435\u0440\u044b. \u041a\u0430\u043c\u0435\u0440\u0430 \u2014 \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 \u0437\u0440\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043c\u043e\u0442\u0440\u0438\u0442 \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e.<\/p>\n<p>\u041d\u0430\u0448 \u043a\u043b\u0430\u0441\u0441 \u0434\u043e\u043b\u0436\u0435\u043d \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <code>GLTextureView.Renderer<\/code> \u0442\u0440\u0435\u043c\u044f \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438:<\/p>\n<p><code>onSurfaceCreated()<\/code> \u2014 \u0421\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0448\u0435\u0439\u0434\u0435\u0440\u0430, \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0444\u043e\u0440\u043c\u044b (uniform) \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0432 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440.<\/p>\n<p><code>onDrawFrame()<\/code> \u2014 \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u043a\u0430\u0434\u0440\u0435. \u0412 \u044d\u0442\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0435 \u043c\u044b \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a \u044d\u043a\u0440\u0430\u043d\u0430 \u0438 \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0444\u043e\u0440\u043c\u044b.<\/p>\n<p><code>onSurfaceChanged()<\/code><strong> <\/strong>\u2014 \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0432\u044c\u044e\u043f\u043e\u0440\u0442.<\/p>\n<p>\u0418\u0442\u0430\u043a, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0431\u0443\u0434\u0435\u043c \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u0448\u0430\u0433 \u0437\u0430 \u0448\u0430\u0433\u043e\u043c. \u042f \u043d\u0435 \u0431\u0443\u0434\u0443 \u0432\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 OpenGL, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u044d\u0442\u043e \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0440\u0430\u043c\u043a\u0438 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438. \u042f \u0442\u0430\u043a\u0436\u0435 \u0445\u043e\u0447\u0443 \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c, \u0447\u0442\u043e \u043c\u044b \u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u043c \u0448\u0435\u0439\u0434\u0435\u0440\u0435 \u0438 \u043d\u0435 \u043a\u0430\u0441\u0430\u0435\u043c\u0441\u044f \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0434\u043b\u044f \u043b\u044e\u0431\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430.<\/p>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b.<\/p>\n<pre><code class=\"kotlin\">private const val FLOAT_SIZE_BYTES = 4 \/\/ \u0440\u0430\u0437\u043c\u0435\u0440 Float private const val TRIANGLE_VERTICES_DATA_STRIDE_BYTES = 5 * FLOAT_SIZE_BYTES \/\/ 5 float\u2019\u043e\u0432 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0432\u0435\u0440\u0448\u0438\u043d\u044b (3 float\u2019\u0430 \u043d\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0438 2 \u043d\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b) private const val TRIANGLE_VERTICES_DATA_POS_OFFSET = 0 \/\/ \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0432\u0435\u0440\u0448\u0438\u043d\u044b private const val TRIANGLE_VERTICES_DATA_UV_OFFSET = 3 \/\/ \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 3-\u0433\u043e float\u2019\u0430 (4-\u0439 \u0438 5-\u0439 float\u2019\u044b)  \/\/ \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430  const val VERTEX_SHADER_IN_POSITION = \"inPosition\" const val VERTEX_SHADER_IN_TEXTURE_COORD = \"inTextureCoord\" const val VERTEX_SHADER_UNIFORM_MATRIX_MVP = \"uMVPMatrix\" const val VERTEX_SHADER_UNIFORM_MATRIX_STM = \"uSTMatrix\"  const val FRAGMENT_SHADER_UNIFORM_MY_UNIFORM = \"uMyUniform\"  private const val UNKNOWN_PROGRAM = -1 private const val UNKNOWN_ATTRIBUTE = -1<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/8b6ac1394928b143a97a5dc27bafc7ad#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0414\u0432\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043d\u0430\u0448\u0438\u0445 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0438 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432.<\/p>\n<pre><code>private var vertexShaderSource : String, \/\/ \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 private var fragmentShaderSource : String, \/\/ \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 QuadRender.kt \u043d\u0430 GitHub<\/code><\/pre>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0435\u0440\u0448\u0438\u043d \u0434\u043b\u044f \u0431\u0443\u0444\u0435\u0440\u0430 \u0432\u0435\u0440\u0448\u0438\u043d.<\/p>\n<pre><code class=\"kotlin\">private val quadVertices: FloatBuffer  init { &nbsp;&nbsp;\/\/ \u0437\u0430\u0434\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u0432\u0435\u0440\u0448\u0438\u043d \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 &nbsp;&nbsp;&nbsp;val quadVerticesData = floatArrayOf( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/ [x,y,z, U,V] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-1.0f, -1.0f, 0f, 0f, 1f, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.0f, -1.0f, 0f, 1f, 1f, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-1.0f, 1.0f, 0f, 0f, 0f, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.0f, 1.0f, 0f, 1f, 0f &nbsp;&nbsp;&nbsp;)  &nbsp;&nbsp;&nbsp;quadVertices = ByteBuffer &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.allocateDirect(quadVerticesData.size * FLOAT_SIZE_BYTES) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.order(ByteOrder.nativeOrder()) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.asFloatBuffer() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.apply { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;put(quadVerticesData).position(0) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/37d2d8ce1a1d799ebad4887bcb10bc3b#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043c\u0430\u0442\u0440\u0438\u0446\u044b.<\/p>\n<pre><code class=\"kotlin\">private val matrixMVP = FloatArray(16) private val matrixSTM = FloatArray(16)<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/c20b3c1f0fa67963985d8d7cabdeb881#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0418 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0432 <code>init{}<\/code> \u0431\u043b\u043e\u043a.<\/p>\n<pre><code class=\"julia\">init { &nbsp;\/\/ \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0440\u0430\u043d\u0435\u0435  &nbsp;&nbsp;Matrix.setIdentityM(matrixSTM, 0) }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/4c045e69393da8fb5e62244419911953#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0412\u0435\u0440\u0448\u0438\u043d\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440, \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0432\u0435\u0440\u0448\u0438\u043d \u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u0430\u0442\u0440\u0438\u0446.<\/p>\n<pre><code class=\"kotlin\">private var inPositionHandle = UNKNOWN_ATTRIBUTE private var inTextureHandle = UNKNOWN_ATTRIBUTE private var uMVPMatrixHandle = UNKNOWN_ATTRIBUTE private var uSTMatrixHandle = UNKNOWN_ATTRIBUTE  private var uMyUniform = UNKNOWN_ATTRIBUTE<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/4ba0e6d42d51cd4c919a6c26dbc30389#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u041b\u043e\u043a\u0430\u0442\u043e\u0440 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0448\u0435\u0439\u0434\u0435\u0440\u0430.<\/p>\n<pre><code class=\"kotlin\">private var program = UNKNOWN_PROGRAM<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/bf55b390c91d4e6461d29dd98e9bcb91#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u041e\u0442\u043b\u0438\u0447\u043d\u043e, \u043c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0441 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439. \u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u043c\u0435\u0442\u043e\u0434 <code>onSurfaceCreated()<\/code>. \u041c\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043c \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043d\u0430\u0448\u0438 \u0448\u0435\u0439\u0434\u0435\u0440\u044b \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0434\u043b\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0444\u043e\u0440\u043c\u044b <code>uMyUniform<\/code><em>,<\/em> \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440.<\/p>\n<pre><code class=\"kotlin\">override fun onSurfaceCreated(gl: GL10?, config: EGLConfig?) { &nbsp;&nbsp;\/\/\u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0438\u0437 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 createProgram(vertexShaderSource, fragmentShaderSource)  &nbsp;&nbsp;\/\/ \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c \u0432\u0435\u043a\u0442\u043e\u0440 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432 \u0448\u0435\u0439\u0434\u0435\u0440\u0430 &nbsp;&nbsp;&nbsp;inPositionHandle = GLES20.glGetAttribLocation(program, VERTEX_SHADER_IN_POSITION) &nbsp;&nbsp;&nbsp;checkGlError(\"glGetAttribLocation $VERTEX_SHADER_IN_POSITION\") &nbsp;&nbsp;&nbsp;if (inPositionHandle == UNKNOWN_ATTRIBUTE) throw RuntimeException(\"Could not get attrib location for $VERTEX_SHADER_IN_POSITION\") &nbsp;&nbsp;&nbsp;inTextureHandle = GLES20.glGetAttribLocation(program, VERTEX_SHADER_IN_TEXTURE_COORD) &nbsp;&nbsp;&nbsp;checkGlError(\"glGetAttribLocation $VERTEX_SHADER_IN_TEXTURE_COORD\") &nbsp;&nbsp;&nbsp;if (inTextureHandle == UNKNOWN_ATTRIBUTE) throw RuntimeException(\"Could not get attrib location for $VERTEX_SHADER_IN_TEXTURE_COORD\")  &nbsp;&nbsp;&nbsp;uMVPMatrixHandle = GLES20.glGetUniformLocation(program, VERTEX_SHADER_UNIFORM_MATRIX_MVP) &nbsp;&nbsp;&nbsp;checkGlError(\"glGetUniformLocation $VERTEX_SHADER_UNIFORM_MATRIX_MVP\") &nbsp;&nbsp;&nbsp;if (uMVPMatrixHandle == UNKNOWN_ATTRIBUTE) throw RuntimeException(\"Could not get uniform location for $VERTEX_SHADER_UNIFORM_MATRIX_MVP\")  &nbsp;&nbsp;&nbsp;uSTMatrixHandle = GLES20.glGetUniformLocation(program, VERTEX_SHADER_UNIFORM_MATRIX_STM) &nbsp;&nbsp;&nbsp;checkGlError(\"glGetUniformLocation $VERTEX_SHADER_UNIFORM_MATRIX_STM\") &nbsp;&nbsp;&nbsp;if (uSTMatrixHandle == UNKNOWN_ATTRIBUTE) throw RuntimeException(\"Could not get uniform location for $VERTEX_SHADER_UNIFORM_MATRIX_STM\")  &nbsp;&nbsp;\/\/ (!) \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430  &nbsp;&nbsp;&nbsp;uMyUniform = GLES30.glGetUniformLocation(program, FRAGMENT_SHADER_UNIFORM_MY_UNIFORM) &nbsp;&nbsp;&nbsp;checkGlError(\"glGetUniformLocation $FRAGMENT_SHADER_UNIFORM_MY_UNIFORM\") &nbsp;&nbsp;&nbsp;if (uMyUniform == UNKNOWN_ATTRIBUTE) throw RuntimeException(\"Could not get uniform location for $FRAGMENT_SHADER_UNIFORM_MY_UNIFORM\") }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/94c08d4f878ab11d9bd4eb12def6af24#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438, \u0433\u0434\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0448\u0435\u0439 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u0444\u043e\u0440\u043c\u044b (<code>uMyUniform<\/code>) \u0434\u043b\u044f \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430. \u0414\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432 \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0442\u0430\u043a\u0438\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432.<\/p>\n<p>\u0412 <code>onSurfaceCreated()<\/code><em> <\/em>\u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438 \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b.<\/p>\n<pre><code class=\"kotlin\">\/** * \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0438\u0437 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0438 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 *\/ private fun createProgram(vertexSource: String, fragmentSource: String): Boolean { &nbsp;&nbsp;&nbsp;if (program != UNKNOWN_PROGRAM) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/ \u0443\u0434\u0430\u043b\u044f\u0435\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glDeleteProgram(program) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;program = UNKNOWN_PROGRAM &nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;\/\/ \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 &nbsp;&nbsp;&nbsp;val vertexShader = loadShader(GLES30.GL_VERTEX_SHADER, vertexSource) &nbsp;&nbsp;&nbsp;if (vertexShader == UNKNOWN_PROGRAM) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false &nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;\/\/ \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 &nbsp;&nbsp;&nbsp;val pixelShader = loadShader(GLES30.GL_FRAGMENT_SHADER, fragmentSource) &nbsp;&nbsp;&nbsp;if (pixelShader == UNKNOWN_PROGRAM) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false &nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;program = GLES30.glCreateProgram() &nbsp;&nbsp;&nbsp;if (program != UNKNOWN_PROGRAM) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glAttachShader(program, vertexShader) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;checkGlError(\"glAttachShader: vertex\") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glAttachShader(program, pixelShader) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;checkGlError(\"glAttachShader: pixel\") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return linkProgram() &nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;return true }  private fun linkProgram(): Boolean { &nbsp;&nbsp;&nbsp;if (program == UNKNOWN_PROGRAM) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false &nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;GLES30.glLinkProgram(program) &nbsp;&nbsp;&nbsp;val linkStatus = IntArray(1) &nbsp;&nbsp;&nbsp;GLES30.glGetProgramiv(program, GLES30.GL_LINK_STATUS, linkStatus, 0) &nbsp;&nbsp;&nbsp;if (linkStatus[0] != GLES30.GL_TRUE) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Log.e(TAG, \"Could not link program: \") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Log.e(TAG, GLES30.glGetProgramInfoLog(program)) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glDeleteProgram(program) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;program = UNKNOWN_PROGRAM &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false &nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;return true }  private fun loadShader(shaderType: Int, source: String): Int { &nbsp;&nbsp;&nbsp;var shader = GLES30.glCreateShader(shaderType) &nbsp;&nbsp;&nbsp;if (shader != UNKNOWN_PROGRAM) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glShaderSource(shader, source) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glCompileShader(shader) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;val compiled = IntArray(1) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glGetShaderiv(shader, GLES30.GL_COMPILE_STATUS, compiled, 0) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (compiled[0] == UNKNOWN_PROGRAM) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Log.e(TAG, \"Could not compile shader $shaderType:\") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Log.e(TAG, GLES30.glGetShaderInfoLog(shader)) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GLES30.glDeleteShader(shader) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shader = UNKNOWN_PROGRAM &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;return shader }  private fun checkGlError(op: String) { &nbsp;&nbsp;&nbsp;var error: Int &nbsp;&nbsp;&nbsp;while (GLES30.glGetError().also { error = it } != GLES30.GL_NO_ERROR) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Log.e(TAG, \"$op: glError $error\") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;throw RuntimeException(\"$op: glError $error\") &nbsp;&nbsp;&nbsp;}<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/1e13e1f5a886d1b451a4b53a7d984fc4#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043c\u0435\u0442\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c, \u2014 \u044d\u0442\u043e <code>onDrawFrame()<\/code><strong><em>.<\/em><\/strong><\/p>\n<pre><code class=\"kotlin\">override fun onDrawFrame(gl: GL10?) { &nbsp;&nbsp;&nbsp;\/\/ \u043e\u0447\u0438\u0449\u0430\u0435\u043c \u043d\u0430\u0448 \"\u044d\u043a\u0440\u0430\u043d\" &nbsp;&nbsp;&nbsp;GLES30.glClearColor(0.0f, 0.0f, 0.0f, 0.0f) &nbsp;&nbsp;&nbsp;GLES30.glClear(GLES30.GL_DEPTH_BUFFER_BIT or GLES30.GL_COLOR_BUFFER_BIT)  &nbsp;&nbsp;&nbsp;\/\/ \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 &nbsp;&nbsp;&nbsp;GLES30.glUseProgram(program)  &nbsp;&nbsp;&nbsp;\/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0432\u0432\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u0430 (\u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b) &nbsp;&nbsp;&nbsp;setAttribute(inPositionHandle, VERTEX_SHADER_IN_POSITION, 3, TRIANGLE_VERTICES_DATA_POS_OFFSET) \/\/ 3 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e 3 float\u2019\u0430 \u043d\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044e &nbsp;&nbsp;&nbsp;setAttribute(inTextureHandle, VERTEX_SHADER_IN_TEXTURE_COORD, 2, TRIANGLE_VERTICES_DATA_UV_OFFSET) \/\/ 2 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e 2 float\u2019\u0430 \u043d\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b  &nbsp;&nbsp;\/\/ \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043c\u0430\u0442\u0440\u0438\u0446\u0443 &nbsp;&nbsp;&nbsp;Matrix.setIdentityM(matrixMVP, 0) &nbsp;&nbsp;&nbsp;GLES30.glUniformMatrix4fv(uMVPMatrixHandle, 1, false, matrixMVP, 0) &nbsp;&nbsp;&nbsp;GLES30.glUniformMatrix4fv(uSTMatrixHandle, 1, false, matrixSTM, 0)  &nbsp;&nbsp;\/\/ (!) \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0444\u043e\u0440\u043c\u044b \u0434\u043b\u044f \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 &nbsp;&nbsp;&nbsp;val uMyUniformValue = floatArrayOf(1.0f, 0.75f, 0.95f, 1f) \/\/ \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u043c\u0443 \u0448\u0435\u0439\u0434\u0435\u0440\u0443 &nbsp;&nbsp;&nbsp;GLES30.glUniform4fv(uMyUniform, 1, uMyUniformValue, 0)  &nbsp;&nbsp;&nbsp;\/\/ \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u043c \u0441\u043c\u0435\u0448\u0438\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440 (\u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438) &nbsp;&nbsp;&nbsp;GLES30.glBlendFunc(GLES30.GL_SRC_ALPHA, GLES30.GL_ONE_MINUS_SRC_ALPHA) &nbsp;&nbsp;&nbsp;GLES30.glEnable(GLES20.GL_BLEND)  &nbsp;&nbsp;\/\/ \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0448\u0438 \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0438 &nbsp;&nbsp;&nbsp;GLES30.glDrawArrays(GLES30.GL_TRIANGLE_STRIP, 0, 4) &nbsp;&nbsp;&nbsp;checkGlError(\"glDrawArrays\")  &nbsp;&nbsp;&nbsp;GLES30.glFinish() }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/9b652c0ca04e233050f7b482d4167765#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0441\u0442\u0440\u043e\u043a\u0438, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 (<code>uMyUniformValue<\/code>) \u0432 \u0444\u043e\u0440\u043c\u0443 (<code>uMyUniform<\/code>) \u0432\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440.<\/p>\n<p>\u0418 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435, <code>surfaceChange()<\/code><strong><em> <\/em><\/strong>\u2014 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043c\u0435\u0442\u043e\u0434.<\/p>\n<pre><code class=\"kotlin\">override fun onSurfaceChanged(gl: GL10?, width: Int, height: Int) { &nbsp;&nbsp;&nbsp;GLES30.glViewport(0, 0, width, height) }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/f8495e3e7f7f8c62de7b8f325987bfa1#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u0434 \u044d\u0442\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 <a href=\"https:\/\/github.com\/appspell\/shader_view_for_article_example\/blob\/main\/app\/src\/main\/java\/com\/glukharev\/shaderviewforarticle\/QuadRender.kt\"><strong><u>\u0437\u0434\u0435\u0441\u044c.<\/u><\/strong><\/a><\/p>\n<h3>ShaderView<\/h3>\n<p>\u041e\u0442\u043b\u0438\u0447\u043d\u043e, \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e ShaderView, \u0433\u043e\u0442\u043e\u0432\u043e. \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u0449\u044c \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e! \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c ShaderView.<\/p>\n<pre><code class=\"kotlin\">private const val OPENGL_VERSION = 3  class ShaderView @JvmOverloads constructor( &nbsp;&nbsp;&nbsp;context: Context, &nbsp;&nbsp;&nbsp;attrs: AttributeSet? = null, &nbsp;&nbsp;&nbsp;defStyleAttr: Int = 0 ) : &nbsp;&nbsp;&nbsp;GLTextureView(context, attrs, defStyleAttr) {  &nbsp;&nbsp;&nbsp;init { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/ \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0432\u0435\u0440\u0441\u0438\u044e OpenGL &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setEGLContextClientVersion(OPENGL_VERSION)  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/ \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432 \u0438\u0437 \u0444\u0430\u0439\u043b\u043e\u0432&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;val vsh = context.resources.getRawTextFile(R.raw.vertex_shader) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;val fsh = context.resources.getRawTextFile(R.raw.fragment_shader)  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0440 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setRenderer(QuadRender(vertexShaderSource = vsh, fragmentShaderSource = fsh))  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/ \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0440\u0435\u0436\u0438\u043c \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 RENDERMODE_WHEN_DIRTY \u0438\u043b\u0438 RENDERMODE_CONTINUOUSLY &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY) \/\/ \u0438\u043b\u0438 GLSurfaceView.RENDERMODE_CONTINUOUSLY \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u043a\u0430\u0434\u0440\u0435 &nbsp;&nbsp;&nbsp;} }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/c92a8a4a7a402bdf39c36939bbf12ed0#file-shaderview-kt\"><em>ShaderView.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<h4>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440 \u0432 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0445 \u0448\u0435\u0439\u0434\u0435\u0440\u0430\u0445<\/h4>\n<p>\u041f\u0440\u0438\u044f\u0442\u043d\u043e, \u0447\u0442\u043e \u043c\u044b \u043d\u0430\u0443\u0447\u0438\u043b\u0438\u0441\u044c \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u043c\u0438 \u0448\u0435\u0439\u0434\u0435\u0440\u0430\u043c\u0438, \u043d\u043e \u0432\u043e \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u043c\u0435\u0442\u044c \u0434\u0435\u043b\u043e \u0441 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0430\u043c\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0432\u0438\u0434\u0435\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432).<\/p>\n<p>\u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443 \u0432\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u043c \u0448\u0435\u0439\u0434\u0435\u0440\u0435 \u043a\u0430\u043a <code>sampler2D<\/code><em> <\/em>\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u043f\u0438\u043a\u0441\u0435\u043b\u044c \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u043f\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430 <code>texture()<\/code> \u0438\u0437 GLSL.<\/p>\n<p>\u0412\u043e\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u0430.<\/p>\n<pre><code class=\"java\">#version 300 es precision mediump float;  uniform sampler2D uTexture;  in vec2 textureCoord; out vec4 fragColor;  void main() { &nbsp;&nbsp;&nbsp;fragColor = texture(uTexture, textureCoord); }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/7bca8144f265d6e2983cc6e9296e2853#file-fragment_texture_shader-fsh\"><em>fragment_texture_shader.fsh<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0417\u0430\u0442\u0435\u043c \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u044f\u0442\u0441\u044f \u0434\u0432\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0440\u0430\u0441\u0442\u0440\u043e\u0432\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440 OpenGL.<\/p>\n<pre><code class=\"kotlin\">fun Resources.loadBitmapForTexture(@DrawableRes drawableRes: Int): Bitmap { &nbsp;&nbsp;&nbsp;val options = BitmapFactory.Options() &nbsp;&nbsp;&nbsp;options.inScaled = false \/\/ \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e true. false, \u0435\u0441\u043b\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435  &nbsp;&nbsp;\/\/ \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0438\u0437 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 &nbsp;&nbsp;&nbsp;return BitmapFactory.decodeResource(this, drawableRes, options) }  \/** * \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u0438\u0437 Bitmap \u0438 \u0437\u0430\u043f\u0438\u0441\u044c \u0435\u0435 \u0432 \u0432\u0438\u0434\u0435\u043e\u043f\u0430\u043c\u044f\u0442\u044c * @needToRecycle - \u043d\u0443\u0436\u043d\u043e \u043b\u0438 \u043d\u0430\u043c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 Bitmap, \u043a\u043e\u0433\u0434\u0430 \u043f\u0438\u0448\u0435\u043c \u044d\u0442\u043e GPI? *\/ @Throws(RuntimeException::class) fun Bitmap.toGlTexture(needToRecycle: Boolean = true, textureSlot: Int = GLES30.GL_TEXTURE0): Int { &nbsp;&nbsp;\/\/ \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b &nbsp;&nbsp;&nbsp;val textureIds = IntArray(1) &nbsp;&nbsp;&nbsp;GLES30.glGenTextures(1, textureIds, 0) \/\/ \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c ID \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b &nbsp;&nbsp;&nbsp;if (textureIds[0] == 0) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;throw java.lang.RuntimeException(\"It's not possible to generate ID for texture\") &nbsp;&nbsp;&nbsp;}     &nbsp;&nbsp;&nbsp;GLES30.glActiveTexture(textureSlot) \/\/ \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u0435\u043c \u0441\u043b\u043e\u0442 #0 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b &nbsp;&nbsp;&nbsp;GLES30.glBindTexture(GLES30.GL_TEXTURE_2D, textureIds[0]) \/\/ \u043f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443 \u043f\u043e ID \u043a \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u043c\u0443 \u0441\u043b\u043e\u0442\u0443  &nbsp;&nbsp;\/\/ \u0444\u0438\u043b\u044c\u0442\u0440\u044b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b &nbsp;&nbsp;&nbsp;GLES30.glTexParameteri(GLES30.GL_TEXTURE_2D, GLES30.GL_TEXTURE_MIN_FILTER, GLES30.GL_LINEAR) &nbsp;&nbsp;&nbsp;GLES30.glTexParameteri(GLES30.GL_TEXTURE_2D, GLES30.GL_TEXTURE_MAG_FILTER, GLES30.GL_LINEAR)  &nbsp;&nbsp;\/\/ \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0440\u0430\u0441\u0442\u0440\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432 GPU &nbsp;&nbsp;&nbsp;GLUtils.texImage2D(GLES20.GL_TEXTURE_2D, 0, this, 0) &nbsp;&nbsp;\/\/ \u043d\u0430\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u044d\u0442\u043e \u0440\u0430\u0441\u0442\u0440\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 &nbsp;&nbsp;&nbsp;if (needToRecycle) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.recycle() &nbsp;&nbsp;&nbsp;}  &nbsp;&nbsp;\/\/ \u043e\u0442\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443 \u043e\u0442 \u0441\u043b\u043e\u0442\u0430 &nbsp;&nbsp;&nbsp;GLES30.glBindTexture(GLES30.GL_TEXTURE_2D, 0)  &nbsp;&nbsp;&nbsp;return textureIds[0] }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/2e7c8dc24766e1fb31c19ec1c9b6e603#file-extensions-kt\"><em>extensions.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u0433\u043e\u0442\u043e\u0432\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443 \u0438\u0437 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0432 \u0432\u0438\u0434\u0435 <em>\u0440\u0430\u0441\u0442\u0440\u043e\u0432\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f (bitmap),<\/em> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f <code>loadBitmapForTexture()<\/code><em>,<\/em> \u0430 \u0437\u0430\u0442\u0435\u043c \u043c\u0435\u0442\u043e\u0434 <code>QuadRender.onSurfaceCreated()<\/code>. \u041c\u044b \u043f\u0440\u0438\u0432\u044f\u0436\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443 \u043a \u0441\u043b\u043e\u0442\u0443 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b OpenGL (\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0441\u043b\u043e\u0442\u044b \u043e\u0442 <code>GL_TEXTURE0<\/code> \u0434\u043e <code>GL_TEXTURE31<\/code>).<\/p>\n<p>\u041d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0439\u0442\u0435 \u0443\u0442\u0438\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0441\u0442\u0440\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0433\u0434\u0430 \u043e\u043d\u043e \u0432\u0430\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e.<\/p>\n<pre><code class=\"kotlin\">uTextureHandle = GLES30.glGetUniformLocation(program, FRAGMENT_SHADER_UNIFORM_TEXTURE) uTextureId = textureBitmap.toGlTexture(needToRecycle = true, GLES30.GL_TEXTURE0)<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/5198346f5d28aad570c498e6c9a389e6#file-quadrender-kt\"><em>QuadRender.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e, \u043c\u044b \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u044d\u0442\u0443 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0438 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u0434\u043b\u044f \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0432 <code>QuadRender.onDrawFrame()<\/code>.<\/p>\n<p>\u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u0432 <a href=\"https:\/\/github.com\/appspell\/shader_view_for_article_example\/tree\/textures\"><strong><u>\u044d\u0442\u043e\u0439 \u0432\u0435\u0442\u043a\u0435<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<pre><code class=\"kotlin\">GLES30.glUniform1i(uTextureHandle, 0) \/\/ 0 as far as it's slot number 0\/\/ 0 \u0435\u0441\u043b\u0438 \u043d\u043e\u043c\u0435\u0440 \u0441\u043b\u043e\u0442\u0430 0 GLES30.glActiveTexture(GLES30.GL_TEXTURE0) \/\/ \u0442\u043e\u0442 \u0436\u0435 \u0441\u043b\u043e\u0442 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u043f\u0440\u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 GLES30.glBindTexture(GLES30.GL_TEXTURE_2D, uTextureId)<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/25bb20bf16879f1ebe5fb12c61dba9fd#file-quadrender-kt\">QuadRender.kt<\/a><strong> <\/strong>\u043d\u0430<strong> <\/strong><a href=\"https:\/\/github.com\/\">GitHub<\/a><\/p>\n<h4>\u0421\u0441\u044b\u043b\u043a\u0438<\/h4>\n<p>\u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438<strong> <\/strong>\u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0432 <a href=\"https:\/\/github.com\/appspell\/shader_view_for_article_example\">\u043c\u043e\u0435\u043c \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438.<\/a><\/p>\n<p>\u0421 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 ShaderView \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0440\u0443\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u044b\u0441\u043e\u043a\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u043e\u0433\u043e API \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f <a href=\"https:\/\/github.com\/appspell\/ShaderView\">\u0437\u0434\u0435\u0441\u044c.<\/a><\/p>\n<hr>\n<blockquote>\n<p><em>\u0423\u0437\u043d\u0430\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043a\u0443\u0440\u0441\u0430\u0445: <\/em><a href=\"https:\/\/otus.pw\/uKju\/\"><em>&#171;<\/em><strong><em>Android Developer. Basic<\/em><\/strong><em>&#171;<\/em><\/a><em> \/ <\/em><a href=\"https:\/\/otus.pw\/Zjir\/\"><em>&#171;<\/em><strong><em>Android Developer. Professional<\/em><\/strong><em>&#171;<\/em><\/a><em>.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0435\u0431\u0438\u043d\u0430\u0440\u044b:<\/p>\n<p>1) <\/em><a href=\"https:\/\/otus.pw\/ME6U\/\"><strong><em>\u0420\u0438\u0441\u0443\u0435\u043c \u0441\u0432\u043e\u0439 \u0433\u0440\u0430\u0444\u0438\u043a \u043a\u043e\u0442\u0438\u0440\u043e\u0432\u043e\u043a \u0432 Android<\/em><\/strong><\/a><em>:<br \/>&#8212; \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f<br \/>&#8212; \u0418\u0437\u0443\u0447\u0438\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 Canvas, Path, Paint<br \/>&#8212; \u041d\u0430\u0440\u0438\u0441\u0443\u0435\u043c \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u0433\u0440\u0430\u0444\u0438\u043a \u043a\u043e\u0442\u0438\u0440\u043e\u0432\u043e\u043a \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u043d\u0435\u0433\u043e \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439  <\/p>\n<p>2) <\/em><a href=\"https:\/\/otus.pw\/y9CN\/\"><strong><em>\u041a\u0440\u0435\u0441\u0442\u0438\u043a\u0438-\u043d\u043e\u043b\u0438\u043a\u0438 \u043d\u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u043a\u0430\u0445<\/em><\/strong><\/a><em> \u2014 \u0418\u0433\u0440\u0430 \u043d\u0430 Android \u043c\u0435\u043d\u0435\u0435 \u0447\u0435\u043c \u0437\u0430 2 \u0447\u0430\u0441\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0439\u0441\u044f \u044f\u0437\u044b\u043a \u2014 Kotlin.<\/em><\/p>\n<\/blockquote>\n<\/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=\"https:\/\/habr.com\/ru\/company\/otus\/blog\/548346\/\"> https:\/\/habr.com\/ru\/company\/otus\/blog\/548346\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\">\n<blockquote>\n<p>\u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d \u0432 \u043f\u0440\u0435\u0434\u0434\u0432\u0435\u0440\u0438\u0438 \u0441\u0442\u0430\u0440\u0442\u0430 \u043a\u0443\u0440\u0441\u043e\u0432 <a href=\"https:\/\/otus.pw\/uKju\/\">&#171;<strong>Android Developer. Basic<\/strong>&#171;<\/a> \u0438 <a href=\"https:\/\/otus.pw\/Zjir\/\">&#171;<strong>Android Developer. Professional<\/strong>&#171;<\/a>.<\/p>\n<\/blockquote>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<hr>\n<p>\u0414\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0442\u0435\u043d\u0438, \u0444\u0438\u043b\u044c\u0442\u0440\u044b \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043b\u044f \u0444\u043e\u0442\u043e \u0438\u043b\u0438 \u0432\u0438\u0434\u0435\u043e, \u0438\u043b\u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0438 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435, \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e <a href=\"https:\/\/developer.android.com\/reference\/android\/graphics\/Canvas\"><u>Canvas<\/u><\/a>. \u0411\u044b\u043b\u043e \u0431\u044b \u043a\u0443\u0434\u0430 \u043b\u0443\u0447\u0448\u0435, \u0435\u0441\u043b\u0438 \u0431\u044b \u0443 \u043d\u0430\u0441 \u0432 \u0440\u0430\u0441\u043f\u043e\u0440\u044f\u0436\u0435\u043d\u0438\u0438 \u0431\u044b\u043b\u043e \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043c\u043e\u0449\u043d\u0435\u0435. \u0420\u0430\u043d\u044c\u0448\u0435 \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/developer.android.com\/guide\/topics\/renderscript\/compute\"><u>RenderScript<\/u><\/a>, \u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043b\u0438 \u043e\u043d \u0441\u0435\u0439\u0447\u0430\u0441?<\/p>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 GLSL \u0448\u0435\u0439\u0434\u0435\u0440\u044b OpenGL \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c view, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a\u043e\u043c \u043a\u043b\u0430\u0441\u0441\u0430 Android View (<em>android.view.View<\/em>). \u042f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0432\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0435\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u043d\u0430\u0434 \u0447\u0435\u043c-\u043d\u0438\u0431\u0443\u0434\u044c \u0438\u0437 \u043d\u0438\u0436\u0435\u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u043e\u0433\u043e:<\/p>\n<ul>\n<li>\n<p>\u0428\u0435\u0439\u0434\u0435\u0440\u044b \u0438\u043b\u0438 \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044f \u0446\u0432\u0435\u0442\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043b\u044f \u0432\u0438\u0434\u0435\u043e\u043f\u043e\u0442\u043e\u043a\u043e\u0432.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u043d\u0438 \u0438 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f \u043f\u043e\u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u041a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043d\u0430\u043f\u043e\u0434\u043e\u0431\u0438\u0435 \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u044f (blurring), \u0438\u0441\u043a\u0430\u0436\u0435\u043d\u0438\u044f (distortion), \u043f\u0438\u043a\u0441\u0435\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442. \u0434.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u0415\u0441\u043b\u0438 \u0432\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u043d\u0435\u0439\u0440\u043e\u043c\u043e\u0440\u0444\u043d\u044b\u0439 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441.<\/p>\n<\/li>\n<\/ul>\n<p>\u042d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442 \u0432\u0430\u043c \u043d\u0430\u0434\u0435\u0436\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0438 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043b\u0435\u0433\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438. \u0418 \u044f \u043f\u043e\u043a\u0430\u0436\u0443 \u0432\u0430\u043c, \u043a\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c!<\/p>\n<h3>\u0418\u0434\u0435\u044f<\/h3>\n<p>\u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c \u043b\u044d\u0439\u0430\u0443\u0442\u0435 \u043b\u0435\u0436\u0430\u043b \u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0435\u0434\u0435\u0442 \u0441\u0435\u0431\u044f \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a Android View (<em>android.view.View<\/em>), \u0438 \u043c\u044b c\u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 OpenGL \u0434\u043b\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e.<\/p>\n<h3>\u0414\u0435\u043c\u043e<\/h3>\n<figure class=\"\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u0435\u043c\u043e-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 ShaderViews. \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0432\u0435\u0442 \u0438 \u0432\u0438\u0434\u0435\u043e \u0444\u0438\u043b\u044c\u0442\u0440\u044b.<\/p>\n<h4>\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435<\/h4>\n<p>\u041f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u043c, \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0443 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u0430 \u043d\u043e\u0432\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u0443\u044e \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c\u0438 \u043a\u0440\u0430\u0441\u043a\u0430\u043c\u0438, \u0438 \u043f\u043e\u0432\u0435\u0441\u0438\u0442\u044c \u0435\u0435 \u043d\u0430 \u0441\u0442\u0435\u043d\u0443. \u0427\u0442\u043e \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0432 \u043d\u0430\u0448\u0435\u0439 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438:<\/p>\n<ul>\n<li>\n<p><strong>\u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u043a\u0440\u0430\u0441\u043a\u0438<\/strong> \u2014 GLSL \u0448\u0435\u0439\u0434\u0435\u0440\u044b OpenGL.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u0425\u043e\u043b\u0441\u0442 \u2014 <\/strong>\u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442 \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e view.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u0418\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a \u2014 <\/strong>\u043a\u043b\u0430\u0441\u0441, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <em>Render<\/em>. \u042d\u0442\u043e\u0442 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442<em> \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u043a\u0440\u0430\u0441\u043a\u0438, <\/em>\u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u0443 \u043d\u0430 <em>\u0445\u043e\u043b\u0441\u0442\u0435<\/em>.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u041a\u0430\u0440\u0442\u0438\u043d\u0430 \u2014 <\/strong>\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 view-\u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u0430 \u0441 \u0435\u0433\u043e\/\u0435\u0435 \u0445\u043e\u043b\u0441\u0442\u043e\u043c \u0438 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c\u0438 \u043a\u0440\u0430\u0441\u043a\u0430\u043c\u0438.<\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p><strong>\u0421\u0442\u0435\u043d\u0430 \u2014 <\/strong>Activity \u0438\u043b\u0438 Fragment android.<\/p>\n<\/li>\n<\/ul>\n<h3>\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f<\/h3>\n<ol>\n<li>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u044b\u0431\u0435\u0440\u0435\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 view \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e view-\u043a\u043b\u0430\u0441\u0441\u0430 (\u043a\u0441\u0442\u0430\u0442\u0438, \u043c\u044b \u043d\u0430\u0437\u043e\u0432\u0435\u043c \u043d\u0430\u0448 view-\u043a\u043b\u0430\u0441\u0441 <code>ShaderView<\/code>). \u0422\u0443\u0442 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430: <code>SurfaceView<\/code> \u0438 <code>TextureView<\/code>. \u042f \u0432\u0435\u0440\u043d\u0443\u0441\u044c \u043a \u0440\u0430\u0437\u043d\u0438\u0446\u0435 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0443 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u0438\u0439.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c <em>\u043a\u043b\u0430\u0441\u0441 <\/em><code>Render<\/code><em>,<\/em> \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c <code>view<\/code> \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c 3D-\u043c\u043e\u0434\u0435\u043b\u044c \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 (quadrangle), \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442 \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e view (3D, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 OpenGL \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d \u0434\u043b\u044f 3D-\u0441\u0446\u0435\u043d). \u041d\u0435 \u0431\u0435\u0441\u043f\u043e\u043a\u043e\u0439\u0442\u0435\u0441\u044c \u043e\u0431 \u044d\u0442\u043e\u043c; \u044d\u0442\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0438 \u0441 \u043d\u0438\u043c \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0442\u0440\u0443\u0434\u043d\u043e\u0441\u0442\u0435\u0439.<\/p>\n<\/li>\n<\/ol>\n<figure class=\"full-width\"><figcaption>\u0427\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a OpenGL \u0432\u043d\u0443\u0442\u0440\u0438 TextureView.<\/figcaption><\/figure>\n<h3>SurfaceView \u0438\u043b\u0438 TextureView<\/h3>\n<p><code>SurfaceView<\/code> \u0438 <code>TextureView<\/code> \u043e\u0431\u0430 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u044e\u0442\u0441\u044f \u043e\u0442 \u043a\u043b\u0430\u0441\u0441\u0430 Android View, \u043d\u043e \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438 \u0435\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f.<\/p>\n<p>\u041d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c <code>SurfaceView<\/code> \u0438\u043c\u0435\u0435\u0442 \u043a\u043b\u0430\u0441\u0441 \u043d\u0430\u0441\u043b\u0435\u0434\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 OpenGL \u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043e\u0442\u043b\u0438\u0447\u043d\u0443\u044e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c. \u042d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>GLSurfaceView<\/code>. \u041d\u043e \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u044d\u0442\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d <code>GLSurfaceView<\/code> \u0434\u0440\u0443\u0433\u0438\u043c. \u0421\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u043d\u0430\u0448\u0435\u0439 \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0438 \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432, \u0438 \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c, \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c <code>view<\/code> \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c.<\/p>\n<p><code>TextureView<\/code> \u0432\u0435\u0434\u0435\u0442 \u0441\u0435\u0431\u044f \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u044b\u0439<em> <\/em><code>android.view.View<\/code><em>,<\/em> \u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c, \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043d\u0430\u0441\u043b\u0430\u0438\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430\u043c\u0438. \u041d\u043e \u044d\u0442\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0434\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0446\u0435\u043d\u043e\u0439 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u044f \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u0430\u043c\u044f\u0442\u0438, \u0447\u0435\u043c <code>SurfaceView<\/code>, \u0438 \u0432\u044b \u0442\u0435\u0440\u044f\u0435\u0442\u0435 \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 (\u0432 \u0441\u0440\u0435\u0434\u043d\u0435\u043c <a href=\"https:\/\/groups.google.com\/a\/chromium.org\/g\/graphics-dev\/c\/Z0yE-PWQXc4?pli=1\"><u>1\u20133 \u043a\u0430\u0434\u0440\u0430<\/u><\/a>).<\/p>\n<p>\u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044f\u0441\u044c \u043a \u0441\u0443\u0442\u0438 \u0432\u043e\u043f\u0440\u043e\u0441\u0430, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0448\u0435 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0435 view \u0432\u0435\u043b\u043e \u0441\u0435\u0431\u044f \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 view Android, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <code>TextureView<\/code>.<\/p>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0434\u043b\u044f \u043d\u0430\u0441 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043d\u0435\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 <code>OpenGL<\/code> render \u0438 <code>TextureView<\/code>. \u041d\u043e \u043d\u0435 \u0441\u043f\u0435\u0448\u0438\u0442\u0435 \u0440\u0430\u0441\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u2014 <code>GLSurfaceView<\/code> \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043a\u0430\u043a \u0440\u0430\u0437 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e, \u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0441 <code>SurfaceView<\/code>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0440\u0430\u0437\u043c\u044b\u0441\u043b\u0438\u043c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e <code>GLTextureView<\/code>.<\/p>\n<h3>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 GLTextureView<\/h3>\n<p>\u0418\u0442\u0430\u043a, \u0432 <code>GLSurfaceView<\/code> \u0435\u0441\u0442\u044c \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 OpenGL. \u041d\u0430\u043c \u0432\u0441\u0435\u0433\u043e \u043b\u0438\u0448\u044c \u043d\u0443\u0436\u043d\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u0433\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432 \u043d\u0430\u0448 \u043a\u043b\u0430\u0441\u0441 \u0438 \u0432\u043d\u0435\u0441\u0442\u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f.<\/p>\n<ol>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 <code>GLTextureView.kt<\/code><em>, <\/em>\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442\u0441\u044f \u043e\u0442 <code>TextureView<\/code> \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442<em> <\/em><code>TextureView.SurfaceTextureListener<\/code> \u0438 <code>View.OnLayoutChangeListener<\/code>. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b.<\/p>\n<\/li>\n<\/ol>\n<pre><code class=\"kotlin\">open class GLTextureView @JvmOverloads constructor(     context: Context,     attrs: AttributeSet? = null,     defStyleAttr: Int = 0 ) :     TextureView(context, attrs, defStyleAttr),     TextureView.SurfaceTextureListener,     View.OnLayoutChangeListener { }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/b6825cbe14d14c8d552b207c0a4cd049#file-gltextureview-kt\"><em>GLTextureView.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>5. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u043c\u0435\u0442\u043e\u0434&nbsp; <code>finalize()<\/code> \u0434\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430 Kotlin. (<em>\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u043b\u0443\u0447\u0448\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445<\/em>).<\/p>\n<p>6. \u0417\u0430\u043c\u0435\u043d\u0438\u0442\u0435 <code>SurfaceHolder<\/code> \u043d\u0430 <code>SurfaceTexture<\/code><em>.<\/em><\/p>\n<p>7. \u0417\u0430\u043c\u0435\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f <code>GLSurfaceView<\/code> \u043d\u0430 <code>GLTextureView<\/code><em>.<\/em><\/p>\n<p>8. \u041e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0438\u043c\u043f\u043e\u0440\u0442\u044b, \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 <code>GLSurfaceView<\/code>. \u0422\u0430\u043a\u0436\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043e\u0441\u0442\u0430\u0432\u0448\u0438\u0435\u0441\u044f \u0438\u043c\u043f\u043e\u0440\u0442\u044b \u0438 \u0443\u0434\u0430\u043b\u0438\u0442\u0435 \u0432\u0441\u0435, \u0447\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 <code>GLSurfaceView<\/code>.<\/p>\n<p>9. \u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u043d\u0443\u043b\u0435\u0432\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043f\u043e\u0441\u043b\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430 Java \u0432 Kotlin. \u0412 \u043c\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e\u0449\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 NULL (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code>egl: EGL10<\/code> \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c <code>egl: EGL10?<\/code>).<\/p>\n<p>10. \u041f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u0432 \u043e\u0431\u044a\u0435\u043a\u0442-\u043a\u043e\u043c\u043f\u0430\u043d\u044c\u043e\u043d \u0438\u043b\u0438 \u043d\u0430 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c.<\/p>\n<p>11. \u0423\u0434\u0430\u043b\u0438\u0442\u0435 \u043d\u0435\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0438.<\/p>\n<p>12. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 <code>SurfaceTextureListener<\/code>.<\/p>\n<pre><code class=\"kotlin\"> override fun onSurfaceTextureAvailable(surface: SurfaceTexture, width: Int, height: Int) {         surfaceCreated(surface)         surfaceChanged(surface, 0, width, height)     }      override fun onSurfaceTextureSizeChanged(surface: SurfaceTexture, width: Int, height: Int) {         surfaceChanged(surface, 0, width, height)     }      override fun onSurfaceTextureDestroyed(surface: SurfaceTexture): Boolean {         surfaceDestroyed(surface)         return true     }      override fun onSurfaceTextureUpdated(surface: SurfaceTexture) {     }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/74b1404a5b001a616af0d3e55c2cb80a#file-gltextureview-kt\"><em>GLTextureView.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>13. \u0412 <code>createSurface()<\/code> \u0432\u044b \u043d\u0430\u0442\u043a\u043d\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u043e\u0447\u043a\u0443, \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u0435 <code>view.holder<\/code> \u043d\u0430 <code>view.surfaceTexture<\/code><em>.<\/em><\/p>\n<p>14. \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 <code>onLayoutChange<\/code>.<\/p>\n<pre><code class=\"kotlin\"> override fun onLayoutChange(         v: View?, left: Int, top: Int,         right: Int,         bottom: Int,         oldLeft: Int,         oldTop: Int,         oldRight: Int,         oldBottom: Int     ) {         surfaceChanged(surfaceTexture, 0, right - left, bottom - top)     }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/b1ce4d7e1477b973fea15abbb0447f5e#file-gltextureview-kt\"><em>GLTextureView.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<p>\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0443 \u0432\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435 <a href=\"https:\/\/github.com\/appspell\/shader_view_for_article_example\/blob\/main\/app\/src\/main\/java\/com\/glukharev\/shaderviewforarticle\/GLTextureView.kt\"><strong><u>\u044d\u0442\u043e\u0433\u043e<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<h3>\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f<\/h3>\n<p>\u0427\u0442\u043e\u0431\u044b \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0441\u0435\u0431\u0435 \u0440\u0430\u0431\u043e\u0442\u0443, \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0442 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0438\u0437<em> <\/em>\u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432.<\/p>\n<pre><code class=\"kotlin\">fun Resources.getRawTextFile(@RawRes resource: Int): String =    openRawResource(resource).bufferedReader().use { it.readText() }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/e4d0e3e3b5211bee454cdcf9704ee9b7#file-extensions-kt\"><em>extensions.kt<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<h3>\u041a\u043e\u0434 \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432<\/h3>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0448\u0435\u0439\u0434\u0435\u0440\u044b, \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0430\u0448 \u043a\u043e\u0434 \u043c\u0435\u043d\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u043c. \u0415\u0441\u043b\u0438 \u0432\u0430\u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0448\u0435\u0439\u0434\u0435\u0440\u044b, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u0438\u0445 <a href=\"https:\/\/www.shadertoy.com\/\"><strong><u>\u0437\u0434\u0435\u0441\u044c<\/u><\/strong><\/a> \u0438\u043b\u0438 <a href=\"https:\/\/github.com\/appspell\/ShaderView\/tree\/main\/demo\/src\/main\/res\/raw\"><strong><u>\u0437\u0434\u0435\u0441\u044c<\/u><\/strong><\/a>.<\/p>\n<h3>\u0412\u0435\u0440\u0448\u0438\u043d\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 (Vertex Shader)<\/h3>\n<p>\u0414\u043b\u044f \u043d\u0430\u0448\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u043d\u0430\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u043d\u0430\u0448\u0435\u0433\u043e \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 (\u043c\u044b \u043d\u0435 \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u043c \u043a\u0443\u0447\u0443 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0435\u0433\u043e \u043a\u043e\u0434).<\/p>\n<pre><code class=\"kotlin\">#version 300 es  uniform mat4 uMVPMatrix; uniform mat4 uSTMatrix;  in vec3 inPosition; in vec2 inTextureCoord;  out vec2 textureCoord;  void main() {    gl_Position = uMVPMatrix * vec4(inPosition.xyz, 1);    textureCoord = (uSTMatrix * vec4(inTextureCoord.xy, 0, 0)).xy; }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/0fa1e962ae26ab2e65a544f23b95c7d8#file-vertex-vsh\"><em>vertex.vsh<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<h3>\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u044b\u0439\/\u043f\u0438\u043a\u0441\u0435\u043b\u044c\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440 (Fragment Shader)<\/h3>\n<p>\u041a\u043e\u0434 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442, \u043d\u043e \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0437\u0434\u0435\u0441\u044c \u0435\u0441\u0442\u044c.<\/p>\n<p>\u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0432\u0435\u0440\u0441\u0438\u044e GLSL.<\/p>\n<pre><code>#version 300 es<\/code><\/pre>\n<p>\u0417\u0430\u0442\u0435\u043c \u043c\u044b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0448\u0435\u0439\u0434\u0435\u0440\u0443.<\/p>\n<pre><code>uniform vec4 uMyUniform;<\/code><\/pre>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0432\u0432\u043e\u0434\u0430 \u0438 \u0432\u044b\u0432\u043e\u0434\u0430 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430. In \u2014 \u0447\u0442\u043e \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043e\u0442 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430 (\u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b), \u0430 out \u2014 \u0447\u0442\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 (\u0446\u0432\u0435\u0442 \u043f\u0438\u043a\u0441\u0435\u043b\u044f).<\/p>\n<pre><code class=\"kotlin\">in vec2 textureCoord; out vec4 fragColor;<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0438\u043a\u0441\u0435\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e Android View \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0435\u0433\u043e \u0446\u0432\u0435\u0442.<\/p>\n<pre><code class=\"kotlin\">void main() {    fragColor = vec4(textureCoord.x, textureCoord.y, 1.0, 1.0) * uMyUniform; }<\/code><\/pre>\n<p>\u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n<pre><code class=\"kotlin\">#version 300 es  precision mediump float;  uniform vec4 uMyUniform;  in vec2 textureCoord; out vec4 fragColor;  void main() {     fragColor = vec4(textureCoord.x, textureCoord.y, 1.0, 1.0) * uMyUniform; }<\/code><\/pre>\n<p><a href=\"https:\/\/gist.github.com\/appspell\/93c1b9c60a5e81dde348c4358af2fc23#file-fragment_shader-fsh\"><em>fragment_shader.fsh<\/em><\/a><em> \u043d\u0430 <\/em><a href=\"https:\/\/github.com\/\"><em>GitHub<\/em><\/a><\/p>\n<h3>QuadRender<\/h3>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043b\u0430\u0441\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f, \u2014 \u044d\u0442\u043e \u043a\u043b\u0430\u0441\u0441 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430. \u042d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a \u0440\u0430\u0437\u043c\u0435\u0440\u0430 <code>ShaderView<\/code> \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0448\u0435\u0439\u0434\u0435\u0440\u043e\u0432.<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0427\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a OpenGL \u0432 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u043a\u0430\u043c\u0435\u0440\u044b. \u041a\u0430\u043c\u0435\u0440\u0430 \u2014 \u044d\u0442\u043e \u0442\u043e\u0447\u043a\u0430 \u0437\u0440\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043c\u043e\u0442\u0440\u0438\u0442 \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e.<\/p>\n<p>\u041d\u0430\u0448 \u043a\u043b\u0430\u0441\u0441 \u0434\u043e\u043b\u0436\u0435\u043d \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 <code>GLTextureView.Renderer<\/code> \u0442\u0440\u0435\u043c\u044f \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438:<\/p>\n<p><code>onSurfaceCreated()<\/code> \u2014 \u0421\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0448\u0435\u0439\u0434\u0435\u0440\u0430, \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0444\u043e\u0440\u043c\u044b (uniform) \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u0432 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440.<\/p>\n<p><code>onDrawFrame()<\/code> \u2014 \u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u043a\u0430\u0434\u0440\u0435. \u0412 \u044d\u0442\u043e\u043c \u043c\u0435\u0442\u043e\u0434\u0435 \u043c\u044b \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0447\u0435\u0442\u044b\u0440\u0435\u0445\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a \u044d\u043a\u0440\u0430\u043d\u0430 \u0438 \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0444\u043e\u0440\u043c\u044b.<\/p>\n<p><code>onSurfaceChanged()<\/code><strong> <\/strong>\u2014 \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0432\u044c\u044e\u043f\u043e\u0440\u0442.<\/p>\n<p>\u0418\u0442\u0430\u043a, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0431\u0443\u0434\u0435\u043c \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u0448\u0430\u0433 \u0437\u0430 \u0448\u0430\u0433\u043e\u043c. \u042f \u043d\u0435 \u0431\u0443\u0434\u0443 \u0432\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 OpenGL, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u044d\u0442\u043e \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0440\u0430\u043c\u043a\u0438 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438. \u042f \u0442\u0430\u043a\u0436\u0435 \u0445\u043e\u0447\u0443 \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c, \u0447\u0442\u043e \u043c\u044b \u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u043c \u0448\u0435\u0439\u0434\u0435\u0440\u0435 \u0438 \u043d\u0435 \u043a\u0430\u0441\u0430\u0435\u043c\u0441\u044f \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0432\u0435\u0440\u0448\u0438\u043d\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0434\u043b\u044f \u043b\u044e\u0431\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u043d\u043e\u0433\u043e \u0448\u0435\u0439\u0434\u0435\u0440\u0430.<\/p>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b.<\/p>\n<pre><code class=\"kotlin\">private const val FLOAT_SIZE_BYTES = 4 \/\/ \u0440\u0430\u0437\u043c\u0435\u0440 Float private const val TRIANGLE_VERTICES_DATA_STRIDE_BYTES = 5 * FLOAT_SIZE_BYTES \/\/ 5 float\u2019\u043e\u0432 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0432\u0435\u0440\u0448\u0438\u043d\u044b (3 float\u2019\u0430 \u043d\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0438 2 \u043d\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b) private const val TRIANGLE_VERTICES_DATA_POS_OFFSET = 0 \/\/<\/code><\/pre>\n<\/hr>\n<\/div>\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-320029","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/320029","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=320029"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/320029\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=320029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=320029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=320029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}