{"id":271598,"date":"2016-01-05T08:26:03","date_gmt":"2016-01-05T05:26:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=271598"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=271598","title":{"rendered":"\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043d\u0435\u0433\u0430 \u043d\u0430 Canvas \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043d\u0430 DOM \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437"},"content":{"rendered":"

.<\/a><\/nobr>\u0412 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0438 \u0441 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c JS \u043d\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0445 DOM, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u043d\u0430 Canvas \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u0435\u0435 \u0432\u043e \u043c\u043d\u043e\u0433\u043e \u0440\u0430\u0437. \u042d\u0442\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u0444\u0430\u043a\u0442 (\u043d\u043e \u0441 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0434\u043b\u044f \u043c\u0430\u043b\u043e\u0433\u043e \u0447\u0438\u0441\u043b\u0430 \u0447\u0430\u0441\u0442\u0438\u0446, \u043a\u0430\u043a \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u0441\u044f \u043f\u043e\u0437\u0436\u0435), \u0438 \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0442\u0430\u043a \u0432\u0441\u0435\u043c \u043c\u0435\u0448\u0430\u044e\u0449\u0435\u0433\u043e \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u0434 \u041d\u0413, \u043d\u043e \u0433\u043e\u043d\u0438\u043c\u043e\u0433\u043e \u0440\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c\u0438 \u00ab\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043d\u0435\u0433\u0430\u00bb. \u0427\u0442\u043e\u0431\u044b \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0431\u044b\u043b\u043e \u043c\u0430\u043b\u043e, \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0433\u043e\u0434\u044b \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u0442\u043e\u043d\u043e\u043c \u00ab\u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c\u00bb \u0441\u043d\u0435\u0433 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0435\u0434\u0432\u0430 \u0437\u0430\u043c\u0435\u0442\u043d\u044b\u043c, \u0441 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a (5-15). \u0422\u0443\u0442 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442 \u0435\u0441\u0442\u044c, \u0438 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u043f\u043e\u0447\u0442\u0438 \u043d\u0438\u043a\u0430\u043a\u043e\u0439.<\/p>\n

\u041f\u043e\u044d\u0442\u043e\u043c\u0443, \u043f\u043e\u043a\u0430 \u0434\u043e \u041d\u0413 \u0435\u0449\u0451 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0434\u043d\u0435\u0439<\/s> \u0435\u0449\u0451 \u0437\u0438\u043c\u0430, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0443\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0445\u0430\u043a\u0430\u0442\u043e\u043d\u0447\u0438\u043a \u043f\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043b\u0443\u0447\u0448\u0438\u0445 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u043d\u0430 \u043a\u0430\u043d\u0432\u0430\u0441\u0435 \u0438 \u0438\u0445 \u0430\u043d\u0430\u043b\u043e\u0433\u043e\u0432 \u043d\u0430 DOM, \u0432\u0437\u044f\u0432 \u0437\u0430 \u043e\u0441\u043d\u043e\u0432\u0443 \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0434\u0440\u0435\u0432\u043d\u0438\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u0430\u043a \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u043e\u0431\u0451\u0440\u0442\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u043f\u043b\u0430\u0433\u0438\u043d jQuery, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u0443\u0434\u043e\u0431\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c. \u0411\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u044d\u0442\u0438\u0445 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u043d\u0435 \u0441\u043e\u0440\u0430\u0437\u043c\u0435\u0440\u044f\u0435\u0442 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u0438\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u043d\u0430 \u043d\u0435\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0436\u0435 \u043f\u0440\u0438 \u043c\u0430\u043b\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u0433\u0440\u0443\u0437\u044f\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u043d\u0430 100%. \u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u0431\u0437\u043e\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438<\/a>, \u0433\u0434\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b \u0431\u043e\u043b\u0435\u0435 10 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439, \u043d\u0435 \u0432\u0441\u0435, \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044e\u0449\u0438\u0435\u0441\u044f \u0432 \u043f\u0440\u0438\u0440\u043e\u0434\u0435. \u0412 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u0437\u0431\u0440\u0430\u043d\u043d\u044b\u0445, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0437\u0430\u0434\u0435\u043b \u043d\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430 \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0435\u0433\u043e \u0441 \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c\u044e (\u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0435\u0449\u0451 5-6 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432). \u041d\u0430 \u044d\u0442\u043e\u0439 \u043e\u0441\u043d\u043e\u0432\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0443.
<\/a>
\u041a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e, \u0436\u0438\u0437\u043d\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u043d\u0435 \u0434\u043b\u0438\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 1.5 \u0434\u043d\u0435\u0439, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0435\u043b\u044c\u0437\u044f \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c \u0430\u043a\u0446\u0438\u044e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439. \u041d\u043e \u043f\u043e\u0441\u043b\u0435 \u041d\u043e\u0432\u043e\u0433\u043e \u0413\u043e\u0434\u0430 \u0441\u043b\u0443\u0447\u0430\u044e\u0442\u0441\u044f \u0440\u0430\u0437\u043d\u044b\u0435 \u0447\u0443\u0434\u0435\u0441\u0430: \u043f\u043e\u0442\u043e\u043a \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439 \u043f\u0430\u0434\u0430\u0435\u0442, \u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0435 \u043b\u0443\u043d\u0430\u0442\u0438\u043a\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u0448\u0430\u043d\u0441 \u043d\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u043e\u0434\u043d\u0443 \u0441\u0442\u0430\u0442\u044c\u044e \u0446\u0435\u043b\u044b\u0445 5 \u0434\u043d\u0435\u0439. \u041d\u0430 \u043d\u0438\u0445 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u0432\u043a\u0430.<\/p>\n

\u041b\u0443\u0447\u0448\u0435 \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d\u0430 \u043a \u0434\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a \u043a\u043b\u0443\u0431\u0443 \u0410\u043d\u043e\u043d\u0438\u043c\u043d\u044b\u0445 \u0414\u0435\u0434\u043e\u0432 \u041c\u043e\u0440\u043e\u0437\u043e\u0432, \u0437\u0430\u0445\u043e\u0434\u044f \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044e \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u00ab\u043f\u0430\u0434\u0435\u043d\u0438\u044f \u0441\u043d\u0435\u0433\u0430\u00bb \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u043d \u043d\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d \u0436\u0451\u0441\u0442\u043a\u043e \u043a \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u043a\u0443. \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u2014 \u0437\u0434\u0435\u0441\u044c: geekadm.ru\/#\/2015<\/a>, \u0438 \u0435\u0441\u0442\u044c, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u044b\u0435 \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u044b \u0442\u0438\u043f\u0430 46.101.141.171\/snow.html?v=4<\/a> \u2014 \u0441\u043d\u0435\u0433 \u0434\u043b\u044f HabraAdm \u0441 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438.<\/p>\n

\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u00ab\u0445\u0430\u043a\u0430\u0442\u043e\u043d\u00bb \u0431\u044b\u043b \u0443\u0441\u0442\u0440\u043e\u0435\u043d \u043f\u0430\u0440\u043e\u0439 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0438 (\u0438\u043b\u0438) \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439 \u043a\u043b\u0443\u0431\u0430 \u2014 (1)<\/a>, (2)<\/a>. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435, \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0434\u043e 10 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u043d\u0430 \u0434\u0432\u0438\u0436\u043a\u0435 \u0441 Canvas. \u0418\u0445 \u0447\u0438\u0441\u043b\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u0431\u043e\u043b\u044c\u0448\u0435, \u043d\u043e \u043d\u0430 \u0432\u0441\u0451 \u043d\u0443\u0436\u043d\u043e \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0430\u043a\u0446\u0438\u044f \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b\u0430\u0441\u044c \u0432 \u043e\u0442\u043a\u0440\u044b\u0442\u0443\u044e. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u043d\u043e \u00ab\u043f\u0440\u0438\u043a\u0440\u0443\u0442\u0438\u0442\u044c\u00bb \u043a \u0434\u0432\u0438\u0436\u043a\u0443 \u0443\u0436\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u0443\u044e \u0432 2003 \u0433\u043e\u0434\u0443 \u043c\u043e\u0434\u0435\u043b\u044c \u043f\u0430\u0434\u0435\u043d\u0438\u044f \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u0430\u0432\u0442\u043e\u0440\u043e\u043c Peter Gehrig. \u0414\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432 2005-2006 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u0447\u0442\u043e 20-30 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u043d\u0435\u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 (10-20%, \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u0432\u0438\u0434\u0435\u043e\u043a\u0430\u0440\u0442\u044b; \u0437\u0434\u0435\u0441\u044c \u0438 \u0434\u0430\u043b\u0435\u0435 \u0431\u0443\u0434\u0435\u043c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u044f\u0434\u0440\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430<\/b>, \u0442.\u043a. JS \u2014 \u043e\u0434\u043d\u043e\u043f\u043e\u0442\u043e\u0447\u043d\u044b\u0439), \u0430 \u043f\u043e \u0441\u0432\u0438\u0434\u0435\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430\u043c \u0441\u0442\u0430\u0440\u044b\u0445 \u0444\u043e\u0440\u0443\u043c\u043e\u0432, \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0435 \u0431\u044b\u043b\u043e \u0438 \u043d\u0430 \u0441\u0442\u0430\u0440\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0442\u0438\u043f\u0430 Opera 9 \u0438 IE6, \u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0445\u0443\u0436\u0435. \u041d\u0430 Canvas \u0441 \u0442\u0435\u043c \u0436\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0440\u0430\u0437 \u0432 5 \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.<\/p>\n

<\/p>\n

<\/div>\n

\u0434\u0435\u043c\u043e<\/a><\/nobr><\/p>\n

<\/div>\n

<\/nobr><\/p>\n

\u0417\u0430\u0433\u043b\u044f\u043d\u0435\u043c \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u044e \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0435\u0451 \u0445\u043e\u0434<\/h2>\n

\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0451\u043c \u0441 \u043d\u0430\u0447\u0430\u043b\u0430, \u0441 2002-2005 \u0433\u043e\u0434\u043e\u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e. \u0414\u0436\u0430\u0432\u0430\u0441\u043a\u0440\u0438\u043f\u0442 \u043f\u043e\u043a\u0430\u0437\u043b \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a. \u041f\u0440\u0430\u0432\u0434\u0430, \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u0438 \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c, \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043d\u0430 \u0441\u043a\u0440\u0438\u043f\u0442\u0435 \u0438\u043b\u0438 \u043d\u0435\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f, \u0438\u043b\u0438 \u0441\u0438\u043b\u044c\u043d\u043e \u0433\u0440\u0443\u0437\u0438\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438 \u0432 \u0442\u0435 \u0441\u0442\u0430\u0440\u044b\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0438\u043b\u0438 \u043e\u0447\u0435\u043d\u044c \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0440\u0435\u0441\u0443\u0440\u0441\u044b, \u0438\u043b\u0438 \u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u043f\u043e \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c\u0443, \u043d\u0430 100% \u0432 \u043f\u043e\u0442\u043e\u043a\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, (\u043d\u0430 1 \u044f\u0434\u0440\u0435) \u0447\u0442\u043e \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u043b\u043e \u0434\u0440\u0443\u0433\u0438\u0435 \u0432\u043a\u043b\u0430\u0434\u043a\u0438 (\u0432 \u0442\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0442\u0438\u043f\u0430 \u041e\u043f\u0435\u0440\u044b 9, \u0433\u0434\u0435 \u043e\u043d\u0438 \u0431\u044b\u043b\u0438) \u0438 \u043e\u043a\u043d\u0430, \u0438 \u044d\u0442\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u043b\u043e \u043f\u043b\u043e\u0445\u043e \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c\u043e\u0435 \u043d\u0435\u0433\u043e\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439 \u0442\u0430\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446.<\/p>\n

\u0427\u0435\u0440\u0435\u0437 \u043b\u0435\u0442 8 \u043d\u0430\u0448\u043b\u043e\u0441\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430. \u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 \u0425\u0440\u043e\u043c\u0430, \u0441\u0442\u0430\u043b\u0438 \u043f\u0440\u0438\u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u043d\u0430 \u043d\u0435\u0432\u0438\u0434\u0438\u043c\u044b\u0445 \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u0445. \u042d\u0442\u043e \u043f\u043e\u043c\u043e\u0433\u043b\u043e \u043d\u0435 \u043c\u0435\u0448\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0443 \u0434\u0440\u0443\u0433\u0438\u0445 \u043e\u043a\u043e\u043d \u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c (\u043d\u043e \u043d\u0435 \u043f\u0440\u0438\u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u0435 \u043e\u043a\u043d\u043e, \u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430, \u0435\u0441\u043b\u0438 \u043e\u043a\u043d\u043e \u043d\u0435 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0438\u043b\u0438 \u0432\u0438\u0434\u043d\u043e \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e). \u041f\u0440\u0430\u0432\u0434\u0430, \u0432 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u044d\u0440\u043e\u0439, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u0433\u0440\u0443\u0437\u044f\u0449\u0435\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439, \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e, \u043d\u0435 \u0432\u043e\u0441\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e.<\/p>\n

\u041d\u043e \u0437\u0430 \u044d\u0442\u0438 \u0433\u043e\u0434\u044b \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u0438 \u0431\u043e\u043b\u0435\u0435 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044b\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u2014 Canvas. \u0421\u0440\u0430\u0437\u0443 \u043d\u0430\u0434\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0434\u0440\u0443\u0433\u043e\u0439 \u043d\u043e\u0432\u0430\u0442\u043e\u0440\u0441\u043a\u0438\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0432 CSS \u2014 \u043d\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443, \u0438 \u0442\u0440\u0430\u0442\u044f\u0442 \u044d\u043d\u0435\u0440\u0433\u0438\u044e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 \u0440\u043e\u0432\u043d\u043e \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0436\u0435, \u043a\u0430\u043a \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043d\u0430 Javascript + DOM. \u0422\u043e \u0435\u0441\u0442\u044c, \u0435\u0441\u043b\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u0432 Canvas.<\/p>\n

Canvas, \u043a\u0430\u043a \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u0438\u0434\u043d\u043e \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0442\u043d\u044e \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0441 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439 30-40% \u0434\u043b\u044f \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430 \u0438\u043b\u0438 \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u0430. \u042d\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0432 5 \u0440\u0430\u0437 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435\u0435, \u0447\u0435\u043c \u0443\u043c\u0435\u044e\u0442 \u043b\u0443\u0447\u0448\u0438\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u043d\u0430 JS+DOM.<\/p>\n

\u041a\u0430\u043a \u0434\u0430\u043d\u044c \u0438\u0441\u0442\u043e\u0440\u0438\u0438, \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0438 \u00ab\u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0435\u00bb \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0436\u0434\u0443\u0442 \u0441\u0432\u043e\u0435\u0433\u043e \u0447\u0430\u0441\u0430 \u0434\u043b\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 \u043d\u0430 Canvas.<\/p>\n

\u041e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u043b\u0435\u0433\u043a\u043e \u043d\u0430\u0439\u0442\u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u043c \u0432 Github \u043f\u043e \u0441\u043b\u043e\u0432\u0430\u043c \u0442\u0438\u043f\u0430 \u00absnowfall js\u00bb, \u00absnow flakes js\u00bb. \u041e\u043d\u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u044f\u0442 \u0445\u043e\u0440\u043e\u0448\u0443\u044e \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0438\u0437 12 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0441 \u0434\u0435\u043c\u043e-\u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438, \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u0443\u044e \u0432\u044b\u0448\u0435<\/a> (\u0438\u043b\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u0430\u044f \u043a\u043e\u043f\u0438\u044f<\/a>).<\/p>\n

\u041e\u0431\u0437\u043e\u0440 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438<\/h2>\n

(\u041f\u0440\u0438 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438 \u0431\u0443\u0434\u044c\u0442\u0435 \u0433\u043e\u0442\u043e\u0432\u044b \u043a \u0438\u043d\u043e\u0433\u0434\u0430 100%-\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u044f\u0434\u0440\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430. \u041f\u0440\u0438 \u043f\u043e\u043a\u0430\u0437\u0435 \u0441\u0441\u044b\u043b\u043a\u0438 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u043e\u0431 \u0443\u0440\u043e\u0432\u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u0435\u0442\u0441\u044f.)<\/i><\/p>\n

\u041c\u043d\u043e\u0433\u0438\u0435 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b, \u043a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043d\u0435\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b, \u0435\u0449\u0451 \u0438 \u043d\u0435 \u043f\u043e\u0445\u043e\u0436\u0438 \u043f\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044e \u043d\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a. \u041d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u043c\u043d\u043e\u0433\u0438\u043c \u043f\u043e\u043c\u043d\u0438\u0442\u0441\u044f \u0431\u0440\u043e\u0441\u0430\u044e\u0449\u0435\u0435\u0441\u044f \u0432 \u0433\u043b\u0430\u0437\u0430 \u043d\u0435\u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u043f\u043e \u0441\u0438\u043d\u0443\u0441\u043e\u0438\u0434\u0435. \u041e\u0434\u043d\u0430\u0436\u0434\u044b \u0443\u0432\u0438\u0434\u0435\u043d\u043d\u043e\u0435<\/a> (\u0438\u043b\u0438 \u043d\u043e\u0432\u0435\u0435<\/a>), \u043e\u043d\u043e \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0434\u043e\u043b\u0433\u043e \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443, \u0437\u0430\u0434\u0430\u0447\u0430 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430 \u2014 \u0431\u044b\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u043c, \u043d\u043e \u0438 \u043e\u0442\u0440\u0430\u0436\u0430\u044e\u0449\u0438\u043c \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c. (\u041f\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438, \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0442\u043e\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u0442\u044c.)<\/p>\n

\u0418\u0437 \u0440\u0430\u043d\u0435\u0435 \u043f\u0435\u0440\u0435\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043d\u044b\u0445 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0431\u043b\u0438\u0437\u043a\u0438\u043c\u0438 \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043c\u043e\u0436\u043d\u043e \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0432\u0430 \u2014 \u0441\u043e \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 (\u0432\u0430\u0440\u044c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0434\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438, \u0430 \u043d\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b) \u0438 \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044b\u0439 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c Peter Gehrig (2003), \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f 4 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438, \u0438 \u043e\u0434\u043d\u0430 \u0438\u0437 \u043d\u0438\u0445 \u2014 \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0449\u0430\u044f\u0441\u044f, \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u00ab\u0437\u0430\u0432\u0438\u0445\u0440\u0435\u043d\u0438\u0439\u00bb. \u0412\u043f\u0440\u043e\u0447\u0435\u043c, \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u0432\u043e\u0434\u0443 \u043c\u043e\u0436\u043d\u043e \u0441\u043f\u043e\u0440\u0438\u0442\u044c \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u043a\u043e\u043f\u0438\u043b\u043a\u0443 \u043d\u043e\u0432\u044b\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n

\u0418\u0437 \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u044b\u0445 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430 P.Gehrig \u043d\u0430\u0448\u043b\u0430\u0441\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0430 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u043c: www.softtime.ru\/javascript\/snow-falling.html<\/a>. \u041f\u043e \u043d\u0435\u0439 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u043e \u0447\u0451\u043c \u0438\u0434\u0451\u0442 \u0440\u0435\u0447\u044c. \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a (15-20) \u0438 \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u0433\u0440\u0443\u0437\u0438\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u044b (10-20% \u0434\u043b\u044f \u043d\u0435 \u0441\u043b\u0430\u0431\u044b\u0445 \u043d\u043e\u0443\u0442\u043e\u0432), \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0425\u0440\u043e\u043c\u0435 \u0438 Firefox, \u0445\u043e\u0442\u044f \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f Opera 9, IE5 \u0438 6 \u0438 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0440\u0430\u043d\u043d\u0438\u0439 Firefox. \u0420\u0430\u0437\u0443\u043c\u0435\u0435\u0442\u0441\u044f, \u043e Canvas \u0442\u043e\u0433\u0434\u0430 \u043d\u0435 \u0437\u043d\u0430\u043b\u0438.<\/p>\n

\u0421\u0432\u0435\u0434\u0451\u043c \u0443\u0432\u0438\u0434\u0435\u043d\u043d\u043e\u0435 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0443, \u0433\u0434\u0435 \u043f\u043e\u043a\u0430\u0436\u0435\u043c:
*) \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0447\u0430\u0441\u0442\u0438\u0446;
*) \u0442\u0438\u043f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438;
*) \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u044b \u0434\u043b\u044f \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u043e\u0432;
*) \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 (MacBook, Firefox 43) (\u0425\u0440\u043e\u043c \u043e\u0431\u044b\u0447\u043d\u043e % \u043d\u0430 10 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435\u0435);
*) \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u043e\u0431 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044f\u0445.<\/p>\n

