{"id":411765,"date":"2024-06-29T22:09:30","date_gmt":"2024-06-29T22:09:30","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=411765"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=411765","title":{"rendered":"<span>\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435: \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0438\u0433\u0440\u044b-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u0440\u0430 \u043d\u0430 SDL \u0432 300 \u0441\u0442\u0440\u043e\u043a C++<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435. \u042f \u0447\u0438\u0442\u0430\u044e \u043b\u0435\u043a\u0446\u0438\u0438 \u043f\u043e C++ \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u043a\u0443\u0440\u0441\u0435 \u043c\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430, \u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443\u043c\u0430 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0437\u0430\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u0443\u044e \u0438\u0433\u0440\u0443 (\u043d\u0435 \u0432\u044b\u043d\u043e\u0448\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0442\u0438\u043f\u0430 &#171;\u0441\u043e\u0444\u0442 \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043d\u0438\u0433 \u0432 \u043c\u0435\u0441\u0442\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435&#187;). \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u043c, \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043e\u043a, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u043e\u043b\u0434\u0441\u043a\u0443\u043b\u044c\u043d\u043e\u0433\u043e 3\u0434 \u0448\u0443\u0442\u0435\u0440\u0430 \u0432 486 \u0441\u0442\u0440\u043e\u043a C++ <a href=\"https:\/\/habr.com\/ru\/post\/439698\/\">\u044f \u0443\u0436\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u043b<\/a>, \u0430 <a href=\"https:\/\/www.youtube.com\/watch?v=Ekomnk1eNFU\" rel=\"nofollow noopener noreferrer\">\u0432\u043e\u0442 \u0442\u0443\u0442<\/a> \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0447\u0442\u043e \u0438\u0437 \u043d\u0435\u0451 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043f\u0435\u0440\u0432\u043e\u043a\u0443\u0440\u0441\u043d\u0438\u043a\u0438.<\/p>\n<p>  <\/p>\n<p>\u0412 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u0432\u0441\u0451 \u0431\u0443\u0434\u0435\u0442 \u0435\u0449\u0451 \u043f\u0440\u043e\u0449\u0435, \u044f \u0445\u043e\u0447\u0443 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u043f\u043e\u0434 \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u0440, \u0432\u043e\u0442 \u0442\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa5\/7b6\/a2c\/aa57b6a2c9897a5096d1218f653d6b38.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa5\/7b6\/a2c\/aa57b6a2c9897a5096d1218f653d6b38.gif\"\/><\/p>\n<p>  <\/p>\n<p>\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 <a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\" rel=\"nofollow noopener noreferrer\">\u043f\u0440\u043e\u0435\u043a\u0442<\/a> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043c\u0435\u043d\u0435\u0435 \u0442\u0440\u0451\u0445\u0441\u043e\u0442 \u0441\u0442\u0440\u043e\u0447\u0435\u043a \u0446\u043f\u043f:<\/p>\n<p>  <\/p>\n<pre><code class=\"plaintext\">ssloy@khronos:~\/sdl2-demo\/src$ cat *.cpp *.h | wc -l 296<\/code><\/pre>\n<p>  <\/p>\n<p>\u041c\u043e\u0439 \u043e\u043f\u044b\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043e\u0434 \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e. \u041d\u0443\u0436\u043d\u043e \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c, \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u043d\u043e \u044f \u043f\u0440\u0438\u0448\u0451\u043b \u043a \u0442\u0430\u043a\u043e\u043c\u0443 \u043a\u043e\u0434\u0443, \u0432\u0435\u0434\u044c \u0441\u0430\u043c\u044b\u0439 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u043d\u0430\u0432\u044b\u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430 \u2014 \u044d\u0442\u043e \u0441\u0443\u043c\u0435\u0442\u044c \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043f\u043e\u0434\u0437\u0430\u0434\u0430\u0447, \u043a\u0430\u0436\u0434\u0430\u044f \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043b\u0435\u0433\u043a\u043e.<\/p>\n<p>  <\/p>\n<p>\u0418\u0442\u0430\u043a, \u043f\u043e\u0435\u0445\u0430\u043b\u0438!<\/p>\n<p><a name=\"habracut\"><\/a>  <\/p>\n<h1 id=\"shag-pervyy-kompiliruem-proekt-i-otkryvaem-okno\">\u0428\u0430\u0433 \u043f\u0435\u0440\u0432\u044b\u0439: \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043e\u043a\u043d\u043e<\/h1>\n<p>  <\/p>\n<p>\u042f \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0437\u043d\u0430\u044e \u043f\u0440\u043e \u043e\u043a\u043e\u043d\u043d\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u044b\u0431\u0440\u0430\u043b \u043f\u0435\u0440\u0432\u0443\u044e \u043f\u043e\u043f\u0430\u0432\u0448\u0443\u044e\u0441\u044f, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e SDL. \u041f\u0435\u0440\u0432\u044b\u0439 \u0448\u0430\u0433 \u2014 \u0441\u0430\u043c\u044b\u0439 \u0441\u043b\u043e\u0436\u043d\u044b\u0439. \u041d\u0443\u0436\u043d\u043e \u0441\u0443\u043c\u0435\u0442\u044c \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0443\u0441\u0442\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u0438 \u0441\u043b\u0438\u043d\u043a\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439. \u0421\u0430\u043c\u0430\u044f \u043f\u0435\u0440\u0432\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u0443\u0441\u0442\u043e\u0435 \u043e\u043a\u043d\u043e, \u0438 \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0435\u0433\u043e \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f. <a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\/tree\/b2c45dd6fa1dae0b2f17406cde0dd5be436d9d6d\" rel=\"nofollow noopener noreferrer\">\u0412\u043e\u0442 \u0442\u0443\u0442<\/a> \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u043c\u043c\u0438\u0442:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/post_images\/88b\/e63\/95f\/88be6395fe1e712e509423f545bd3815.png\" alt=\"image\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/88b\/e63\/95f\/88be6395fe1e712e509423f545bd3815.png\"\/><\/p>\n<p>  <\/p>\n<p>\u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u044f \u0445\u043e\u0442\u0435\u043b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0447\u0435\u0440\u043d\u043e\u0432\u043e\u0439 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439, \u0438 \u043f\u043e\u0442\u043e\u043c \u043f\u043e\u0447\u0438\u0441\u0442\u0438\u0442\u044c \u0438\u0441\u0442\u043e\u0440\u0438\u044e, \u0443\u0431\u0440\u0430\u0442\u044c \u0434\u0435\u0442\u0441\u043a\u0438\u0435 \u0431\u0430\u0433\u0438, \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 &#171;\u043e\u0434\u0438\u043d \u043a\u043e\u043c\u043c\u0438\u0442 \u043d\u0430 \u043e\u0434\u043d\u0443 \u0444\u0438\u0447\u0443&#187;, \u043d\u043e \u0442\u0443\u0442 \u0441\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u0430\u043d\u0435\u043a\u0434\u043e\u0442: \u0442\u043e\u043b\u044c\u043a\u043e \u044f \u0441\u043e\u0437\u0434\u0430\u043b \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439, \u043a\u0430\u043a \u043e\u043d \u0431\u044b\u043b \u043d\u0435\u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u0444\u043e\u0440\u043a\u043d\u0443\u0442 \u043f\u0430\u0440\u043e\u0439 \u0447\u0435\u043b\u043e\u0432\u0435\u043a, \u043e\u0434\u0438\u043d \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043d\u0435 \u043a \u0442\u043e\u043c\u0443 \u0436\u0435 \u043f\u0440\u0438\u0441\u043b\u0430\u043b \u043f\u0443\u043b\u043b \u0440\u0435\u043a\u0432\u0435\u0441\u0442 <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/post_images\/c1c\/50c\/51c\/c1c50c51c5952294526a9ab44d59ecc9.png\" width=\"32\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/c1c\/50c\/51c\/c1c50c51c5952294526a9ab44d59ecc9.png\"\/>. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0447\u0438\u0441\u0442\u0438\u0442\u044c \u0438\u0441\u0442\u043e\u0440\u0438\u044e, \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u0432 \u0438\u0445 \u0440\u0435\u043f\u044b, \u044f \u0443\u0436\u0435 \u043d\u0435 \u043c\u043e\u0433\u0443. \u0418\u0437\u0434\u0435\u0440\u0436\u043a\u0438 \u0434\u0432\u0443\u0445 \u0441 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u043e\u0439 \u0442\u044b\u0441\u044f\u0447 \u0444\u043e\u043b\u043b\u043e\u0432\u0435\u0440\u043e\u0432 \u043d\u0430 \u0433\u0438\u0442\u0445\u0430\u0431\u0435 <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/post_images\/032\/def\/aa0\/032defaa042b9ccf99713923e1a277e4.png\" width=\"32\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/032\/def\/aa0\/032defaa042b9ccf99713923e1a277e4.png\"\/>. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0443 \u043c\u0435\u043d\u044f \u0447\u0435\u0441\u0442\u043d\u044b\u0439 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u0431\u0435\u0437 \u043f\u0440\u0438\u043a\u0440\u0430\u0441.<\/p>\n<p>  <\/p>\n<p>\u0421\u0431\u043e\u0440\u043e\u0447\u043d\u044b\u0439 \u0444\u0430\u0439\u043b CMakeLists.txt \u043b\u0443\u0447\u0448\u0435 <a href=\"https:\/\/raw.githubusercontent.com\/ssloy\/sdl2-demo\/main\/CMakeLists.txt\" rel=\"nofollow noopener noreferrer\">\u0432\u0437\u044f\u0442\u044c \u0438\u0437 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438<\/a>, \u043e\u043d \u043b\u0438\u043d\u043a\u0443\u0435\u0442\u0441\u044f \u0441 SDL2, \u0435\u0441\u043b\u0438 \u043d\u0430\u0439\u0434\u0451\u0442 \u0435\u0433\u043e \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0435, \u0430 \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442 \u0435\u0433\u043e \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438, \u0438 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 \u0435\u0433\u043e \u0441\u0430\u043c. \u0414\u043e\u043b\u0436\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0431\u0435\u0437 \u0441\u0443\u0447\u043a\u0430-\u0437\u0430\u0434\u043e\u0440\u0438\u043d\u043a\u0438 \u043a\u0430\u043a \u043f\u043e\u0434 \u043b\u0438\u043d\u0443\u0445\u043e\u043c, \u0442\u0430\u043a \u0438 \u043f\u043e\u0434 \u0432\u0438\u043d\u0434\u043e\u0439.<\/p>\n<p>  <\/p>\n<p>\u0412\u043e\u0442 \u0442\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u043e\u0434, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u043f\u0443\u0441\u0442\u043e\u0435 \u043e\u043a\u043d\u043e:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">#include &lt;iostream> #define SDL_MAIN_HANDLED #include &lt;SDL.h>  void main_loop(SDL_Renderer *renderer) {     while (1) { \/\/ main game loop         SDL_Event event; \/\/ handle window closing         if (SDL_PollEvent(&amp;event) &amp;&amp; (SDL_QUIT==event.type || (SDL_KEYDOWN==event.type &amp;&amp; SDLK_ESCAPE==event.key.keysym.sym)))             break; \/\/ quit         SDL_RenderClear(renderer); \/\/ re-draw the window         SDL_RenderPresent(renderer);     } }  int main() {     SDL_SetMainReady(); \/\/ tell SDL that we handle main() function ourselves, comes with the SDL_MAIN_HANDLED macro     if (SDL_Init(SDL_INIT_VIDEO)) {         std::cerr &lt;&lt; \"Failed to initialize SDL: \" &lt;&lt; SDL_GetError() &lt;&lt; std::endl;         return -1;     }      SDL_Window   *window   = nullptr;     SDL_Renderer *renderer = nullptr;     if (SDL_CreateWindowAndRenderer(1024, 768, SDL_WINDOW_SHOWN | SDL_WINDOW_INPUT_FOCUS, &amp;window, &amp;renderer)) {         std::cerr &lt;&lt; \"Failed to create window and renderer: \" &lt;&lt; SDL_GetError() &lt;&lt; std::endl;         return -1;     }     SDL_SetWindowTitle(window, \"SDL2 game blank\");     SDL_SetRenderDrawColor(renderer, 210, 255, 179, 255);      main_loop(renderer); \/\/ all interesting things happen here      SDL_DestroyRenderer(renderer);     SDL_DestroyWindow(window);     SDL_Quit();     return 0; }<\/code><\/pre>\n<p>  <\/p>\n<p>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0442\u0430\u043c \u043d\u0438\u0447\u0435\u0433\u043e \u0441\u0432\u0435\u0440\u0445\u044a\u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e: \u043c\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c SDL, \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u043e\u043a\u043d\u043e \u0441 \u0437\u043e\u043d\u043e\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0430 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0438\u043a\u043b \u0438\u0433\u0440\u044b. \u041f\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044e \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u043e\u043a\u043d\u0430 \u0438\u043b\u0438 \u043f\u043e \u043d\u0430\u0436\u0430\u0442\u0438\u044e \u044d\u0441\u043a\u0435\u0439\u043f\u0430 \u0432\u044b\u0445\u043e\u0434\u0438\u043c \u0438\u0437 \u0446\u0438\u043a\u043b\u0430 \u0438 \u0447\u0438\u0441\u0442\u0438\u043c \u043f\u0430\u043c\u044f\u0442\u044c. Piece of cake.<\/p>\n<p>  <\/p>\n<h1 id=\"shag-vtoroy-schyotchik-fps\">\u0428\u0430\u0433 \u0432\u0442\u043e\u0440\u043e\u0439: \u0441\u0447\u0451\u0442\u0447\u0438\u043a fps<\/h1>\n<p>  <\/p>\n<p>\u041d\u0430 \u0432\u0442\u043e\u0440\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u044f \u0440\u0435\u0448\u0438\u043b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043e\u043a \u044d\u043a\u0440\u0430\u043d\u0430 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443, \u0445\u043e\u0447\u0443 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 (\u043d\u0435 \u043f\u0443\u0433\u0430\u0439\u0442\u0435\u0441\u044c \u0441\u043e\u0440\u043e\u043a\u0430 \u0442\u044b\u0441\u044f\u0447 fps, \u0432\u0441\u0451 \u0436\u0435 \u043c\u044b \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u043c \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0446\u0438\u043a\u043b\u0435!):<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/145\/b50\/73b\/145b5073b1029b2c7d89e2ba5d771ffa.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/145\/b50\/73b\/145b5073b1029b2c7d89e2ba5d771ffa.gif\"\/><\/p>\n<p>  <\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0434\u0432\u0435 \u0432\u0435\u0449\u0438:<\/p>\n<p>  <\/p>\n<ul>\n<li>\u043d\u0430\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u043e\u043a \u044d\u043a\u0440\u0430\u043d\u0430 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443<\/li>\n<li>\u043d\u0430\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0435\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435<\/li>\n<\/ul>\n<p>  <\/p>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0451\u043c \u0441 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0430. \u0421\u043f\u0435\u0440\u0432\u0430 \u044f \u0445\u043e\u0442\u0435\u043b \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 SDL_ttf, \u043d\u043e \u043f\u043e\u0442\u043e\u043c \u0432\u044b\u044f\u0441\u043d\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u043e\u043d\u0430 \u0442\u044f\u043d\u0435\u0442 \u0437\u0430 \u0441\u043e\u0431\u043e\u0439 \u0435\u0449\u0451 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u0438 \u043c\u043d\u0435 \u0441\u0442\u0430\u043b\u043e \u043b\u0435\u043d\u044c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0435\u0449\u0451 \u0438 \u0438\u0445, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u044b \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0440\u0435\u0448\u0438\u043b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0442\u0443\u043f\u0435\u0435: \u044f \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u043b \u0434\u0435\u0441\u044f\u0442\u044c \u0446\u0438\u0444\u0440 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 24&#215;30 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439, \u0438 \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043b \u0438\u0445 \u0432 \u043e\u0434\u0438\u043d .bmp \u0444\u0430\u0439\u043b \u0440\u0430\u0437\u043c\u0435\u0440\u0430 240 x 30 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/post_images\/f2c\/b7d\/b64\/f2cb7db64fb068941515b20778b5b796.png\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/f2c\/b7d\/b64\/f2cb7db64fb068941515b20778b5b796.png\"\/><\/p>\n<p>  <\/p>\n<p>\u0412\u0441\u0451 \u0435\u0434\u0438\u043d\u043e \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0443\u043c\u0435\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043e \u0441\u043f\u0440\u0430\u0439\u0442\u0430\u043c\u0438, \u0442\u0430\u043a \u043f\u043e\u0447\u0435\u043c\u0443 \u0431\u044b \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0436\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0443 \u0434\u043b\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0430? \u0418\u0442\u0430\u043a, \u0432\u043e\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u043e \u0441\u043f\u0440\u0430\u0439\u0442\u0430\u043c\u0438:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">struct Sprite {     Sprite(SDL_Renderer *renderer, const std::string filename, const int width) : width(width) {         SDL_Surface *surface = SDL_LoadBMP((std::string(RESOURCES_DIR) + filename).c_str());         if (!surface) {             std::cerr &lt;&lt; \"Error in SDL_LoadBMP: \" &lt;&lt; SDL_GetError() &lt;&lt; std::endl;             return;         }         if (!(surface->w%width) &amp;&amp; surface->w\/width) { \/\/ image width must be a multiple of sprite width             height  = surface->h;             nframes = surface->w\/width;             texture = SDL_CreateTextureFromSurface(renderer, surface);         } else             std::cerr &lt;&lt; \"Incorrect sprite size\" &lt;&lt; std::endl;         SDL_FreeSurface(surface);     }      SDL_Rect rect(const int idx) const { \/\/ choose the sprite number idx from the texture         return { idx*width, 0, width, height };     }      ~Sprite() { \/\/ do not forget to free the memory!         if (texture) SDL_DestroyTexture(texture);     }      SDL_Texture *texture = nullptr; \/\/ the image is to be stored here     int width   = 0; \/\/ single sprite width (texture width = width * nframes)     int height  = 0; \/\/ sprite height     int nframes = 0; \/\/ number of frames in the animation sequence };<\/code><\/pre>\n<p>  <\/p>\n<p>\u0412 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0443 \u043d\u0430\u0441 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443, \u0448\u0438\u0440\u0438\u043d\u0430 \u043e\u0434\u043d\u043e\u0433\u043e \u0441\u043f\u0440\u0430\u0439\u0442\u0430, \u0432\u044b\u0441\u043e\u0442\u0430 \u0441\u043f\u0440\u0430\u0439\u0442\u0430, \u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u043f\u0440\u0430\u0439\u0442\u043e\u0432 \u0432 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0435. \u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442 .bmp \u0444\u0430\u0439\u043b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442, \u0447\u0442\u043e \u0435\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u044e\u0442 \u0441 \u043e\u0436\u0438\u0434\u0430\u0435\u043c\u044b\u043c. \u041d\u0443 \u0430 \u043c\u0435\u0442\u043e\u0434 <code>rect(idx)<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0441\u043f\u0440\u0430\u0439\u0442 \u0441 \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u043c <code>idx<\/code> \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0435\u0433\u043e \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435 \u0432 \u0437\u043e\u043d\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0430.<\/p>\n<p>  <\/p>\n<p>\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043f\u0440\u043e \u0441\u0447\u0451\u0442\u0447\u0438\u043a. \u042f \u0441\u043e\u0437\u0434\u0430\u043b \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c <code>FPS_Counter<\/code>, \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u044e \u0435\u0451 \u043c\u0435\u0442\u043e\u0434 <code>.draw()<\/code> \u0432\u043d\u0443\u0442\u0440\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">void main_loop(SDL_Renderer *renderer) {     FPS_Counter fps_counter(renderer);     while (1) { \/\/ main game loop         [...]         SDL_RenderClear(renderer); \/\/ re-draw the window         fps_counter.draw();         SDL_RenderPresent(renderer);     } }<\/code><\/pre>\n<p>  <\/p>\n<p>\u041c\u0435\u0442\u043e\u0434 <code>.draw()<\/code> \u0432\u0435\u0434\u0451\u0442 \u043f\u043e\u0434\u0441\u0447\u0451\u0442 \u0432\u044b\u0437\u043e\u0432\u043e\u0432, \u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442 \u0441\u0447\u0451\u0442\u0447\u0438\u043a, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043f\u043e\u0434\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0435 \u0441\u043f\u0440\u0430\u0439\u0442\u044b \u0441 \u0446\u0438\u0444\u0440\u0430\u043c\u0438. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u044d\u0442\u0443 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443. \u041e\u0441\u043d\u043e\u0432\u0430\u044f \u0438\u0434\u0435\u044f \u2014 \u0438\u0437\u043c\u0435\u0440\u044f\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0432\u044b\u0437\u043e\u0432\u043e\u0432 <code>.draw()<\/code> \u0440\u0430\u0437 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f (\u0443 \u043c\u0435\u043d\u044f \u0442\u0440\u0438\u0441\u0442\u0430 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434). \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0438\u043d\u0442\u0430 \u2014 <code>fps_prev<\/code> \u0445\u0440\u0430\u043d\u0438\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 fps, \u0430 <code>fps_cur<\/code> \u044d\u0442\u043e \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0447\u0451\u0442\u0447\u0438\u043a. \u0415\u0449\u0451 \u043d\u0443\u0436\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u043c\u0435\u0442\u043a\u0443 <code>timestamp<\/code> \u0434\u043b\u044f \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0441\u0430\u043c\u044b\u0445 \u0442\u0440\u0451\u0445\u0441\u043e\u0442 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0412\u043e\u0442 \u0442\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u0434 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">struct FPS_Counter {     FPS_Counter(SDL_Renderer *renderer) : renderer(renderer), numbers(renderer, \"numbers.bmp\", 24) {}      void draw() {         fps_cur++;         double dt = std::chrono::duration&lt;double>(Clock::now() - timestamp).count();         if (dt>=.3) { \/\/ every 300 ms update current FPS reading             fps_prev = fps_cur\/dt;             fps_cur = 0;             timestamp = Clock::now();         }         SDL_Rect dst = {4, 16, numbers.width, numbers.height}; \/\/ first character will be drawn here         for (const char c : std::to_string(fps_prev)) { \/\/ extract individual digits of fps_prev             SDL_Rect src = numbers.rect(c-'0'); \/\/ crude conversion of numeric characters to int: '7'-'0'=7             SDL_RenderCopy(renderer, numbers.texture, &amp;src, &amp;dst); \/\/ draw current digit             dst.x += numbers.width + 4; \/\/ draw characters left-to-right, +4 for letter spacing (TODO: add padding directly to the .bmp file)         }     }      int fps_cur  = 0; \/\/ the FPS readings are updated once in a while; fps_cur is the number of draw() calls since the last reading     int fps_prev = 0; \/\/ and here is the last fps reading     TimeStamp timestamp = Clock::now(); \/\/ last time fps_prev was updated     SDL_Renderer *renderer; \/\/ draw here     const Sprite numbers;   \/\/ \"font\" file };<\/code><\/pre>\n<p>  <\/p>\n<p><code>fps_counter.draw();<\/code> inside main loop <code>while(1) { ... }<\/code>.<\/p>\n<p>  <\/p>\n<p><a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\/commit\/46479b98dbd27f20c33c4fbd23802ce581a7c67b\" rel=\"nofollow noopener noreferrer\">\u0412\u043e\u0442 \u0442\u0443\u0442<\/a> \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u043e\u043c\u043c\u0438\u0442 \u0441 \u0440\u0430\u0431\u043e\u0447\u0438\u043c \u043a\u043e\u0434\u043e\u043c.<\/p>\n<p>  <\/p>\n<h1 id=\"shag-tretiy-sorok-tysyach-fps-eto-mnogovato-davayte-pomenshe\">\u0428\u0430\u0433 \u0442\u0440\u0435\u0442\u0438\u0439: \u0441\u043e\u0440\u043e\u043a \u0442\u044b\u0441\u044f\u0447 fps \u044d\u0442\u043e \u043c\u043d\u043e\u0433\u043e\u0432\u0430\u0442\u043e, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u043c\u0435\u043d\u044c\u0448\u0435<\/h1>\n<p>  <\/p>\n<p>\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0443 \u043c\u0435\u043d\u044f \u043d\u0430 \u043d\u043e\u0443\u0442\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0442\u043e\u0440\u044b \u043a\u0440\u0443\u0442\u044f\u0442\u0441\u044f \u0442\u0430\u043a, \u0447\u0442\u043e \u043e\u043d \u043f\u043e\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0443\u043b\u0435\u0442\u0435\u0442\u044c. \u0414\u0430\u0432\u0430\u0439\u0442\u0435-\u043a\u0430 \u0441\u043d\u0438\u0437\u0438\u043c \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043d\u0430 \u043f\u0440\u043e\u0446. \u041a\u0430\u043a \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0438\u043a\u043b \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 50 \u0440\u0430\u0437 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443? \u0421\u0430\u043c\u044b\u0439 \u043d\u0430\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u2014 \u044d\u0442\u043e \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435 \u0442\u0430\u043a\u043e\u0433\u043e \u043a\u043e\u0434\u0430:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">    while (1) { \/\/ main game loop         do_something();         sleep(20);     } }<\/code><\/pre>\n<p>  <\/p>\n<p>\u041c\u044b \u043c\u043e\u0436\u0435\u043c \u0442\u0443\u043f\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0430 20 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434 \u0432 \u0442\u0435\u043b\u043e \u0446\u0438\u043a\u043b\u0430, \u043f\u043e\u043b\u0443\u0447\u0438\u0432 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c 50 fps. \u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0438\u043c\u0435\u0435\u0442 \u043f\u0440\u0430\u0432\u043e \u043d\u0430 \u0436\u0438\u0437\u043d\u044c, \u043d\u043e \u043e\u043d \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442, \u0447\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0431\u043e\u0442\u044b <code>do_nothing()<\/code> \u043f\u0440\u0435\u043d\u0435\u0431\u0440\u0435\u0436\u0438\u043c\u043e. \u0410 \u0435\u0441\u043b\u0438 \u0432\u0434\u0440\u0443\u0433 \u043e\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f, \u0441\u043a\u0430\u0436\u0435\u043c, \u0437\u0430 12\u043c\u0441? \u0422\u043e\u0433\u0434\u0430 \u043d\u0430\u043c \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0443\u0436\u043d\u043e \u043d\u0435 20, \u0430 8, \u0438\u043d\u0430\u0447\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0435\u0434\u0430\u0435\u0442 FSP. \u0410 \u0432\u0435\u0434\u044c \u044d\u0442\u043e \u0435\u0449\u0451 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u2026 \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">    TimeStamp timestamp = Clock::now();     while (1) { \/\/ main game loop         double dt = std::chrono::duration&lt;double>(Clock::now() - timestamp).count();         if (dt&lt;.02) { \/\/ 50 FPS regulation             std::this_thread::sleep_for(std::chrono::milliseconds(1));             continue;         }         timestamp = Clock::now();         do_something();     } }<\/code><\/pre>\n<p>  <\/p>\n<p>\u041c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u0445\u0440\u0430\u043d\u0438\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u043c\u0435\u0442\u043a\u0443 <code>timestamp<\/code>, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0435 \u044d\u043a\u0440\u0430\u043d\u0430, \u0438 \u043d\u0435 \u0434\u0430\u0451\u043c \u043f\u0440\u043e\u0439\u0442\u0438 \u0432\u043d\u0443\u0442\u0440\u044c \u0446\u0438\u043a\u043b\u0430 \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0438\u0441\u0442\u0435\u043a\u0443\u0442 20 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434. \u0417\u0430\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 1\u043c\u0441 \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0433\u0440\u0443\u0437\u0438\u0442\u044c CPU \u043d\u0430 100% \u043f\u0443\u0441\u0442\u044b\u043c\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430\u043c\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438. \u0420\u0430\u0437\u0443\u043c\u0435\u0435\u0442\u0441\u044f, \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u0433\u0440\u0435 \u0437\u0430 \u044d\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043b\u0443\u0447\u0448\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0435, \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0444\u0438\u0437\u0438\u043a\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440.<\/p>\n<p>  <\/p>\n<p>\u0418\u0442\u0430\u043a, \u0432\u043e\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/4fc\/cf9\/55c\/4fccf955c5cc7eef64cf3fe3a3d890a8.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/4fc\/cf9\/55c\/4fccf955c5cc7eef64cf3fe3a3d890a8.gif\"\/><\/p>\n<p>  <\/p>\n<h1 id=\"shag-chetvyortyy-otrisovyvaem-uroven\">\u0428\u0430\u0433 \u0447\u0435\u0442\u0432\u0451\u0440\u0442\u044b\u0439: \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0443\u0440\u043e\u0432\u0435\u043d\u044c<\/h1>\n<p>  <\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0442\u0440\u0438\u0441\u0443\u0435\u043c \u043a\u0430\u0440\u0442\u0443 \u0443\u0440\u043e\u0432\u043d\u044f, <a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\/commit\/5813d7d3e971b4e280419f50830b47b1187e25c0\" rel=\"nofollow noopener noreferrer\">\u0432\u043e\u0442 \u0442\u0443\u0442<\/a> \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u043c\u043c\u0438\u0442. \u042f \u0445\u043e\u0447\u0443 \u0432\u0438\u0434\u0435\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/post_images\/ab9\/0dc\/469\/ab90dc469e7965c598eebd23d502b782.png\" width=\"640\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/ab9\/0dc\/469\/ab90dc469e7965c598eebd23d502b782.png\"\/>  <\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u044f \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u043b \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0443 768 x 128 \u043f\u0438\u043a\u0441\u043b\u0435\u0439, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0443 \u043c\u0435\u043d\u044f \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043e \u0448\u0435\u0441\u0442\u044c \u0441\u043f\u0440\u0430\u0439\u0442\u043e\u0432 \u043a\u0430\u043c\u0435\u043d\u044e\u043a \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c 128&#215;128:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/post_images\/7b2\/6f8\/832\/7b26f883201b8575bf15365170700f3e.png\" width=\"640\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/7b2\/6f8\/832\/7b26f883201b8575bf15365170700f3e.png\"\/>  <\/p>\n<p>\u041c\u043e\u0439 \u044d\u043a\u0440\u0430\u043d \u0440\u0430\u0437\u0431\u0438\u0442 \u043d\u0430 192 \u043a\u043b\u0435\u0442\u043a\u0438 (16 \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438 \u0438 12 \u043f\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438), \u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043a\u043b\u0435\u0442\u043a\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043a\u0430\u043a\u0430\u044f-\u0442\u043e \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0430. <\/p>\n<p>  <\/p>\n<p>\u042f \u0441\u043e\u0437\u0434\u0430\u043b \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 <code>Map<\/code>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0432 \u043e\u0441\u043d\u043e\u0432\u043e\u043c \u0446\u0438\u043a\u043b\u0435 \u0438\u0433\u0440\u044b:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">    Map map(renderer);     while (1) { \/\/ main game loop         [...]         SDL_RenderClear(renderer); \/\/ re-draw the window         map.draw();         SDL_RenderPresent(renderer);     }<\/code><\/pre>\n<p>  <\/p>\n<p>\u0421\u0430\u043c\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">struct Map {     Map(SDL_Renderer *renderer) : renderer(renderer), textures(renderer, \"ground.bmp\", 128) {         assert(sizeof(level) == w*h+1); \/\/ +1 for the null terminated string         int window_w, window_h;         if (!SDL_GetRendererOutputSize(renderer, &amp;window_w, &amp;window_h)) {             tile_w = window_w\/w;             tile_h = window_h\/h;         } else             std::cerr &lt;&lt; \"Failed to get renderer size: \" &lt;&lt; SDL_GetError() &lt;&lt; std::endl;     }      void draw() { \/\/ draw the level in the renderer window         for (int j=0; j&lt;h; j++)             for (int i=0; i&lt;w; i++) {                 if (is_empty(i, j)) continue;                 SDL_Rect dst = { tile_w*i, tile_h*j, tile_w, tile_h };                 SDL_Rect src = textures.rect(get(i,j));                 SDL_RenderCopy(renderer, textures.texture, &amp;src, &amp;dst);             }     }      int get(const int i, const int j) const { \/\/ retreive the cell, transform character to texture index         assert(i>=0 &amp;&amp; j>=0 &amp;&amp; i&lt;w &amp;&amp; j&lt;h);         return level[i+j*w] - '0';     }      bool is_empty(const int i, const int j) const {         assert(i>=0 &amp;&amp; j>=0 &amp;&amp; i&lt;w &amp;&amp; j&lt;h);         return level[i+j*w] == ' ';     }      SDL_Renderer *renderer; \/\/ draw here     int tile_w = 0, tile_h = 0; \/\/ tile size in the renderer window      const Sprite textures;         \/\/ textures to be drawn     static constexpr int w = 16; \/\/ overall map dimensions, the array level[] has the length w*h+1 (+1 for the null character)     static constexpr int h = 12; \/\/ space character for empty tiles, digits indicate the texture index to be used per tile     static constexpr char level[w*h+1] = \" 123451234012340\"\\                                          \"5              5\"\\                                          \"0              0\"\\                                          \"5          5   5\"\\                                          \"0          0   0\"\\                                          \"512340   12345 5\"\\                                          \"0              0\"\\                                          \"5             51\"\\                                          \"0     50      12\"\\                                          \"5          51234\"\\                                          \"0          12345\"\\                                          \"1234012345052500\"; };<\/code><\/pre>\n<p>  <\/p>\n<p>\u0421\u0430\u043c\u043e\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u0442\u0443\u0442 \u2014 \u043c\u0430\u0441\u0441\u0438\u0432 <code>level<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442, \u043a\u0430\u043a\u043e\u0439 \u043a\u043b\u0435\u0442\u043a\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043a\u0430\u043a\u0430\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0430. \u0412 \u043c\u0435\u0442\u043e\u0434\u0435 <code>.draw()<\/code> \u044f \u043f\u0440\u043e\u0445\u043e\u0436\u0443 \u043f\u043e \u0432\u0441\u0435\u043c \u043a\u043b\u0435\u0442\u043a\u0430\u043c \u0443\u0440\u043e\u0432\u043d\u044f, \u0438 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u043d\u0435\u0437\u0430\u043d\u044f\u0442\u043e\u0439 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u044e \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u043f\u0440\u0430\u0439\u0442. \u0412\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b <code>is_empty(i, j)<\/code> \u0438 <code>get(i, j)<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u043f\u0443\u0441\u0442\u0430 \u043b\u0438 \u043a\u043b\u0435\u0442\u043a\u0430 \u0441 \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u043c\u0438 <code>i, j<\/code>, \u0438 \u043f\u043e\u043d\u044f\u0442\u044c \u043d\u043e\u043c\u0435\u0440 \u0441\u043f\u0440\u0430\u0439\u0442\u0430. \u041d\u0443 \u0430 \u0432 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u044e \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 .bmp \u0444\u0430\u0439\u043b \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e \u0440\u0430\u0437\u043c\u0435\u0440 \u043a\u043b\u0435\u0442\u043a\u0438 \u0432 \u043f\u0438\u043a\u0441\u0435\u043b\u044f\u0445 \u044d\u043a\u0440\u0430\u043d\u0430.<\/p>\n<p>  <\/p>\n<h1 id=\"shag-pyatyy-personazh-i-ego-animaciya\">\u0428\u0430\u0433 \u043f\u044f\u0442\u044b\u0439: \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436 \u0438 \u0435\u0433\u043e \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f<\/h1>\n<p>  <\/p>\n<p>\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e: \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438. \u042f \u0432\u0437\u044f\u043b \u043a\u0430\u0440\u0430\u043d\u0434\u0430\u0448 \u0438 \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u043b \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043a\u0430\u0434\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0438\u0434\u0443\u0449\u0435\u0433\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u043a\u0430:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/post_images\/212\/923\/5b7\/2129235b7b67771f2c857391a2ed39ba.png\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/212\/923\/5b7\/2129235b7b67771f2c857391a2ed39ba.png\"\/><\/p>\n<p>  <\/p>\n<p>\u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 (\u043a\u043e\u043c\u043c\u0438\u0442 \u0431\u0440\u0430\u0442\u044c <a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\/commit\/5067bbee5df83bd4fd08afeab029d0fe84f6627a\" rel=\"nofollow noopener noreferrer\">\u0442\u0443\u0442<\/a>):<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/e85\/47d\/bda\/e8547dbdaf4c4d0bc63512d523d4ac51.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/e85\/47d\/bda\/e8547dbdaf4c4d0bc63512d523d4ac51.gif\"\/><\/p>\n<p>  <\/p>\n<p>\u041d\u0435 \u0431\u0435\u0439\u0442\u0435 \u043c\u0435\u043d\u044f \u0431\u043e\u043b\u044c\u043d\u043e \u0437\u0430 \u043a\u0440\u0438\u0432\u044b\u0435 \u0440\u0438\u0441\u0443\u043d\u043a\u0438, \u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442, \u0430 \u043d\u0435 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a! \u041a\u0430\u043a \u0436\u0435 \u043d\u0430\u043c \u0438\u0445 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435? \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u043f\u0438\u0448\u0435\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u0430 \u0437\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">struct Animation : public Sprite {     Animation(SDL_Renderer *renderer, const std::string filename, const int width, const double duration, const bool repeat) :         Sprite(renderer, filename, width), duration(duration), repeat(repeat) {}      bool animation_ended(const TimeStamp timestamp) const { \/\/ is the animation sequence still playing?         double elapsed = std::chrono::duration&lt;double>(Clock::now() - timestamp).count(); \/\/ seconds from timestamp to now         return !repeat &amp;&amp; elapsed >= duration;     }      int frame(const TimeStamp timestamp) const { \/\/ compute the frame number at current time for the the animation started at timestamp         double elapsed = std::chrono::duration&lt;double>(Clock::now() - timestamp).count(); \/\/ seconds from timestamp to now         int idx = static_cast&lt;int>(nframes*elapsed\/duration);         return repeat ? idx % nframes : std::min(idx, nframes-1);     }      SDL_Rect rect(const TimeStamp timestamp) const { \/\/ choose the right frame from the texture         return { frame(timestamp)*width, 0, width, height };     }      const double duration = 1; \/\/ duration of the animation sequence in seconds     const bool repeat = false; \/\/ should we repeat the animation? };<\/code><\/pre>\n<p>  <\/p>\n<p>\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043d\u0435 \u043e\u0441\u043e\u0431\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0441\u043f\u0440\u0430\u0439\u0442\u043e\u0432, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0435\u0451 \u0438 \u0443\u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043b \u043e\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b <code>Sprite<\/code>. \u0423 \u043d\u0435\u0451 \u0434\u0432\u0430 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0447\u043b\u0435\u043d\u0430: \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438 \u0431\u0443\u043b\u0435\u0432\u0441\u043a\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0433\u043e\u0432\u043e\u0440\u0438\u0442, \u043d\u0443\u0436\u043d\u043e \u043b\u0438 \u0438\u0433\u0440\u0430\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u0432 \u0446\u0438\u043a\u043b\u0435. \u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442\u0441\u044f \u043e\u0442 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0430 <code>Sprite<\/code>, \u0430 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0443\u0437\u043d\u0430\u0442\u044c, \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u043e\u0441\u044c \u043b\u0438 \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043d\u0438\u0435 (<code>animation_ended(timestamp)<\/code>), \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u043a\u0430\u0434\u0440 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 (<code>frame(timestamp)<\/code> + <code>rect(timestamp)<\/code>).<\/p>\n<p>  <\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0430:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">struct Player {     enum States {         REST=0, TAKEOFF=1, FLIGHT=2, LANDING=3, WALK=4, FALL=5     };      Player(SDL_Renderer *renderer) :         renderer(renderer),         sprites{Animation(renderer, \"rest.bmp\",    256, 1.0, true ),                 Animation(renderer, \"takeoff.bmp\", 256, 0.3, false),                 Animation(renderer, \"flight.bmp\",  256, 1.3, false),                 Animation(renderer, \"landing.bmp\", 256, 0.3, false),                 Animation(renderer, \"walk.bmp\",    256, 1.0, true ),                 Animation(renderer, \"fall.bmp\",    256, 1.0, true )} {     }      void draw() {         SDL_Rect src = sprites[state].rect(timestamp);         SDL_Rect dest = { int(x)-sprite_w\/2, int(y)-sprite_h, sprite_w, sprite_h };         SDL_RenderCopyEx(renderer, sprites[state].texture, &amp;src, &amp;dest, 0, nullptr, backwards ? SDL_FLIP_HORIZONTAL : SDL_FLIP_NONE);     }      double x = 150, y = 200; \/\/ coordinates of the player     bool backwards = false;  \/\/ left or right      int state = WALK;     TimeStamp timestamp = Clock::now();      const int sprite_w = 256; \/\/ size of the sprite on the screen     const int sprite_h = 128;      SDL_Renderer *renderer;   \/\/ draw here     std::array&lt;Animation,6> sprites; \/\/ sprite sequences to be drawn };<\/code><\/pre>\n<p>  <\/p>\n<p>\u042f \u0441\u0440\u0430\u0437\u0443 \u0441\u0434\u0435\u043b\u0430\u043b \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u043f\u043e\u0434 \u0442\u043e, \u0447\u0442\u043e \u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0430 \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u043d\u044b\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0439 (\u0445\u043e\u0434\u044c\u0431\u0430, \u043f\u0440\u044b\u0436\u043e\u043a, \u043f\u0430\u0434\u0435\u043d\u0438\u0435). \u041f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438\u0433\u0440\u043e\u043a\u0430 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u044f \u0437\u0430\u0434\u0430\u044e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 <code>x<\/code> \u0438 <code>y<\/code>, \u043e\u043d\u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u044e\u0442 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u043f\u043e\u0434\u043e\u0448\u0432\u044b. \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u0435\u0432\u043e\/\u043f\u0440\u0430\u0432\u043e \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044f \u0431\u0443\u043b\u0435\u0432\u0441\u043a\u043e\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 <code>backwards<\/code>, \u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f <code>timestamp<\/code> \u0437\u0430\u0434\u0430\u0451\u0442 \u043c\u0435\u0442\u043a\u0443 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.<\/p>\n<p>  <\/p>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e \u043a\u0430\u0440\u0442\u044b \u0438 \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0430 fps:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">    Player player(renderer);     while (1) { \/\/ main game loop         [...]         SDL_RenderClear(renderer); \/\/ re-draw the window         [...]         player.draw();         SDL_RenderPresent(renderer);     }<\/code><\/pre>\n<p>  <\/p>\n<h1 id=\"shag-shestoy-opros-klaviatury-i-obrabotka-stolknoveniy\">\u0428\u0430\u0433 \u0448\u0435\u0441\u0442\u043e\u0439: \u043e\u043f\u0440\u043e\u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0442\u043e\u043b\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u0439<\/h1>\n<p>  <\/p>\n<p>\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043e\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0443 \u0438 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0441\u0442\u043e\u043b\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u0441 \u043a\u0430\u0440\u0442\u043e\u0439 (<a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\/commit\/dcce2dff5b8435d18ae85c07b0ee50f3a1c058d9\" rel=\"nofollow noopener noreferrer\">\u0432\u043e\u0442 \u043a\u043e\u043c\u043c\u0438\u0442<\/a>). \u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/c62\/2b4\/fe9\/c622b4fe9ea20fe3610bc8ab454a8a78.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/c62\/2b4\/fe9\/c622b4fe9ea20fe3610bc8ab454a8a78.gif\"\/><\/p>\n<p>  <\/p>\n<p>\u0414\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u044f \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0444\u0443\u043d\u043a\u0446\u0438\u044e <code>handle_keyboard()<\/code>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0441\u043c\u0435\u043d\u044b \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f <code>set_state()<\/code> \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a\u0438\u0435 \u043a\u0443\u0440\u0441\u043e\u0440\u043d\u044b\u0435 \u0441\u0442\u0440\u0435\u043b\u043a\u0438 \u043d\u0430\u0436\u0430\u0442\u044b:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">    void handle_keyboard() {         const Uint8 *kbstate = SDL_GetKeyboardState(NULL);         if (state==WALK &amp;&amp; !kbstate[SDL_SCANCODE_RIGHT] &amp;&amp; !kbstate[SDL_SCANCODE_LEFT])             set_state(REST);         if (state==REST &amp;&amp; (kbstate[SDL_SCANCODE_LEFT] || kbstate[SDL_SCANCODE_RIGHT])) {             backwards = kbstate[SDL_SCANCODE_LEFT];             set_state(WALK);         }     }      void set_state(int s) {         timestamp = Clock::now();         state = s;         if (state==REST)             vx = 0;         if (state==WALK)             vx = backwards ? -150 : 150;     }<\/code><\/pre>\n<p>  <\/p>\n<p>\u0414\u043b\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u044f \u0432\u044b\u0437\u044b\u0432\u0430\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e <code>update_state<\/code>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0442\u0435\u043c, \u0447\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f <code>x<\/code>:<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">    void update_state(const double dt, const Map &amp;map) {         x += dt*vx; \/\/ candidate coordinates prior to collision detection         if (!map.is_empty(x\/map.tile_w, y\/map.tile_h)) { \/\/ horizontal collision detection             int snap = std::round(x\/map.tile_w)*map.tile_w; \/\/ snap the coorinate to the boundary of last free tile             x = snap + (snap>x ? 1 : -1);              \/\/ be careful to snap to the left or to the right side of the free tile             vx = 0; \/\/ stop         }     }<\/code><\/pre>\n<p>  <\/p>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0441\u0447\u0438\u0442\u0430\u044e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0443 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0448\u0430\u0433\u0435: <code>x = x + dt*vx<\/code>, \u0430 \u0437\u0430\u0442\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e, \u043d\u0435 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043b\u0438 \u044d\u0442\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430 \u0432 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u0443\u044e \u043a\u043b\u0435\u0442\u043a\u0443 \u043a\u0430\u0440\u0442\u044b. \u0415\u0441\u043b\u0438 \u0442\u0430\u043a\u043e\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0442\u043e \u044f \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u044e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0430, \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u044e <code>x<\/code> \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0430 \u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043d\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0435 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u043e\u0439 \u043a\u043b\u0435\u0442\u043a\u0438.<\/p>\n<p>  <\/p>\n<h1 id=\"shag-sedmoy-sila-tyazhesti\">\u0428\u0430\u0433 \u0441\u0435\u0434\u044c\u043c\u043e\u0439: \u0441\u0438\u043b\u0430 \u0442\u044f\u0436\u0435\u0441\u0442\u0438!<\/h1>\n<p>  <\/p>\n<p>\u0421\u0438\u043b\u0430 \u0442\u044f\u0436\u0435\u0441\u0442\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0440\u043d\u043e, \u043c\u044b \u0432\u044b\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0442\u0430\u043a\u043e\u0435 \u0436\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0438 \u0434\u043b\u044f \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b, \u043b\u0438\u0448\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u0435\u0449\u0451 \u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 <code>vy += dt*300<\/code>, \u0433\u0434\u0435 300 \u2014 \u044d\u0442\u043e \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0433\u043e \u043f\u0430\u0434\u0435\u043d\u0438\u044f \u0432 300 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443 \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0443.<\/p>\n<p>  <\/p>\n<pre><code class=\"cpp\">    void update_state(const double dt, const Map &amp;map) {         [...]         y  += dt*vy;  \/\/ prior to collision detection         vy += dt*300;   \/\/ gravity         [...]     }<\/code><\/pre>\n<p>  <\/p>\n<p>\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0442\u043e\u043b\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u043f\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438 \u0434\u0430\u0436\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u043d\u0435 \u0431\u0443\u0434\u0443, \u043e\u043d\u0430 \u043d\u0438\u0447\u0435\u043c \u043d\u0435 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438, \u043a\u043e\u043c\u043c\u0438\u0442 <a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\/commit\/fad74977cdc12ad09f6f7ed3f7d846efe564d666\" rel=\"nofollow noopener noreferrer\">\u0431\u0440\u0430\u0442\u044c \u0442\u0443\u0442<\/a>, \u043d\u0443 \u0430 \u0432\u043e\u0442 \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/6b2\/f41\/8ef\/6b2f418ef1701ae3c1a7a75531230267.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/6b2\/f41\/8ef\/6b2f418ef1701ae3c1a7a75531230267.gif\"\/><\/p>\n<p>  <\/p>\n<h1 id=\"poslednie-shtrihi\">\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0448\u0442\u0440\u0438\u0445\u0438<\/h1>\n<p>  <\/p>\n<p>\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435, \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0430\u0448\u0443 \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u2014 \u044d\u0442\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0440\u044b\u0436\u043a\u043e\u0432. \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u0434\u0430\u043d\u0438\u0435\u043c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0435\u0439 <code>vx<\/code> \u0438 <code>vy<\/code> \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0446\u0438\u0438 \u043a\u0443\u0440\u0441\u043e\u0440\u043d\u044b\u0445 \u043a\u043b\u0430\u0432\u0438\u0448. \u0427\u0438\u0441\u0442\u043e \u043f\u043e \u043f\u0440\u0438\u043a\u043e\u043b\u0443 \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u043f\u0440\u044b\u0436\u043a\u0438 \u0432 \u0432\u044b\u0441\u043e\u0442\u0443 \u0438 \u043f\u0440\u044b\u0436\u043a\u0438 \u0432 \u0434\u043b\u0438\u043d\u0443:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa5\/7b6\/a2c\/aa57b6a2c9897a5096d1218f653d6b38.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa5\/7b6\/a2c\/aa57b6a2c9897a5096d1218f653d6b38.gif\"\/><\/p>\n<p>  <\/p>\n<h1 id=\"zaklyuchenie\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h1>\n<p>  <\/p>\n<p>\u041d\u0443 \u0432\u043e\u0442, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0438 \u0432\u0441\u0451. \u041a\u0430\u043a \u044f \u0438 \u043e\u0431\u0435\u0449\u0430\u043b, \u0438\u0433\u0440\u044b \u043a\u0430\u043a \u0442\u0430\u043a\u043e\u0432\u043e\u0439 \u0443 \u043c\u0435\u043d\u044f \u043d\u0435\u0442, \u043d\u043e \u0435\u0441\u0442\u044c \u0438\u0433\u0440\u0430\u0431\u0435\u043b\u044c\u043d\u0430\u044f \u0434\u0435\u043c\u043a\u0430 \u0432\u0441\u0435\u0433\u043e \u0438\u0437 296 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430.<\/p>\n<p>  <\/p>\n<p>\u041c\u043e\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439 \u0431\u044b\u043b\u043e \u043b\u0438\u0448\u044c \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u0440\u0430, \u0438 \u043c\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043b\u044e\u0431\u043e\u043f\u044b\u0442\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0447\u0442\u043e \u0432\u044b\u0434\u0430\u0434\u0443\u0442 \u043c\u043e\u0438 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u044b \u0432 \u044d\u0442\u043e\u043c \u0433\u043e\u0434\u0443. \u041b\u044e\u0431\u044b\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u0438 \u0438\u0434\u0435\u0438 \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442\u0441\u044f, \u043a\u0430\u043a \u043f\u043e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044e \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0442\u0430\u043a \u0438 \u043f\u043e \u043f\u043e\u0432\u043e\u0434\u0443 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0449\u0451.<\/p>\n<p>  <\/p>\n<p>Have fun!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \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\/articles\/578018\/\"> https:\/\/habr.com\/ru\/articles\/578018\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-1\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435. \u042f \u0447\u0438\u0442\u0430\u044e \u043b\u0435\u043a\u0446\u0438\u0438 \u043f\u043e C++ \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u043c \u043a\u0443\u0440\u0441\u0435 \u043c\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430, \u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443\u043c\u0430 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0437\u0430\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u0443\u044e \u0438\u0433\u0440\u0443 (\u043d\u0435 \u0432\u044b\u043d\u043e\u0448\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0442\u0438\u043f\u0430 &#171;\u0441\u043e\u0444\u0442 \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043d\u0438\u0433 \u0432 \u043c\u0435\u0441\u0442\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435&#187;). \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043c\u043e\u0447\u044c \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u043c, \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043e\u043a, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u043e\u043b\u0434\u0441\u043a\u0443\u043b\u044c\u043d\u043e\u0433\u043e 3\u0434 \u0448\u0443\u0442\u0435\u0440\u0430 \u0432 486 \u0441\u0442\u0440\u043e\u043a C++ <a href=\"https:\/\/habr.com\/ru\/post\/439698\/\">\u044f \u0443\u0436\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u043b<\/a>, \u0430 <a href=\"https:\/\/www.youtube.com\/watch?v=Ekomnk1eNFU\" rel=\"nofollow noopener noreferrer\">\u0432\u043e\u0442 \u0442\u0443\u0442<\/a> \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0447\u0442\u043e \u0438\u0437 \u043d\u0435\u0451 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043f\u0435\u0440\u0432\u043e\u043a\u0443\u0440\u0441\u043d\u0438\u043a\u0438.<\/p>\n<p>  <\/p>\n<p>\u0412 \u044d\u0442\u043e\u0442 \u0440\u0430\u0437 \u0432\u0441\u0451 \u0431\u0443\u0434\u0435\u0442 \u0435\u0449\u0451 \u043f\u0440\u043e\u0449\u0435, \u044f \u0445\u043e\u0447\u0443 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u043f\u043e\u0434 \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u0440, \u0432\u043e\u0442 \u0442\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/p>\n<p>  <\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa5\/7b6\/a2c\/aa57b6a2c9897a5096d1218f653d6b38.gif\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/aa5\/7b6\/a2c\/aa57b6a2c9897a5096d1218f653d6b38.gif\"\/><\/p>\n<p>  <\/p>\n<p>\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 <a href=\"https:\/\/github.com\/ssloy\/sdl2-demo\" rel=\"nofollow noopener noreferrer\">\u043f\u0440\u043e\u0435\u043a\u0442<\/a> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043c\u0435\u043d\u0435\u0435 \u0442\u0440\u0451\u0445\u0441\u043e\u0442 \u0441\u0442\u0440\u043e\u0447\u0435\u043a \u0446\u043f\u043f:<\/p>\n<p>  <\/p>\n<pre><code class=\"plaintext\">ssloy@khronos:~\/sdl2-demo\/src$ cat *.cpp *.h | wc -l 296<\/code><\/pre>\n<p>  <\/p>\n<p>\u041c\u043e\u0439 \u043e\u043f\u044b\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u043b\u043e\u0436\u0438\u0442\u044c \u043a\u043e\u0434 \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e. \u041d\u0443\u0436\u043d\u043e \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c, \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u043d\u043e \u044f \u043f\u0440\u0438\u0448\u0451\u043b \u043a \u0442\u0430\u043a\u043e\u043c\u0443 \u043a\u043e\u0434\u0443, \u0432\u0435\u0434\u044c \u0441\u0430\u043c\u044b\u0439 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u043d\u0430\u0432\u044b\u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430 \u2014 \u044d\u0442\u043e \u0441\u0443\u043c\u0435\u0442\u044c \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043f\u043e\u0434\u0437\u0430\u0434\u0430\u0447, \u043a\u0430\u0436\u0434\u0430\u044f \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043b\u0435\u0433\u043a\u043e.<\/p>\n<p>  <\/p>\n<p>\u0418\u0442\u0430\u043a, \u043f\u043e\u0435\u0445\u0430\u043b\u0438!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-411765","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/411765","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=411765"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/411765\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=411765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=411765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=411765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}