(\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u0432, \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u0432 \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0432\u0438\u0434\u0435\u043e\u043a\u0430\u0440\u0442\u0430\u043c\u0438 \u0438 \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 \u0432 \u0448\u0438\u0440\u043e\u043a\u0438\u0445 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u0445. \u0414\u0430\u043d\u044b \u0434\u043b\u044f \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u0434\u043b\u044f \u0441\u0440\u0435\u0434\u043d\u0435\u043c\u043e\u0449\u043d\u043e\u0433\u043e \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u0430 \u0441\u043e \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0439 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0439.)<\/p>\n

\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u043d\u0430 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0441 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c Canvas. <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u041d\u0435 \u0447\u0438\u0441\u0442\u044b\u0439 JS <\/th>\n\u0414\u0435\u043c\u043e: 400×400, Snowman with Falling Snow<\/a><\/th>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 100<\/b><\/td>\n\n
<\/div>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: Canvas<\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430 \u2014 \u0414\u0410<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 70%<\/b><\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 106<\/b> +ProcessingJS (800K)<\/td>\n<\/tr>\n
\u0420\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u0432 \u0441\u0440\u0435\u0434\u0435 ProcessingJS<\/a> \u043d\u0430 800\u041a \u043d\u0435\u0441\u0436\u0430\u0442\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u0441\u043e\u0437\u0434\u0430\u044e\u0449\u0435\u0439 \u044f\u0437\u044b\u043a \u0442\u0438\u043f\u0430 \u00ab\u0420\u0430\u043f\u0438\u0440\u0430\u00bb. \u0421\u043d\u0435\u0433\u043e\u0432\u0438\u043a \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u0442\u0435\u043c \u0436\u0435 \u043a\u043e\u0434\u043e\u043c. \u041f\u0440\u0438\u043c\u0435\u0440 \u2014 \u043e\u0441\u043e\u0431\u044b\u0439. \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u0441 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0430\u043c\u0438 \u043d\u0430\u0432\u043e\u0440\u043e\u0442\u0438\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u0447\u0435\u0433\u043e \u0443\u0433\u043e\u0434\u043d\u043e (\u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0437\u0430\u0434\u0430\u0447 \u0441\u043b\u043e\u0436\u043d\u044b\u043c\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438), \u0438 \u0434\u0430\u0436\u0435 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 Canvas \u043d\u0435 \u043a\u0430\u0442\u0430\u0441\u0442\u0440\u043e\u0444\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c \u043d\u0430 DOM.<\/td>\n<\/tr>\n
\u0421\u0442\u0430\u0442\u044c\u044f (en)<\/a>, 2012<\/th>\n\u041a\u043e\u0434: Github<\/a><\/th>\n\u0414\u0435\u043c\u043e: \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d<\/a><\/th>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 500<\/b><\/td>\n\n
<\/div>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: Canvas<\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430? \u041d\u0435\u0442<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 100%<\/b><\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 50<\/b> + 100 \u0432 *.html +ThreeCanvasJS (72K)<\/td>\n<\/tr>\n
72 \u041a \u0441\u0436\u0430\u0442\u043e\u0433\u043e \u043d\u0435\u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 ThreeCanvas.js. 3D-\u0441\u0446\u0435\u043d\u0430 \u0441 \u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435\u043c \u0435\u0451 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435\u043c \u043c\u044b\u0448\u0438. \u0417\u0434\u0435\u0441\u044c \u0440\u0430\u0434\u0438 \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043c\u0430\u043b\u044b\u0439 \u0431\u0438\u0442\u0440\u0435\u0439\u0442, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0441\u0451 \u043a\u0440\u0430\u0441\u0438\u0432\u043e, \u043d\u043e \u043a\u0430\u043a \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u2014 \u043d\u0435 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435.<\/td>\n<\/tr>\n
\u0413\u043e\u0434: 2010<\/th>\n\u041a\u043e\u0434: JS<\/a><\/th>\n\u0414\u0435\u043c\u043e \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435: \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d<\/a><\/th>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 60<\/b>, \u043a\u0440\u0443\u0442\u044f\u0442\u0441\u044f \u0432 \u043f\u043b\u043e\u0441\u043a\u043e\u0441\u0442\u0438 \u0440\u0438\u0441\u0443\u043d\u043a\u0430<\/td>\n\n
<\/div>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: Canvas<\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430? \u041d\u0435\u0442<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 100%<\/b><\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 160<\/b><\/td>\n<\/tr>\n
\u041e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043d\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438 \u0437\u0434\u0435\u0441\u044c \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u043e\u0438\u043d\u0441\u0442\u0432\u0430 Canvas. \u0415\u0441\u0442\u044c \u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u044b\u0445 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u0432\u043e\u043a\u0440\u0443\u0433 \u0441\u0432\u043e\u0435\u0439 \u043e\u0441\u0438, \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e\u0435 \u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0441 \u0431\u043b\u0443\u0436\u0434\u0430\u043d\u0438\u044f\u043c\u0438. \u041d\u043e \u0447\u0430\u0441\u0442\u044c \u0438\u0437 \u043d\u0438\u0445 \u00ab\u0445\u043e\u0434\u0438\u0442\u00bb \u043f\u043e \u0441\u0438\u043d\u0443\u0441\u043e\u0438\u0434\u0430\u043c, \u043a\u0440\u0443\u0447\u0435\u043d\u0438\u0435 \u0432 \u043e\u0434\u043d\u043e\u0439 \u043f\u043b\u043e\u0441\u043a\u043e\u0441\u0442\u0438 \u043d\u0438\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0435 \u043f\u0440\u0438\u0434\u0430\u0451\u0442 \u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u0438, \u0447\u0442\u043e, \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442, \u043e\u0442\u0442\u043e\u0440\u0433\u0430\u0435\u0442 \u043e\u0442 \u0432\u043e\u0441\u043f\u0440\u0438\u044f\u0442\u0438\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430, \u0441\u043e\u0437\u0434\u0430\u0451\u0442, \u0441\u043a\u043e\u0440\u0435\u0435, \u044d\u0444\u0444\u0435\u043a\u0442 \u043d\u0430\u0437\u043e\u0439\u043b\u0438\u0432\u043e\u0441\u0442\u0438. \u041a\u043e\u0434 \u2014 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u044c \u0438 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0441\u0442\u044c. \u0412 \u0441\u0443\u043c\u043c\u0435 \u2014 \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0435 \u0443\u0441\u0438\u043b\u0438\u044f \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u043d\u0430 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043d\u0435 \u0442\u0435\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432, \u0447\u0442\u043e \u0434\u043b\u044f \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f \u2014 \u043d\u0438\u0447\u0435\u043c \u043d\u0435 \u043b\u0443\u0447\u0448\u0435 \u043f\u043e\u0435\u0434\u0430\u044e\u0449\u0438\u0445 \u044d\u043d\u0435\u0440\u0433\u0438\u044e \u0434\u0432\u0438\u0436\u043a\u043e\u0432 \u043d\u0430 DOM.<\/td>\n<\/tr>\n
 
  \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0445 \u0441 DOM (\u0441\u043b\u043e\u044f\u043c\u0438), \u0431\u0435\u0437 Canvas.<\/p>\n<\/td>\n<\/tr>\n
\u0413\u043e\u0434: 2009<\/th>\n\u0414\u0435\u043c\u043e: jSnow \u2013 jQuery Snow Effect<\/a>, \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d<\/th>\n\u041a\u043e\u0434: JS<\/a> (\u043d\u0435\u0441\u0436\u0430\u0442\u044b\u0439 \u043f\u0440\u0435\u0436\u043d\u0435\u0439 \u0432\u0435\u0440\u0441\u0438\u0438)<\/th>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 25<\/b><\/td>\n\n
<\/div>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: DOM<\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430? \u041d\u0435\u0442<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 70%<\/b><\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 160<\/b><\/td>\n<\/tr>\n
\u0412\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0432 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430\u0445 Fiddle (\u0432\u0435\u0437\u0434\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441\u0438\u043c\u0432\u043e\u043b\u044c\u043d\u044b\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438): <\/p>\n
\u0423 \u044d\u0442\u043e\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u2014 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u043d\u044b\u0439 \u043f\u043e\u0447\u0435\u0440\u043a \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0439 \u0447\u0430\u0441\u0442\u0438\u0446 (\u0441\u0438\u043b\u044c\u043d\u043e \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u044b). \u0415\u0441\u043b\u0438 \u043f\u0440\u0438\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c\u0441\u044f \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0441\u0438\u043d\u0443\u0441\u043e\u0438\u0434\u044b, \u0432\u043e\u0441\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0449\u0438\u0435\u0441\u044f \u043a\u0430\u043a \u043e\u0434\u0438\u043d \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0432\u0438\u0445\u0440\u044c \u043f\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u043e\u043a\u043d\u0430. \u041e\u043d \u043e\u0447\u0435\u043d\u044c \u0441\u0434\u0435\u0440\u0436\u0430\u043d \u043f\u043e \u0442\u0440\u0430\u0442\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432. \u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432\u0435\u0440\u0441\u0438\u0438 1.2 \u2014 \u0443\u0442\u0435\u0440\u044f\u043d \u0438\u043b\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u043b \u043e\u0431\u0444\u0443\u0441\u0446\u0438\u0440\u043e\u0432\u0430\u043d \u043f\u0430\u043a\u0435\u0440\u043e\u043c; \u0440\u0430\u0441\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 1.1.mod2 (\u0434\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0435 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0430\u0432\u0442\u043e\u0440\u0430\u043c\u0438) \u2014 \u0435\u0441\u0442\u044c \u0432 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0435 Codepen, \u043d\u043e \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0441 \u043d\u043e\u0432\u044b\u043c\u0438 jQuery, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u043a \u043e\u0442\u043c\u0435\u043d\u0451\u043d\u043d\u044b\u043c $.browser. \u0418 \u0432 \u043d\u0438\u0445 \u0432\u0438\u0434\u043d\u044b \u0441\u043b\u0435\u0434\u044b \u0440\u0430\u0441\u043f\u0430\u043a\u043e\u0432\u043a\u0438. \u041f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0441\u044f \u0432 \u043d\u0435\u0432\u044b\u0441\u043e\u043a\u0438\u0445 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u0445 (\u043f\u0440\u0438\u043c\u0435\u0440<\/a>), \u043a\u043e\u0433\u0434\u0430 \u0441\u0438\u043d\u0443\u0441\u043e\u0438\u0434\u044b \u043d\u0435 \u0443\u0441\u043f\u0435\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0433\u043b\u044f\u0434\u0435\u0442\u044c\u0441\u044f. \u0418\u0437 \u0434\u0435\u0441\u044f\u0442\u043a\u043e\u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u0435\u0441\u043b\u0438 \u0441\u0442\u043e\u0438\u0442 \u043f\u0440\u0438\u0433\u043b\u044f\u0434\u0435\u0442\u044c\u0441\u044f \u043a \u043f\u0430\u0440\u0435 \u0438\u0437 \u043d\u0438\u0445 (\u043f\u043e \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e \u0438 \u043a\u043e\u0434\u0443), \u0442\u043e \u044d\u0442\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u2014 \u043e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0437\u0430 \u0432\u0435\u0440\u0441\u0438\u044e jSnow \u0432\u043e\u0437\u044c\u043c\u0451\u043c\u0441\u044f \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0432 \u0432 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0435. <\/td>\n<\/tr>\n<\/table>\n

\u0427\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0430\u0432\u0442\u043e\u0440\u0430, 1.1 \u0438\u043b\u0438 1.2 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u2014 \u043f\u0440\u0438 \u0442\u0435\u0445 \u0436\u0435 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043d\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u043d\u0430 40%<\/a>, \u0430 1.1.mod2 \u2014 \u043d\u0430 55%<\/a>. (\u0424\u0438\u0434\u0434\u043b \u0442\u043e\u0436\u0435 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0435 \u0432 \u043c\u043d\u043e\u0433\u043e\u043e\u043a\u043e\u043d\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435.) \u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0442\u0430\u043a \u0441\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043b\u0438\u0448\u043d\u0438\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432 \u0446\u0438\u043a\u043b\u0435 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a (\u0432 \u043c\u043e\u0434\u0430\u0445 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u00ab\u0444\u0438\u0447\u0438\u00bb). \u0421\u0430\u043c \u043a\u043e\u0434 \u043d\u0435 \u043f\u0440\u0435\u0434\u0435\u043b\u044c\u043d\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d \u2014 \u043f\u0438\u0448\u0435\u0442 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438.<\/p>\n

\u0414\u0430\u043b\u0435\u0435 \u0441\u0442\u0430\u043b\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0435 \u2014 \u0432 \u043a\u043e\u0434\u0435 \u043f\u0440\u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u043b\u0441\u044f \u0440\u044f\u0434 \u0431\u0430\u0433\u043e\u0432 (\u0438 \u044d\u0442\u043e \u043d\u0435 \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u043d\u0430\u0448\u043b\u0438\u0441\u044c \u0432\u0441\u0435). \u041a\u043e\u0435-\u043a\u0430\u043a\u0438\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0432 \u043a\u043e\u0434\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f (\u0443\u0431\u0440\u0430\u0442\u044c \u043d\u0435\u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c \u0441 jQ 2+, \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438, \u043d\u0435 \u0434\u0430\u0432\u0430\u0442\u044c \u0437\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u0438\u043c \u0437\u0430 \u043b\u0435\u0432\u044b\u0439 \u043a\u0440\u0430\u0439 \u043e\u043a\u043d\u0430 \u2014 \u0432 \u043c\u0430\u043a\u0430\u0445 \u044d\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u00ab\u0432\u0441\u043f\u044b\u0445\u0438\u0432\u0430\u043d\u0438\u044e\u00bb \u043f\u043e\u043b\u043e\u0441\u044b \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438, \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u0434\u043b\u044f \u043d\u0438\u0436\u043d\u0435\u0439 \u0433\u0440\u0430\u043d\u0438\u0446\u044b), \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043b\u0443\u0447\u0448\u0435 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438.<\/p>\n

\u0412\u0435\u0440\u0441\u0438\u0438-\u043c\u043e\u0434\u044b (2009-2010) \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043f\u0430\u0440\u0443 \u043d\u0430\u0441\u0443\u0449\u043d\u044b\u0445 \u00ab\u0444\u0438\u0447\u00bb \u2014 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0438\u0441\u0447\u0435\u0437\u0430\u043d\u0438\u044f \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u0432\u043d\u0438\u0437\u0443 (fadeAway: 1) \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0441 \u043d\u0435\u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435\u043c \u043f\u043e\u043b\u044f \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a (followScroll: 1). \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u043c\u0438, \u043a\u0430\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043b\u0438 \u0438\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438.<\/p>\n

\u0426\u0435\u043b\u044c \u043e\u0442\u043b\u0430\u0434\u043a\u0438 \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0442\u043e\u043c \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043d\u0430 Canvas \u0438 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438. (\u041a\u0430\u043b\u0435\u043a \u043f\u043e\u0431\u0435\u0436\u0434\u0430\u0442\u044c \u2014 \u0447\u0435\u0441\u0442\u0438 \u043c\u0430\u043b\u043e\u0432\u0430\u0442\u043e.)<\/s> \u0412 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u044f \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e \u0442\u0435 \u0436\u0435 \u043e\u0448\u0438\u0431\u043a\u0438, \u043d\u0430\u0434 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043a\u0440\u0438\u0442\u0438\u043a\u043e\u0432\u0430\u043b \u0434\u0440\u0443\u0433\u0438\u0445. \u0414\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043d\u0435\u0432\u0430\u0436\u043d\u043e, \u0447\u0442\u043e \u0440\u0430\u0437\u043d\u043e\u0446\u0432\u0435\u0442\u043d\u044b\u0439 \u0441\u043d\u0435\u0433, \u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0432 2D, \u043d\u0435 \u0431\u044b\u0432\u0430\u0435\u0442 \u2014 \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u0435\u0441\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0430\u0441\u043a\u0440\u0430\u0441\u0438\u0442\u044c. \u0410 \u0435\u0449\u0451, \u043b\u0435\u0442\u044f\u0442 \u043d\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438, \u0430 \u043a\u043e\u043c\u043a\u0438 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041d\u043e 3\/4 \u043d\u0430\u0441\u0435\u043b\u0435\u043d\u0438\u044f \u0417\u0435\u043c\u043b\u0438 \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0437\u043d\u0430\u0435\u0442, \u0442\u0430\u043a \u0447\u0442\u043e \u043d\u0430\u0441 \u0436\u0434\u0451\u0442 \u0443\u0441\u043f\u0435\u0445\u2026 \u0412 \u043d\u0430\u0431\u043e\u0440\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432 Unicode, \u043f\u043e\u0445\u043e\u0436\u0438\u0445 \u043d\u0430 \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438 \u2014 \u043d\u0430\u0431\u0440\u0430\u043b\u043e\u0441\u044c \u0430\u0436 8. \u041c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0435\u0449\u0451 \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0436\u0435.<\/p>\n

\u0418\u0442\u0430\u043a, \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0441\u044f \u0447\u0438\u0442\u0430\u0435\u043c\u044b\u0439 \u043a\u043e\u0434, \u043d\u0430 20 \u0441\u0442\u0440\u043e\u0447\u0435\u043a \u043a\u043e\u0440\u043e\u0447\u0435 (90 \u0441\u0442\u0440\u043e\u043a) \u0438 \u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u043d\u0430 30% \u043c\u0435\u043d\u044c\u0448\u0435 (1.5\u041a), \u0447\u0435\u043c \u043b\u0443\u0447\u0448\u0438\u0435 \u043e\u0431\u0440\u0430\u0437\u0446\u044b \u043c\u043e\u0434\u043e\u0432, \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u0432 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u0441\u0442\u043e\u043f-\u0441\u0442\u0430\u0440\u0442-\u043a\u043d\u043e\u043f\u043a\u0443. \u042d\u0442\u043e\u0442 \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u0435\u043d, \u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043a\u0430\u043a \u0438 \u0440\u0430\u043d\u044c\u0448\u0435, \u0441 \u043e\u043a\u043d\u043e\u043c \u0438 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u044b\u0441\u043e\u0442\u0443 (height: \u0447\u0438\u0441\u043b\u043e) \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445. \u042d\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e, \u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435, \u0447\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u0443\u044e \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e \u0432\u043e\u043e\u0431\u0449\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0441\u0435\u0431\u044f \u0447\u0443\u0432\u0441\u0442\u0432\u0443\u0435\u0442 \u0441 \u0432\u044b\u0437\u043e\u0432\u043e\u043c \u0441\u0442\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0430 $().jSnow(…), \u0442.\u0435. \u0431\u0435\u0437 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430. \u041f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e, \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u043c\u0441\u044f \u0437\u0434\u0435\u0441\u044c \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0434\u0435\u043c\u043e<\/a>.<\/p>\n

\u0418 \u0443\u0441\u043b\u043e\u0436\u043d\u0438\u043c \u0437\u0430\u0434\u0430\u0447\u0443 \u2014 \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u044b\u043c\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f\u043c\u0438 jQuery. \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u043c \u044d\u0442\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435, \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u2014 \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u043e\u043a\u043d\u043e\u043c, \u043a\u0430\u043a \u0438 \u043f\u0440\u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 window \u0438 $(‘body’)) \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0431\u043b\u043e\u043a\u043e\u043c-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043f\u043e $(‘.contSnow’).jSnow(…) ). \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c, \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043d\u0443\u0436\u0435\u043d position:relative, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0439 \u0431\u043b\u043e\u043a \u0441 absolute \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u0435\u0431\u044f \u0447\u0443\u0432\u0441\u0442\u0432\u043e\u0432\u0430\u043b. \u0411\u043b\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430 \u0432\u0441\u0451 \u043e\u043a\u043d\u043e, \u0442\u043e\u0436\u0435 \u043d\u0430\u0447\u043d\u0451\u0442 \u0441\u0435\u0431\u044f \u0432\u0435\u0441\u0442\u0438 \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443, \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u043e\u043a\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0435\u0441\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u043d\u044f\u0442\u044c, \u0435\u0441\u043b\u0438 \u0431\u0443\u0434\u0435\u0442 \u0442\u0430\u043a\u043e\u0439 \u0431\u043b\u043e\u043a. (\u041c\u043e\u0436\u043d\u043e \u0438 \u0438\u043d\u0430\u0447\u0435, \u043f\u043e-\u0441\u0442\u0430\u0440\u043e\u043c\u0443, \u043d\u043e \u0437\u0430\u0447\u0435\u043c \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0442\u044c? \u0421\u043a\u043e\u0440\u0435\u0435, \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u043f\u0435\u0440\u0432\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442, \u0438\u043b\u0438 \u0432\u0442\u043e\u0440\u043e\u0439.) \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a: <\/p>\n

<\/p>\n

<\/div>\n

\u0434\u0435\u043c\u043e<\/a>, (\u043a\u043e\u0434 \u0432 \u0440\u0435\u043f\u043e)<\/a>. \u042d\u0442\u043e DOM, \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 30% \u043d\u0430 \u043f\u043e\u0442\u043e\u043a (15% \u2014 \u043e\u0431\u0449\u0430\u044f) \u0441 \u0431\u0438\u0442\u0440\u0435\u0439\u0442\u043e\u043c 12.
\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u043b\u0438\u044f\u0435\u0442 \u0442\u043e, \u0447\u0442\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u2014 \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435.<\/nobr><\/p>\n

\u0412 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435, \u0437\u0430\u0447\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043e\u0434\u043d\u0438\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c, \u0435\u0441\u043b\u0438 jQuery \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e? \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u0442\u0438\u043f\u0430 \u0442\u0430\u043a\u043e\u0433\u043e<\/a>, \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 30-50% \u0434\u043b\u044f \u0441\u0443\u043c\u043c\u044b \u0432 70-120 \u0447\u0430\u0441\u0442\u0438\u0446. \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0443-\u0437\u0430\u043f\u0443\u0441\u043a \u043c\u043e\u0436\u043d\u043e \u0442\u043e\u0436\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u043e \u043a\u043d\u043e\u043f\u043a\u0430\u043c \u0438\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0431\u0449\u0435\u0439.<\/p>\n

\u041f\u0440\u0438 \u043f\u043e\u043f\u044b\u0442\u043a\u0430\u0445 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0435 \u0441\u0440\u0430\u0437\u0443 \u0431\u0440\u043e\u0441\u0430\u0435\u0442\u0441\u044f \u0432 \u0433\u043b\u0430\u0437\u0430 \u043d\u0435\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0441\u0442\u044c \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u043d\u0430 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438. \u0417\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u2014 \u0434\u0430, \u043c\u043e\u0436\u043d\u043e, \u0434\u0430\u0436\u0435 \u0434\u0435\u0441\u044f\u0442\u043a\u0438 \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u043e\u0432 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u0440\u0430\u0437\u0434\u0430\u0432\u0430\u044f \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u043f\u043e \u0447\u0443\u0442\u044c-\u0447\u0443\u0442\u044c \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a. \u041d\u043e \u0432\u0441\u0435\u043c \u0431\u043b\u043e\u043a\u0430\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0441\u043e\u043e\u0431\u0449\u0430\u044e\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u0438 \u044d\u0442\u043e \u2014 \u043d\u0435\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e, \u0442.\u043a. \u0447\u0430\u0449\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u2014 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e\u043a\u043e\u043d (\u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445, \u043d\u0430 \u0434\u0438\u0432\u0430\u0445), \u043d\u043e \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438, \u0430 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0445 \u0441\u043e\u043e\u0431\u0449\u0430\u0442\u044c \u043e\u0434\u043d\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e, \u0447\u0442\u043e \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u0432 .jSnow, \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0434\u043b\u0438\u043d\u043d\u043e, \u0445\u043e\u0442\u044f \u0438 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e.<\/p>\n

\u0422\u0443\u0442 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u044f \u0441 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u043f\u0440\u0430\u0432\u0438\u043b CSS. \u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u2014 \u044d\u0442\u043e \u0442\u0435 \u0436\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432, \u043a\u0430\u043a\u0438\u0435 \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u0434\u0430\u0436\u0435 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0441\u0442\u043e\u044f\u0442 \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u043c\u0435\u0441\u0442\u0435. \u041d\u043e \u043d\u0435\u0442 \u0441\u0435\u0439\u0447\u0430\u0441 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u0430\u043c \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u043d\u0430\u043a\u0430\u043f\u043b\u0438\u0432\u0430\u0442\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043f\u0440\u0430\u0432\u0438\u043b (\u043f\u043e\u0434\u043e\u0431\u043d\u043e \u0442\u043e\u043c\u0443, \u043a\u0430\u043a \u0432 \u043e\u0434\u043d\u043e\u043c \u2014 font-size, \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u2014 position). \u0412\u0442\u043e\u0440\u043e\u0439 \u0437\u0430\u043f\u0443\u0441\u043a \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043d\u0430 \u0442\u043e\u043c \u0436\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0438\u043d\u0441\u0442\u0430\u043d\u0441 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 (\u0434\u043e\u043b\u0433\u043e\u0438\u0433\u0440\u0430\u044e\u0449\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0441 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435\u043c \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f), \u0430 \u043d\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u043a \u0443\u0436\u0435 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u043c\u0443. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0431\u044b\u043b\u043e \u0431\u044b \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u044f\u0442\u044c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b (\u043f\u0440\u043e\u0441\u0442\u043e \u0441\u0442\u0440\u043e\u043a\u0438 \u0441 \u043a\u043b\u0430\u0441\u0441\u0430\u043c\u0438), \u0430 \u043d\u0435 JSON-\u044b \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a. \u041d\u043e \u043d\u0435 \u043f\u0440\u0438\u043f\u043e\u043c\u043d\u0438\u0442\u0441\u044f \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u0433\u0434\u0435 \u0442\u0430\u043a\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0431\u044b\u043b \u0431\u044b \u043d\u0443\u0436\u0435\u043d \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u043b. \u041d\u0430 \u0441\u0430\u043c\u043e\u043c \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435 \u0434\u0435\u043c\u043e \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u0437\u0430\u043f\u0443\u0441\u043a \u0432 4 \u043e\u0431\u043b\u0430\u0441\u0442\u044f\u0445 \u0442\u0430\u043a, \u043a\u0430\u043a \u043f\u043b\u0430\u0433\u0438\u043d \u0442\u0435\u043f\u0435\u0440\u044c \u0443\u043c\u0435\u0435\u0442:<\/p>\n

<\/p>\n

<\/div>\n

\u0434\u0435\u043c\u043e<\/a>, (\u043a\u043e\u0442 \u0432 \u0440\u0435\u043f\u043e)<\/a><\/nobr><\/p>\n

\u0414\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043f\u043e\u0440\u044f\u0434\u043a\u0430 300 \u0431\u0430\u0439\u0442 \u0441\u0436\u0430\u0442\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u043d\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u043d \u0441 \u0431\u041e\u043b\u044c\u0448\u0438\u043c \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u043c. \u041f\u0440\u0430\u0432\u0434\u0430, \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u0430.<\/p>\n

\u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 DOM<\/h2>\n

\u0422\u0430\u043a\u043e\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0443\u0434\u0435\u043b\u0435\u043d\u043e \u043e\u0434\u043d\u043e\u043c\u0443 \u0441\u043a\u0440\u0438\u043f\u0442\u0443, \u043d\u0435 \u0441\u0430\u043c\u043e\u043c\u0443 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u043c\u0443, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e, \u0435\u0441\u043b\u0438 \u0437\u0430\u0433\u043b\u044f\u043d\u0443\u0442\u044c \u0432\u043f\u0435\u0440\u0451\u0434, \u043e\u043d \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u043c \u043d\u0430 Canvas, \u043d\u0435 \u0442\u0435\u043c, \u0447\u0442\u043e \u0432\u044b\u0448\u0435, \u0430 \u0445\u043e\u0440\u043e\u0448\u043e, \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u043c. \u041d\u0435\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u0441\u0442\u0430\u043d\u0443\u0442 \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u0430\u043c\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u043a\u043e\u0434\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043d\u0438\u0447\u0435\u0433\u043e \u043b\u0438\u0448\u043d\u0435\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u0447\u0442\u043e \u0441 \u0447\u0435\u043c \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0442\u044c.<\/p>\n

\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0430 DOM \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c Snowstorm<\/a>, \u0441\u043e \u0441\u0436\u0430\u0442\u044b\u043c \u043a\u043e\u0434\u043e\u043c 20\u041a, \u043e\u0447\u0435\u043d\u044c \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u2014 \u0435\u0441\u0442\u044c, \u0447\u0435\u043c\u0443 \u043f\u043e\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0438 \u0434\u043b\u044f \u043c\u0430\u043b\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432. \u041d\u043e \u0438\u0437\u0443\u0447\u0430\u0442\u044c, \u0447\u0442\u043e \u0442\u0430\u043c \u043b\u0438\u0448\u043d\u0435\u0433\u043e \u0438 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043b\u0438 \u044d\u0442\u043e \u043a \u043f\u043e\u0442\u0435\u0440\u044f\u043c \u2014 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0441\u043b\u043e\u0436\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430. \u041f\u0440\u043e\u0449\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043c\u0430\u043b\u043e\u0435 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438. \u0417\u043d\u0430\u0447\u0438\u043c\u043e\u0441\u0442\u044c \u043a\u0430\u0436\u0434\u043e\u0439 \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u0441\u044f \u043d\u0430 \u0442\u0435\u0441\u0442\u0430\u0445 \u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435.<\/p>\n

\u0411\u044b\u0441\u0442\u0440\u043e \u043f\u0440\u043e\u0439\u0434\u0451\u043c\u0441\u044f \u043f\u043e \u0435\u0449\u0451 \u043e\u0434\u043d\u043e\u043c\u0443 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u043c\u0443 \u0441\u043a\u0440\u0438\u043f\u0442\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d \u0441\u0440\u0435\u0434\u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044b\u0445 \u0434\u0435\u043c\u043e \u0438 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446, \u043d\u043e \u0438\u043c\u0435\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 (\u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043b\u0441\u044f \u0432\u044b\u0448\u0435, \u0430\u0432\u0442\u043e\u0440\u0430 P.Gehrig). \u041d\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u0432 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0443 \u2014 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043e\u043a \u0431\u0430\u0433\u043e\u0432 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442, jQuery \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442, \u043d\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u043f\u0440\u0438\u0443\u0447\u0438\u0442\u044c \u043a \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c\u0443 \u0434\u043e\u043a\u0442\u0430\u0439\u043f\u0443. \u0422\u0430\u043a\u0436\u0435, \u0440\u0430\u043d\u044c\u0448\u0435 \u0431\u044b\u043b\u043e \u043f\u043b\u043e\u0445\u043e \u0441 \u043e\u0441\u043e\u0431\u044b\u043c\u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u0430\u043c\u0438 Unicode \u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0448\u0440\u0438\u0444\u0442\u043e\u0432, \u0441\u0435\u0439\u0447\u0430\u0441 \u2014 \u043b\u0443\u0447\u0448\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0431\u0443\u043a\u0432\u044b \u0437\u0430\u043c\u0435\u043d\u0435\u043d\u044b \u043d\u0430 \u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0430\u044b\u0435 (\u043f\u043e\u0434\u0446\u0432\u0435\u0447\u0435\u043d\u043d\u044b\u0435) \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438. <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u0413\u043e\u0434: 2005, falling-snow \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438<\/a>, \u043a\u043e\u0434<\/a>, jsFiddle<\/a><\/td>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 25<\/b><\/td>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: DOM<\/b><\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430? \u0414\u0410<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 10%<\/b> (\u0438\u0437-\u0437\u0430 8 FPS)<\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 90<\/b><\/td>\n<\/tr>\n
\u0421\u0442\u043e\u043b\u044c \u043c\u0430\u043b\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0443 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0432\u044b\u0437\u0432\u0430\u043d\u0430 \u043d\u0438\u0437\u043a\u0438\u043c \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u043c FPS. \u042d\u0442\u043e, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u043f\u043e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f\u043c \u043a\u0430\u043a \u0447\u0430\u0441\u0442\u043e\u0435 \u0441\u043b\u0430\u0439\u0434\u0448\u043e\u0443. \u042d\u0442\u043e \u0431\u044b\u043b\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0438 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0441\u0442\u0430\u0440\u044b\u0445 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445 \u043a \u0441\u043a\u0440\u0438\u043f\u0442\u0443. \u041f\u0440\u0438 30 FPS \u2014 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 35%, \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0436\u0435, \u043a\u0430\u043a \u0431\u0443\u0434\u0435\u0442 \u0443 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u043f\u0440\u0438 \u0442\u0430\u043a\u0438\u0445 \u0436\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445.<\/p>\n

\u0423 \u044d\u0442\u043e\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0441 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0431\u0440\u043e\u0443\u043d\u043e\u0432\u0441\u043a\u043e\u0433\u043e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0438 \u0441 \u043f\u0430\u0434\u0435\u043d\u0438\u0435\u043c \u043a\u0430\u043a \u0431\u044b \u00ab\u0438\u0437\u0434\u0430\u043b\u0435\u043a\u0430\u00bb \u044d\u043a\u0440\u0430\u043d\u0430, \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435\u043c \u0438 \u00ab\u0442\u0430\u044f\u043d\u0438\u0435\u043c\u00bb (\u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435\u043c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438) \u0432\u0431\u043b\u0438\u0437\u0438 \u0438\u043b\u0438 \u0432\u043d\u0438\u0437\u0443. <\/td>\n<\/tr>\n

\u0413\u043e\u0434: 2006, falling-snow \u0441 \u043f\u0430\u0434\u0435\u043d\u0438\u0435\u043c \u00ab\u0438\u0437\u0434\u0430\u043b\u0438\u00bb \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438<\/a>, jsFiddle<\/a><\/td>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 25<\/b><\/td>\n
(\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435)<\/i><\/a><\/td>\n<\/tr>\n
\u0422\u0438\u043f: DOM<\/b><\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430? \u0414\u0410<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432 jsFiddle: 60%<\/b> (16 FPS)<\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 100<\/b><\/td>\n<\/tr>\n
\u0417\u0434\u0435\u0441\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u00ab\u043a\u0430\u043f\u0440\u0438\u0437\u043d\u044b\u00bb \u2014 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u043e\u0441\u0442\u0430 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438 \u0438\u043b\u0438 \u043d\u0435 \u0440\u0430\u0441\u0442\u0443\u0449\u0438\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0442\u044c, \u0430 \u044d\u0444\u0444\u0435\u043a\u0442\u043d\u043e\u0441\u0442\u044c \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0438\u0442\u043e\u0433\u0435 \u043e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u043e\u043a\u043d\u0430 \u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f (\u043d\u0435 \u0430\u0432\u0442\u043e\u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f). \u0417\u0430\u043c\u0435\u0442\u043d\u043e\u0435 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u0435 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043d\u043e\u0439 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0445 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u0432 (\u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439). (\u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043f\u043b\u043e\u0442\u043d\u043e, \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u0434\u0430 \u043f\u043e\u0441\u043b\u0435 \u0440\u0430\u0437\u0440\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0431\u044b\u043b\u043e \u0431\u044b \u0432 2 \u0440\u0430\u0437\u0430 \u0431\u043e\u043b\u044c\u0448\u0435.) <\/td>\n<\/tr>\n<\/table>\n

\u041d\u0430\u043f\u0438\u0448\u0435\u043c \u0432\u0441\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u043a\u043e\u0434\u0430 \u0441\u043e \u0441\u043d\u0435\u0433\u043e\u043c \u043d\u0430 \u0413\u0438\u0442\u0445\u0430\u0431\u0435. \u0423\u0447\u0442\u0451\u043c \u043d\u0435\u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0440\u0435\u0434\u0448\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0438\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043f\u0438\u0441\u0430\u043b\u0438 \u0434\u0435\u043c\u043e-\u0441\u0442\u0440\u0430\u043d\u0438\u0446, \u0438 \u043f\u043e\u0442\u043e\u043c\u0443 \u043d\u0430 \u0438\u0445 \u043a\u043e\u0434 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u043b\u044e\u0434\u0435\u0439. \u0413\u0438\u0442\u0445\u0430\u0431 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043a\u0440\u0430\u0439\u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0434\u0435\u043c\u043e, \u0435\u0441\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u0432\u0435\u0442\u043a\u0435 gh-pages. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u0441\u0435 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0432\u0435\u0440\u0441\u0438\u0439 \u043b\u0435\u0433\u043a\u043e \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0438 \u0441\u043c\u043e\u0442\u0440\u044f\u0442\u0441\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f. \u0413\u0438\u0442\u0445\u0430\u0431: github.com\/spmbt\/snowfalls<\/a>.<\/p>\n

\u041a\u0430\u043a \u0442\u0430\u043c \u0441 CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u043c\u0438?<\/h2>\n

\u0421\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u044b, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u0434\u0440\u0443\u0433\u0438\u043c\u0438, \u0434\u0430\u043b\u044c\u0448\u0435, \u0432 \u043f\u043e\u0438\u0441\u043a\u0430\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u043d\u044b\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432.<\/p>\n

1. \u041f\u0440\u0438\u043c\u0435\u0440 (\u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u043c\u0438 CSS<\/b>) \u0441\u0438\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0449\u0435\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043d\u0430 CSS3 \u0441 \u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435\u043c DOM-\u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u2014 www.jqueryscript.net\/animation\/jQuery-Plugin-For-Snowfall-Effect-with-Rotating-Snowflakes.html<\/a>. (\u041d\u0430 \u044d\u0442\u043e\u043c \u0441\u0430\u0439\u0442\u0435 \u0435\u0441\u0442\u044c \u0432\u0441\u0451 \u2014 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u043a\u043e\u0434 \u0438 \u0434\u0435\u043c\u043e \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430, \u043d\u043e \u0431\u0435\u0437 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446.) <\/p>\n

2. \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043d\u0430 3 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u0447\u043d\u044b\u0445 \u0441\u043b\u043e\u044f\u0445<\/a> \u0432 CSS (Codepen).<\/p>\n

\u041f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0435\u0449\u0451 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043d\u0430 \u043a\u0430\u043d\u0432\u0430\u0441\u0435, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0439\u0442\u0438 \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u043d\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0449\u0438\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0441\u043a\u0440\u0438\u043f\u0442.<\/p>\n

\u041f\u0440\u0438\u043c\u0435\u0440 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043d\u0430 Canvas, \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0443\u044e\u0449\u0435\u0439\u0441\u044f \u043f\u043e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044e \u043c\u044b\u0448\u0438, \u0433\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u2014 \u043d\u0435 \u0441\u043f\u043b\u043e\u0448\u043d\u0430\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0441 \u043f\u043e\u0440\u044f\u0434\u043a\u0430 200-300, \u0430 \u043f\u043e\u0440\u044f\u0434\u043a\u0430 50-100 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u2014 www.jqueryscript.net\/animation\/Yet-Another-Falling-Snow-Animation-with-jQuery-Canvas-GlauserChristmas.html<\/a>.<\/p>\n

\u0415\u0449\u0451 \u043e\u0434\u043d\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043d\u0430 Canvas \u0431\u0435\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a, \u0441 \u0434\u0435\u043c\u043e \u0438 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u043c\u0438 \u043d\u0430 \u043a\u0438\u0442\u0430\u0439\u0441\u043a\u043e\u043c: www.jqueryscript.net\/animation\/Nice-Snow-Falling-Effect-with-jQuery-Canvas-Nice-Snowing.html<\/a>.<\/p>\n

\u0412\u0441\u0435 \u044d\u0442\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438, \u0432\u043a\u043b\u044e\u0447\u0430\u044f Canvas, \u043f\u043e\u0447\u0435\u043c\u0443-\u0442\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u044b \u0442\u0430\u043a, \u0447\u0442\u043e \u0433\u0440\u0443\u0437\u044f\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 \u043d\u0430 100% (\u0442\u043e\u0447\u043d\u0435\u0435, \u043e\u0434\u043d\u043e \u044f\u0434\u0440\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043e\u0434\u043d\u043e\u043f\u043e\u0442\u043e\u0447\u043d\u044b\u0439 JS). \u042d\u0442\u043e \u0431\u0443\u0434\u0442\u043e \u0431\u044b \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u043b\u044f \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0439 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432. (\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043d\u0430 \u0434\u0438\u0441\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0432\u0438\u0434\u0435\u043e\u043a\u0430\u0440\u0442\u0430\u0445 \u044d\u0442\u043e \u0442\u0430\u043a \u0438 \u0435\u0441\u0442\u044c.)<\/i><\/p>\n

\u041a\u0430\u043a-\u0442\u043e \u044d\u0442\u043e \u0432\u0441\u0451 \u0441\u0442\u0440\u0430\u043d\u043d\u043e<\/h2>\n

\u0421\u0440\u0435\u0434\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0441\u043e \u0441\u043d\u0435\u0433\u043e\u043c \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u043e \u044d\u043a\u043e\u043d\u043e\u043c\u044f\u0449\u0438\u0445 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430, \u0445\u043e\u0442\u044f \u043e\u043d\u0438 \u0435\u0441\u0442\u044c \u043a\u0430\u043a \u0434\u043b\u044f DOM, \u0442\u0430\u043a \u0438 \u0434\u043b\u044f Canvas. \u041f\u043e\u043a\u0430\u0436\u0435\u043c, \u0447\u0442\u043e \u0442\u043e\u0433\u043e \u0436\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u043e\u043b\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043d\u0435 \u0434\u043b\u044f 100, \u0430 \u0434\u043b\u044f \u043f\u0430\u0440\u044b \u0442\u044b\u0441\u044f\u0447 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a, \u0430 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u043b\u0443\u0447\u0448\u0435 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u044f\u0434\u0440\u0430 \u043d\u0430 10-20% \u0434\u043b\u044f 200-400 \u0448\u0442\u0443\u043a.<\/p>\n

\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 Canvas<\/h2>\n

\u0412\u043f\u0440\u043e\u0447\u0435\u043c, \u0442\u0443\u0442 \u043d\u0430\u0448\u0451\u043b\u0441\u044f \u043e\u0434\u0438\u043d \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c Canvas. \u0421\u0432\u043e\u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0431\u0443\u0434\u0435\u043c \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0432 \u0435\u0433\u043e \u0441\u0442\u0438\u043b\u0435. <\/p>\n\n\n\n\n\n\n\n\n
\u0413\u043e\u0434: 2015<\/th>\n\u0414\u0435\u043c\u043e: Snow Effect using HTML5 Canvas and Javascript<\/a>, \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d<\/th>\n\u041a\u043e\u043f\u0438\u044f \u043d\u0430 jsFiddle<\/a><\/th>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 25<\/b><\/td>\n\n
<\/div>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: Canvas<\/b><\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430 \u2014 \u0414\u0410<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 45%<\/b><\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 90<\/b><\/td>\n<\/tr>\n
\u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u043c\u044b \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c \u0432\u0435\u0441\u044c \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u0434\u0435\u043b\u0430\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043b\u0438\u0448\u043d\u0435\u0433\u043e, \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445 \u0432\u044b\u0448\u0435, \u0442\u043e \u0443\u0441\u043f\u0435\u0445 \u0431\u043b\u0438\u0437\u043e\u043a. \u041d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u0430\u0436\u0435 \u0441 200 \u0447\u0430\u0441\u0442\u0438\u0446\u0430\u043c\u0438 (\u0432 \u0425\u0440\u043e\u043c\u0435) \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 45% (\u043d\u0443\u0436\u043d\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c 2 \u0438\u043b\u0438 3 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u2014 Chrome \u0438 \u0434\u0432\u0430 Chrome helper) \u0438 60% \u043f\u0440\u0438 2000. \u0414\u043b\u044f Firefox \u2014 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u043e \u0436\u0435, \u0440\u0430\u0437\u0432\u0435 \u0447\u0442\u043e \u043d\u0430 10% \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435 (\u043f\u0440\u0438 \u0445\u043e\u0440\u043e\u0448\u0438\u0445 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445) \u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u0442\u043e\u0440\u043c\u043e\u0437\u044f\u0449\u0438\u0445 \u0444\u0430\u043a\u0442\u043e\u0440\u043e\u0432.<\/td>\n<\/tr>\n<\/table>\n

\u041d\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0435\u043d Canvas \u043f\u0440\u0438 \u043c\u0430\u043b\u044b\u0445 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430\u0445. \u041d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043f\u0440\u0438 2 \u0447\u0430\u0441\u0442\u0438\u0446\u0430\u0445 \u0447\u0430\u0441\u0442\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 40-60% \u0438 \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0436\u0435 \u2014 \u0434\u043b\u044f 25, \u0438 0 \u2014 \u0434\u043b\u044f \u043d\u0435\u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u0433\u043e setInterval(). \u041b\u044e\u0431\u0430\u044f \u0435\u0433\u043e \u0434\u043e\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u043d\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440 (\u043f\u0440\u0438 30 FPS \u2014 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u043e\u0432 \u043e\u0442 30), \u0430 \u043e\u0431\u044a\u0451\u043c \u0434\u043e\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f. \u041e\u0447\u0435\u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u043f\u0440\u0438 \u0445\u0443\u0434\u0448\u0435\u0439 \u0432\u0438\u0434\u0435\u043e\u043a\u0430\u0440\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0445\u0443\u0436\u0435, \u0438 \u0433\u0434\u0435-\u0442\u043e \u043c\u044b \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043d\u0435\u043c \u0432\u0438\u0434\u0435\u0442\u044c \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f, \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u0442\u044c \u043d\u0430\u0447\u043d\u0451\u0442 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u0438 \u043d\u0430\u043b\u0438\u0447\u0438\u0438 Canvas, \u0430 \u043f\u043e\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435\u043c FPS.<\/p>\n

\u0411\u043e\u043b\u0435\u0435 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e, \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0442\u0430\u043a\u0438\u0435. \u0411\u0435\u0440\u0451\u043c jsFiddle \u043a\u0430\u043a \u043c\u0435\u043d\u0435\u0435 \u0432\u043b\u0438\u044f\u044e\u0449\u0438\u0439 \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b, \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0442\u0443\u0434\u0430 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c<\/a> \u043a\u043d\u043e\u043f\u043a\u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438. \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0440\u0430\u0437\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a, \u0436\u0434\u0451\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043c\u0438\u043d\u0443\u0442\u0443, \u043f\u043e\u043a\u0430 \u0440\u0430\u0441\u0445\u043e\u0434\u044b \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 \u0443\u0441\u043f\u043e\u043a\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f (\u043d\u0435 \u0434\u0432\u0438\u0433\u0430\u044f \u043c\u044b\u0448\u044c, \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u0435\u043b\u0430\u044f). \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0447\u0435\u0440\u0435\u0437 Activity Monitor (MacBook \u0441 \u0432\u0438\u0434\u0435\u043e Intel HD Graphics 5000). \u0415\u0441\u043b\u0438 \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 Windows, \u0441\u043a\u0430\u0436\u0435\u043c, \u043d\u0430 4-\u044f\u0434\u0435\u0440\u043d\u043e\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0435, \u0442\u043e \u0443\u0432\u0438\u0434\u0438\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043d\u0435 \u0431\u043e\u043b\u0435\u0435 25%. \u041d\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u044b\u0435 \u0437\u0434\u0435\u0441\u044c \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 100% \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u044f\u0434\u0440\u0430<\/b>, \u0442.\u0435. 25% \u043d\u0430\u0434\u043e \u0431\u0443\u0434\u0435\u0442 \u0443\u043c\u043d\u043e\u0436\u0430\u0442\u044c \u043d\u0430 4. \u041f\u0440\u043e\u0441\u0442\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u043f\u043e\u043a\u0430 \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443 \u043d\u0435 \u0443\u043c\u0435\u044e\u0442 \u0440\u0430\u0441\u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438\u0432\u0430\u0442\u044c\u0441\u044f, \u043d\u043e \u0438 \u044d\u0442\u0430 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u043b\u044f \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u0430 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0447\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u0430, \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0440\u0430\u0441\u0445\u043e\u0434\u0443 \u044d\u043d\u0435\u0440\u0433\u0438\u0438, \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u0430\u043a \u043f\u0440\u0438 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435 \u0432\u0438\u0434\u0435\u043e.<\/p>\n

\u041d\u0435\u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u0430\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 -10% \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 (\u0444\u043e\u043d).
0 \u0447\u0430\u0441\u0442\u0438\u0446 \u2014 30%;
2 \u0447\u0430\u0441\u0442\u0438\u044b \u2014 35%;
25 \u0447\u0430\u0441\u0442\u0438\u0446 \u2014 40%;
200 \u0447\u0430\u0441\u0442\u0438\u0446 \u2014 50%;
1000 \u2014 55%;
2000 \u2014 65%.
\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0442\u0441\u044f, \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c \u0438 \u0437\u0430\u043d\u044f\u0442\u043e\u0441\u0442\u0438 \u043f\u0430\u043c\u044f\u0442\u0438.<\/p>\n

\u0412\u043e\u0442 \u0438 \u0440\u0430\u0437\u0433\u0430\u0434\u043a\u0430 \u0442\u043e\u0433\u043e, \u043f\u043e\u0447\u0435\u043c\u0443 \u0441 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435\u043c Canvas \u0432\u0441\u0435 \u0441\u0440\u0430\u0437\u0443 \u043d\u0435 \u0431\u0440\u043e\u0441\u0438\u043b\u0438\u0441\u044c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043d\u0451\u043c. \u041f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u044b, \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0435 \u043d\u0435\u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043d\u0435\u043f\u043e\u043b\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u043d\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u043b\u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u044b\u0439 \u0431\u0438\u0442\u0440\u0435\u0439\u0442, \u0447\u0442\u043e\u0431\u044b \u0441 \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0439\u0442\u0438 \u00ab\u0446\u0435\u043d\u0437 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438\u00bb, \u0437\u0430\u0432\u0438\u0441\u044f\u0449\u0438\u0439 \u043d\u0435 \u043e\u0442 \u0447\u0438\u0441\u043b\u0430 \u0447\u0430\u0441\u0442\u0438\u0446, \u0430 \u043e\u0442 \u0431\u0438\u0442\u0440\u0435\u0439\u0442\u0430, \u0438 \u0443\u043b\u043e\u0436\u0438\u0442\u044c\u0441\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432 \u0438\u0434\u0435\u0430\u043b\u0435 \u0432 20%. \u0421 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439 \u043d\u0430 \u0441\u043b\u043e\u044f\u0445 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0445\u043e\u0442\u044f \u0431\u044b 5 \u0447\u0430\u0441\u0442\u0438\u0446 \u0438 \u043f\u0440\u043e\u0439\u0442\u0438 \u044d\u0442\u043e\u0442 \u0446\u0435\u043d\u0437. \u0421\u0435\u0439\u0447\u0430\u0441 \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u0442\u0430\u043b\u043e \u043b\u0443\u0447\u0448\u0435, \u0430 IE8, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0435\u0437 Canvas, \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0434\u043e\u043b\u044e \u043e\u043a\u043e\u043b\u043e 0.5 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430<\/a>.<\/p>\n

\u0421\u0432\u043e\u0438 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u043d\u0430 \u043a\u0430\u043d\u0432\u0430\u0441\u0435<\/h2>\n

\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0441\u0432\u043e\u0438 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u043d\u044b\u0445 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u043e\u0432 \u043d\u0430 \u043a\u0430\u043d\u0432\u0430\u0441\u0435. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0430\u043c\u043a\u043d\u0451\u043c \u043f\u043b\u043e\u0441\u043a\u043e\u0441\u0442\u044c \u0432 \u0442\u043e\u0440 \u0438 \u043f\u0443\u0441\u0442\u0438\u043c \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0438 \u043f\u043e \u0432\u0435\u0442\u0440\u0443 \u0441 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u043c\u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c\u0438 \u0431\u043b\u0443\u0436\u0434\u0430\u043d\u0438\u044f\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u043a \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u0447\u0430\u0441\u0442\u0438\u0446\u044b. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0445\u043e\u0442\u044f \u0431\u0435\u0437 \u0432\u043f\u0435\u0447\u0430\u0442\u043b\u0435\u043d\u0438\u044f \u043e \u043f\u043e\u0440\u044b\u0432\u0430\u0445 \u0432\u0435\u0442\u0440\u0430. \u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u0444\u0444\u0435\u043a\u0442 \u2014 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441, \u043a\u043e\u0433\u0434\u0430 \u0431\u043e\u043b\u0435\u0435 \u043c\u0435\u043b\u043a\u0438\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\u044b \u043f\u0430\u0434\u0430\u044e\u0442 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435, \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0449\u0443\u0449\u0435\u043d\u0438\u0435 \u0442\u0440\u0451\u0445\u043c\u0435\u0440\u043d\u043e\u0441\u0442\u0438 \u0441\u0446\u0435\u043d\u044b.<\/p>\n

\u0421 \u0442\u0430\u043a\u0438\u043c\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430\u043c\u0438 \u043f\u043e\u0448\u0451\u043b \u043f\u0435\u0440\u0432\u044b\u0439 \u0431\u043b\u0438\u043d. <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u0413\u043e\u0434: 2015<\/th>\n\u0414\u0435\u043c\u043e<\/a> \u0438 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430: \u0432\u0435\u0442\u0435\u0440 \u0441 \u043f\u0430\u0434\u0435\u043d\u0438\u0435\u043c \u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c\u0438 \u0431\u043b\u0443\u0436\u0434\u0430\u043d\u0438\u044f\u043c\u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438<\/a>, \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d, \u0437\u0430\u0432\u0451\u0440\u043d\u0443\u0442\u044b\u0439 \u0432 \u0442\u043e\u0440<\/th>\n<\/th>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 100<\/b><\/td>\n\n
<\/div>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: Canvas<\/b><\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430 \u2014 \u0414\u0410<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 35%<\/b><\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 50<\/b><\/td>\n<\/tr>\n
\u0421\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0441\u0442\u044c \u0431\u043b\u0443\u0436\u0434\u0430\u043d\u0438\u0439 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\u044b, \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0438\u0445 \u0447\u0438\u0441\u043b\u043e, \u043b\u0435\u0442\u044f\u0442, \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u043c\u0435\u043d\u044f\u044f \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043b\u0435\u0442\u0430\u044e\u0442 \u0432\u0441\u0451 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e. \u041d\u0443\u0436\u043d\u043e \u00ab\u0437\u0430\u0442\u0443\u0445\u0430\u043d\u0438\u0435\u00bb \u043e\u0442\u043a\u043b\u043e\u043d\u0435\u043d\u0438\u0439 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438, \u0447\u0442\u043e\u0431\u044b \u0440\u043e\u0439 \u0447\u0430\u0441\u0442\u0438\u0446 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043b\u0441\u044f \u043a \u043e\u0431\u0449\u0435\u043c\u0443 \u043f\u043e\u0442\u043e\u043a\u0443. \u041c\u043d\u043e\u0436\u0438\u0442\u0435\u043b\u044c *.999 \u0432 \u043a\u043e\u0434\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u044d\u0442\u043e \u00ab\u0443\u0441\u043f\u043e\u043a\u0430\u0438\u0432\u0430\u043d\u0438\u0435. \u041d\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0430 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0432\u043e\u043e\u0431\u0449\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u0432\u0441\u0451 \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u0430\u043c\u0435\u0434\u043b\u044f\u0442\u044c\u0441\u044f. \u0414\u043b\u044f \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u043f\u0430\u0434\u0435\u043d\u0438\u044f \u044d\u0442\u043e \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442, \u043d\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u0432 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u0445 \u044d\u043a\u0440\u0430\u043d\u0430.<\/p>\n

\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u2014 \u044d\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0437\u0435\u043c\u043b\u0438. \u0421\u043d\u0435\u0433 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430 \u043d\u0435\u0439 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0442\u0430\u044f\u0442\u044c, \u0447\u0442\u043e\u0431\u044b, \u0440\u0430\u0441\u0442\u0430\u044f\u0432, \u0447\u0430\u0441\u0442\u0438\u0446\u044b \u0441\u043d\u043e\u0432\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u043b\u0438\u0441\u044c \u0441\u0432\u0435\u0440\u0445\u0443 (\u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u044b \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0447\u0438\u0441\u043b\u043e \u0447\u0430\u0441\u0442\u0438\u0446, \u0431\u0435\u0437 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0439).<\/td>\n<\/tr>\n

<\/th>\n\u0414\u0435\u043c\u043e 2<\/a> \u0438 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430: \u0421\u0446\u0435\u043d\u0430 \u0441 \u0442\u0430\u044f\u043d\u0438\u0435\u043c \u0441\u043d\u0435\u0433\u0430 \u0432\u043d\u0438\u0437\u0443 \u043e\u043a\u043d\u0430<\/a>, \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d<\/th>\n<\/th>\n<\/tr>\n
\u0427\u0430\u0441\u0442\u0438\u0446 \u043d\u0430 \u0434\u0435\u043c\u043e: 1000<\/b><\/td>\n\n
<\/div>\n<\/td>\n<\/tr>\n
\u0422\u0438\u043f: Canvas<\/b><\/td>\n<\/tr>\n
\u041f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430 \u2014 \u0414\u0410<\/b><\/td>\n<\/tr>\n
\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430: 40-50%<\/b> (30 FPS)<\/td>\n<\/tr>\n
\u0421\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430: 50<\/b><\/td>\n<\/tr>\n
\u0412\u0435\u043b\u0438\u0447\u0438\u043d\u0430 \u0447\u0430\u0441\u0442\u0438\u0446 \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u0442\u043e, \u0433\u0434\u0435 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c\u0441\u044f: \u0447\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\u0430, \u0442\u0435\u043c \u0431\u043b\u0438\u0436\u0435 \u043a \u043d\u0438\u0437\u0443 \u043e\u043a\u043d\u0430. \u042d\u0442\u043e \u0442\u043e\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u044d\u0444\u0444\u0435\u043a\u0442 \u0442\u0440\u0451\u0445\u043c\u0435\u0440\u043d\u043e\u0441\u0442\u0438 \u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0435 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u201e\u0437\u0435\u043c\u043b\u0438\u201c \u0441\u043d\u0435\u0436\u0438\u043d\u043a\u0430\u043c\u0438.<\/p>\n

\u0412\u043d\u0430\u0447\u0430\u043b\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0437\u0430\u0440\u044f\u0434 \u0441\u043d\u0435\u0433\u0430 \u043f\u043e\u043c\u043e\u0449\u043d\u0435\u0435, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u0441\u0442\u0440\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u043f\u043e\u043a\u0440\u043e\u0432. \u0427\u0435\u0440\u0435\u0437 \u043c\u0438\u043d\u0443\u0442\u0443 \u043e\u043d \u043d\u0430 \u0433\u043b\u0430\u0437\u0430\u0445 \u043d\u0430\u0447\u043d\u0451\u0442 \u0442\u0430\u044f\u0442\u044c, \u0430 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0440\u0430\u0441\u0442\u0430\u044f\u0432\u0448\u0438\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\u0432 \u0441\u043d\u0438\u0437\u0443 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u044f\u0442 \u043d\u0430\u0432\u0435\u0440\u0445. \u041a\u0440\u0443\u0433\u043e\u0432\u043e\u0440\u043e\u0442 \u0432\u043e\u0434\u044b.<\/p>\n

\u0414\u043b\u044f \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0432\u043d\u043e\u0432\u0435\u0441\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043d\u0435\u0433 \u0441 \u043d\u0435\u0431\u0435\u0441. \u041d\u043e \u0438 \u0441\u0435\u0437\u043e\u043d\u044b \u0442\u0430\u044f\u043d\u0438\u044f \u0438 \u0441\u043d\u0435\u0436\u043d\u044b\u0445 \u0437\u0430\u0440\u044f\u0434\u043e\u0432 \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0439 \u0448\u0430\u0440\u043c \u0438 \u043d\u0435\u0441\u043a\u0443\u0447\u043d\u043e\u0441\u0442\u044c. \u0418\u0437 \u044d\u0442\u043e\u0433\u043e \u0434\u0435\u043c\u043e \u043d\u0435\u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0441 \u043e\u043b\u0435\u043d\u044f\u043c\u0438<\/a>, \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0431\u044b\u043b\u0430 \u0432\u0432\u0435\u0440\u0445\u0443 \u0441\u0442\u0430\u0442\u044c\u0438 (\u043a\u043e\u0434 \u0432 \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0435<\/a>, 30% \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438, 120 \u0447\u0430\u0441\u0442\u0438\u0446).<\/td>\n<\/tr>\n<\/table>\n

\u0421\u043a\u0440\u0438\u043f\u0442\u044b Kafeman \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0445\u0430\u043a\u0430\u0442\u043e\u043d\u0430<\/h2>\n

\u041f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0441\u043e \u0441\u043d\u0435\u0433\u043e\u043c \u0438 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u044b\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438 \u0434\u0435\u043b\u0430\u043b kafeman<\/a>.
\u041d\u0430\u0447\u0430\u043b\u044c\u043d\u0430\u044f \u0438\u0434\u0435\u044f \u2014 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443<\/a> \u0441 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439 \u043a\u043b\u0443\u0431\u0430 \u0410\u0414\u041c. \u0412\u0441\u0451 \u043c\u043e\u0433\u043b\u043e \u0431\u044b\u0442\u044c \u0441\u0435\u0440\u044c\u0451\u0437\u043d\u0435\u0439<\/a>, \u043d\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043d\u0435 \u0442\u0435\u0440\u043f\u0438\u0442 \u0441\u043e\u0441\u043b\u0430\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043d\u0430\u043a\u043b\u043e\u043d\u0435\u043d\u0438\u044f. \u041a\u0440\u043e\u043c\u0435 \u0447\u0438\u0441\u0442\u043e \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f, \u043f\u043e\u0441\u0435\u0442\u0438\u043b\u0430 \u0438\u0434\u0435\u044f \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043d\u0435\u0433\u043e\u043f\u0430\u0434 (1<\/a>, 2<\/a>, 3<\/a>) \u0438 \u0441\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0435 \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0435 \u0431\u043b\u0438\u0437\u043a\u043e \u043c\u0435\u043b\u044c\u043a\u0430\u044e\u0449\u0438\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\u044b \u0441\u043d\u0435\u0433\u0430. \u0421\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u043e \u0435\u0449\u0451 \u043d\u0435 \u0434\u043e\u0441\u0442\u0438\u0433\u043d\u0443\u0442\u043e<\/a>, \u043d\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043c\u0435\u0435\u0442 \u0432\u0441\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u044f, \u0438\u043d\u0430\u0447\u0435 \u043d\u0435 \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u0442\u0441\u044f \u043b\u0435\u043f\u044f\u0449\u0438\u0439\u0441\u044f \u043d\u0430 \u043b\u0438\u0446\u043e \u043e\u0442\u0432\u043b\u0435\u043a\u0430\u044e\u0449\u0438\u0439 \u0441\u043d\u0435\u0433. \u0422\u0443\u0442 \u043d\u0430\u0434\u043e \u043f\u043e\u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u043e\u0439 \u0431\u0435\u0441\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0445 \u0445\u043b\u043e\u043f\u044c\u0435\u0432 \u0438 \u0438\u0445 \u0441\u043c\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u043c\u0435\u043b\u044c\u043a\u0430\u043d\u0438\u0435\u043c.<\/p>\n

\u0418 \u043d\u0430\u0434\u043e \u043a\u0430\u043a-\u0442\u043e \u043e\u0442\u0440\u0430\u0449\u0438\u0432\u0430\u0442\u044c \u0441\u043d\u0435\u0436\u043d\u044b\u0439 \u043f\u043e\u043a\u0440\u043e\u0432: jsfiddle.net\/162e4jte\/3<\/a>, \u043d\u043e \u043d\u0435 \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u043f\u043e\u0433\u043b\u043e\u0442\u0438\u043b \u0432\u0441\u044e \u043f\u043b\u0430\u043d\u0435\u0442\u0443 \u0441 \u043a\u043e\u0441\u043c\u043e\u043d\u0430\u0432\u0442\u043e\u043c \u043d\u0430 \u043d\u0435\u0439. \u041f\u043e\u043d\u0430\u0447\u0430\u043b\u0443 \u043e\u043d \u0442\u043e\u0436\u0435 \u043b\u043e\u0436\u0438\u043b\u0441\u044f \u0431\u0443\u0433\u043e\u0440\u043a\u0430\u043c\u0438 \u0438 \u0442\u0430\u044f\u043b: jsfiddle.net\/162e4jte\/1<\/a>. \u0422\u0430\u043a\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b\u043e\u0441\u044c \u0432 \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u0430\u0432\u0442\u043e\u0440\u043e\u0432.<\/p>\n

\u041d\u0430\u043a\u043e\u0435\u0446, \u043d\u0430 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0438\u0434\u0435\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u0432 \u0434\u0432\u0438\u0436\u043a\u043e\u0432 \u0432 \u043e\u0434\u0438\u043d \u0442\u043e\u0436\u0435 \u0437\u0430\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f. \u041f\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u043c, \u043a\u0440\u043e\u043c\u0435 \u043c\u0430\u0441\u0441\u044b \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0430\u0432\u0442\u043e\u0440\u043e\u0432, \u0438\u043c\u0435\u0435\u043c 3-4 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0447\u0430\u0441\u0442\u0438\u0446 \u0438 2 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043e\u0431\u0449\u0438\u0435 \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u043c \u043f\u0435\u0441\u043e\u0447\u043d\u0438\u0446\u0430\u043c \u0438 \u0440\u0435\u043f\u043e \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f.<\/p>\n

\u041d\u0435\u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438. \u0412 \u0441\u0432\u044f\u0437\u0438 \u0441 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u043e\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u0435\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u043a \u0441\u043d\u0435\u0433\u0443 \u0432 \u0441\u043e\u0432\u043e\u043a\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u0441 Javascript<\/a>? \u043a\u0430\u043a \u0438 \u043a \u043b\u044b\u0436\u0430\u043c<\/a> \u2014 \u043f\u0430\u0434\u0430\u0435\u0442, \u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u043a Canvas \u0438 Javascript<\/a> \u2014 \u0440\u0430\u0441\u0442\u0451\u0442. \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u0437\u043d\u0430\u0435\u043c, \u0432 \u043a\u0430\u043a\u043e\u0439 \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0446\u0438\u0438 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441.<\/p>\n

\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h2>\n

2 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c\u044b\u0445 \u0434\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0441\u043d\u0435\u0433\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u2014 DOM-\u0441\u043b\u043e\u0438 \u0438 Canvas \u2014 \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0438 \u043d\u0438\u0448\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f. \u0414\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e 50 \u0447\u0430\u0441\u0442\u0438\u0446 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 DOM, \u043d\u043e \u043d\u0435 \u0432\u043e \u0432\u0441\u0435\u0445 \u0440\u0435\u0436\u0438\u043c\u0430\u0445, \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u0447, \u0433\u0434\u0435 \u043d\u0443\u0436\u043d\u0430 \u043c\u0430\u043b\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440. \u0412\u044b\u0441\u043e\u043a\u0438\u0439 \u0431\u0438\u0442\u0440\u0435\u0439\u0442 \u043f\u043e\u043d\u0438\u0436\u0430\u0435\u0442 \u043f\u043b\u0430\u043d\u043a\u0443. \u0411\u043e\u043b\u0435\u0435 50 (\u043d\u043e \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e \u2014 \u0431\u043e\u043b\u0435\u0435 200) \u2014 \u043d\u043e \u0442\u043e\u0436\u0435 \u0441 \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0438\u0437\u043a\u0438\u043c \u0431\u0438\u0442\u0440\u0435\u0439\u0442\u043e\u043c \u2014 \u0432\u044b\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 Canvas. \u041d\u043e \u0440\u0430\u0441\u043a\u043e\u0448\u0435\u043b\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u0434\u043e \u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043f\u043e\u0431\u043e\u043b\u044c\u0448\u0435 \u2014 \u043e\u0442 30% \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430. \u0413\u0440\u0430\u043d\u0438\u0446\u0430 \u0438 \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u2014 \u043e\u0447\u0435\u043d\u044c \u0437\u044b\u0431\u043a\u0430 \u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u0443\u0440\u044b, \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, \u0443\u0441\u043f\u0435\u0445\u043e\u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439 \u0434\u0432\u0438\u0436\u043a\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0441\u043a\u0430\u0436\u0435\u0442 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u201e\u043d\u0435\u0442\u201c \u0431\u043e\u043b\u0435\u0435 5 \u0447\u0430\u0441\u0442\u0438\u0446\u0430\u043c, \u0430 \u0441\u0442\u0430\u0446\u0438\u043e\u043d\u0430\u0440\u043d\u0438\u043a \u0441 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0432\u0438\u0434\u0435\u043e\u043a\u0430\u0440\u0442\u043e\u0439 \u0438\u0441\u043a\u0440\u0435\u043d\u043d\u0435 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0432 \u0447\u0451\u043c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 200 \u0447\u0430\u0441\u0442\u0438\u0446\u0430\u043c\u0438 \u0432 DOM \u0438 \u0441 5000 \u0432 Canvas.<\/p>\n

\u0412\u0441\u0451 \u043b\u0438\u0448\u043d\u0435\u0435 \u0438\u0437 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430 \u0434\u043b\u044f \u0442\u0438\u043f\u0438\u0447\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f (\u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0432 \u0440\u0430\u0439\u043e\u043d\u0435 \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u043a\u043e\u0432) \u043d\u0443\u0436\u043d\u043e \u0443\u0431\u0438\u0440\u0430\u0442\u044c, \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e \u043d\u0438\u0448\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. \u041c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0438\u0433\u0440\u044b\u0448\u043d\u0430\u044f \u043d\u0438\u0437\u043a\u043e\u0431\u0438\u0442\u0440\u0435\u0439\u0442\u043d\u0430\u044f \u0438\u043b\u043b\u044e\u043c\u0438\u043d\u0430\u0446\u0438\u044f \u043d\u0430 Canvas \u0438\u043b\u0438 \u043a\u0440\u0430\u0442\u043a\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0444\u0435\u0439\u0435\u0440\u0432\u0435\u0440\u043a\u0438 \u043d\u0430 \u043d\u0451\u043c \u0436\u0435. \u041d\u0435 \u043f\u043e\u043c\u0435\u0448\u0430\u0435\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u043a\u0430\u043a\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u0432\u044b\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u0438 \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u044e\u0437\u0435\u0440\u0430, \u0447\u0442\u043e \u201e\u0430\u043a\u0446\u0438\u044f \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0430\u201c. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0441\u043d\u0435\u0433 \u043d\u0435 \u0442\u0430\u043a\u043e\u0439 \u0434\u0435\u043d\u0435\u0436\u043d\u044b\u0439, \u043a\u0430\u043a \u042f\u043d\u0434\u0435\u043a\u0441-\u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u043d\u0435\u0442 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0439 \u201e\u043b\u043e\u043c\u0430\u0442\u044c\u201c \u044d\u0442\u0443 \u043a\u043d\u043e\u043f\u043a\u0443 \u0441\u043e\u0437\u043d\u0430\u0442\u0435\u043b\u044c\u043d\u043e. \u0415\u0449\u0451 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0443 \u043b\u0435\u0442 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0434\u0435\u044f\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043a\u0430\u043d\u0432\u0430\u0441\u043e\u043c \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u0441\u044f, \u0438 \u043e\u043d \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0431\u0438\u0440\u0430\u0442\u044c \u0441\u0435\u0431\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043c\u0430\u043b\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0447\u0430\u0441\u0442\u0438\u0446 \u0438 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u043e\u0433\u043e \u0431\u0438\u0442\u0440\u0435\u0439\u0442\u0430.<\/p>\n

\u0412\u044b\u0440\u0430\u0437\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c, \u043d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0438\u0441\u0447\u0435\u0440\u043f\u0430\u043d\u044b. \u0423 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0445 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0435\u0441\u0442\u044c \u0440\u044f\u0434 \u0441\u0432\u043e\u0439\u0441\u0442\u0432, \u043f\u0440\u0438\u0437\u043d\u0430\u043d\u043d\u044b\u0445 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u043c\u0438, \u0430 \u0447\u0430\u0441\u0442\u044c \u043d\u0435\u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c\u044b\u0445 \u043f\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 (\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0441\u043d\u0435\u0436\u0438\u043d\u043e\u043a \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 3D) \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f, \u043d\u043e \u043d\u0438\u043a\u043e\u0433\u043e \u044d\u0442\u043e \u043d\u0435 \u0441\u043c\u0443\u0449\u0430\u0435\u0442. \u041d\u043e \u0438\u0437-\u0437\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043d\u0430 \u043a\u0430\u043d\u0432\u0430\u0441\u0435 \u043c\u043e\u0436\u043d\u043e \u043e\u0436\u0438\u0434\u0430\u0442\u044c, \u0447\u0442\u043e \u0442\u0430\u043a\u0438\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u043f\u043e\u044f\u0432\u044f\u0442\u0441\u044f (\u0441 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439 \u043e\u0442 30%).<\/p>\n

\u041f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u2014 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0430\u0432\u0430\u043b\u0438 \u0431\u044b \u043e\u0431\u044a\u0435\u043a\u0442 \u0434\u043b\u044f DOM \u0438\u043b\u0438 Canvas \u043f\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c. \u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u043f\u0438\u0441\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u0430\u0432\u0442\u043e\u0440\u044b. \u0421 \u0442\u0430\u043a\u0438\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 \u0425\u0430\u0431\u0440\u0430\u0410\u0414\u041c\u0435 (\u0413\u0438\u0442\u0445\u0430\u0431): github.com\/clubadm\/snowmachine<\/a>. \t<\/p>\n

\n
\n
\u041a\u0430\u043a \u0432\u044b \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u0441\u044c \u043a \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0441\u0430\u0439\u0442\u043e\u0432 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u0432 \u0432\u0438\u0434\u0435 \u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043d\u0435\u0433\u0430?<\/div>\n

\t\t \t\t \t\t<\/p>\n\n\n\n\n\n\n
\t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
\t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
\t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
\t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t
\t\t\t\t\t \t\t\t\t<\/td>\n \t\t\t\t\t