{"id":167007,"date":"2013-01-25T00:18:02","date_gmt":"2013-01-24T20:18:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=167007"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=167007","title":{"rendered":"<span class=\"post_title\">Physics Snake. \u0421 \u043d\u0443\u043b\u044f. \u0427\u0430\u0441\u0442\u044c \u043f\u0435\u0440\u0432\u0430\u044f<\/span>"},"content":{"rendered":"<div class=\"content html_format\">   \t\u0421\u0442\u0430\u0442\u044c\u044f \u0441 \u0442\u044d\u0433\u043e\u043c \u00ab\u043e\u0431\u0443\u0447\u0430\u044e\u0449\u0438\u0439 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u00bb. \u0421 \u043d\u0443\u043b\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u0443\u0434\u0435\u043c \u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043d\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 (\u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430) \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0432\u0438\u0436\u043e\u043a \u0438 \u0441\u0440\u0430\u0437\u0443 \u0436\u0435 \u043d\u0435 \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0438\u0433\u0440\u0443 (\u044f \u0432\u044b\u0431\u0440\u0430\u043b \u0437\u043c\u0435\u0439\u043a\u0443) \u043d\u0430 \u043d\u0435\u043c. \u041d\u043e \u0441\u0442\u0430\u0442\u044c\u044f \u0441\u043a\u043e\u0440\u0435\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u043d\u0435 \u0442\u0430\u043a\u043e\u0435 \u0443\u0436 \u0438 \u0441\u043b\u043e\u0436\u043d\u043e\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u0435, \u0430 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430 JavaScript, \u043f\u0440\u0438\u0447\u0435\u043c \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u043c (\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c) \u043a\u043e\u0434\u043e\u043c (\u0436\u0434\u0443, \u0447\u0442\u043e \u0432\u0441\u0435 \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0449\u0435 \u043b\u0443\u0447\u0448\u0435 \u0432\u044b \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445). \u00ab\u0410 \u0432 \u043e\u0442\u0432\u0435\u0442 \u043f\u043e\u043b\u0435\u0442\u0435\u043b\u0438 \u0441\u043f\u0435\u043b\u044b\u0435 \u043f\u043e\u043c\u0438\u0434\u043e\u0440\u044b..\u00bb. \u041d\u0430\u0447\u043d\u0435\u043c.<br \/>  (\u043a\u0442\u043e \u0434\u043e\u0447\u0438\u0442\u0430\u043b \u0430\u0436 \u0434\u043e \u0441\u044e\u0434\u0430, \u0434\u0435\u0440\u0436\u0438\u0442\u0435 \u043f\u0435\u0447\u0435\u043d\u044c\u043a\u0438, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438 \u0432\u043b\u0435\u0432\u043e-\u0432\u043f\u0440\u0430\u0432\u043e):<br \/>   \u2014 <a href=\"http:\/\/lyashenko-inc.in.ua\/projects\/snake\/\">\u0432\u043e\u0442 \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442: \u0432 \u0447\u0430\u0441\u0442\u0438 \u043e\u0434\u0438\u043d<\/a><br \/>   \u2014 <a href=\"http:\/\/lyashenko-inc.in.ua\/projects\/snake_dev_mode\/\">\u0438 \u044d\u0442\u043e \u0436\u0435 (dev-mode)<\/a><br \/>  <a name=\"habracut\"><\/a><br \/>  \u041d\u0430\u0447\u043d\u0435\u043c \u0441 index.html  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043e\u0434<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"javascript\">&lt;!DOCTYPE html&gt; &lt;html&gt;  &lt;head&gt;       &lt;meta charset=&quot;utf-8&quot;\/&gt;   &lt;link rel=&quot;stylesheet&quot; href=&quot;css\/main.css&quot;  type=&quot;text\/css&quot; \/&gt;           &lt;\/head&gt; \t&lt;body&gt;         &lt;div id=&quot;container&quot;&gt;                         &lt;div id=&quot;bg&quot;&gt;&lt;\/div&gt;                                            &lt;canvas id=&quot;canvas&quot; width=&quot;900&quot; height=&quot;600&quot;&gt;&lt;\/canvas&gt;                     &lt;\/div&gt;                  &lt;script src=&quot;js\/LAB.min.js&quot; type=&quot;text\/javascript&quot;&gt;&lt;\/script&gt;                 &lt;script type=&quot;text\/javascript&quot;&gt;     \t\t   $LAB     \t\t   .script(&quot;js\/engine\/CustomEvent.js&quot;).wait()     \t\t   .script(&quot;js\/engine\/Body.js&quot;).wait()                     .script(&quot;js\/engine\/World.js&quot;)                        .script(&quot;js\/Bonus.js&quot;)                                             \t\t   .script(&quot;js\/EnemyCloud.js&quot;)     \t\t   .script(&quot;js\/Hero.js&quot;)    \t\t        \t\t   .script(&quot;js\/mainApp.js&quot;);                          &lt;\/script&gt;          \t&lt;\/body&gt; &lt;\/html&gt; <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <b>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u043c \u0442\u0435\u0433\u043e\u043c body. <\/b>  <\/p>\n<blockquote><p>\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0432 head? \u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0442\u0435\u0433 script \u043e\u043d \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0435 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u043e \u043c\u043e\u043c\u0435\u043d\u0442\u0430, \u043f\u043e\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d. \u0422\u043e \u0435\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u0434 \u0432\u0430\u043c\u0438 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0435\u043b\u044b\u0439 \u044d\u043a\u0440\u0430\u043d (\u0438 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u0434\u0435\u0441\u044c \u043e \u0433\u0438\u0433\u0430\u0431\u0438\u0442\u043d\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435).<\/p><\/blockquote>\n<p>  \u0423 \u043d\u0430\u0441 \u043c\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u043e\u0432. \u0412 \u0438\u0434\u0435\u0430\u043b\u0435 \u0432\u0441\u0435 \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u0444\u0443\u0441\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0437\u0430\u043a\u0438\u043d\u0443\u0442\u044c \u0432 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b. \u0418\u043b\u0438 \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u0432 \u043f\u0430\u0440\u0443 \u0444\u0430\u0439\u043b\u043e\u0432. \u041c\u044b \u0436\u0435 \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 LAB.js \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0441 \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u043c\u0438. <br \/>  <b>\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0444\u0430\u0439\u043b\u044b \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e.<\/b>  <\/p>\n<blockquote><p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c LAB.js (\u0438\u043b\u0438 \u0435\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 LazyLoad.js \u0438 \u0442.\u0434.). \u041e\u043d\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 (\u043a\u0430\u043a \u043f\u043e\u043c\u043d\u0438\u0442\u0435, \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b\u043e\u0441\u044c \u0432\u044b\u0448\u0435, \u0447\u0442\u043e \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u0442\u0435\u0433\u0435 \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0442\u043e \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0433\u0440\u0443\u0437\u044f\u0442\u0441\u044f \u043f\u043e \u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u043f\u043e\u0434\u0440\u044f\u0434) \u043f\u043b\u044e\u0441 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0444\u0443\u043d\u043a\u0446\u0438\u044f wait). \u041c\u044b, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u0441\u043a\u0430\u0436\u0435\u043c, \u043f\u043b\u0430\u0433\u0438\u043d \u043a jQuery, \u043a\u043e\u0433\u0434\u0430 \u0435\u0449\u0435 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0430\u0441\u044c \u0441\u0430\u043c\u0430 jQuery, \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u043c\u044b \u0441\u0442\u0430\u0432\u0438\u043c \u043f\u0430\u0443\u0437\u0443 \u043d\u0430 jQuery, \u0438 \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f \u2014 \u0432\u0441\u0435 \u043f\u043e\u0439\u0434\u0435\u0442 \u0434\u0430\u043b\u044c\u0448\u0435.<\/p><\/blockquote>\n<p>  \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u043a \u0444\u0430\u0439\u043b\u0443 mainApp.js  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043e\u0434<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"javascript\">(function() {       var game = {              images: [             { url: 'images\/en_blue.png' },             { url: 'images\/en_white.png' },             { url: 'images\/en_red.png' }             ],                      loadCount: 0,                      load: function() {             var self = this,             max = this.images.length;                         for (var i = max; i--;) {                 this.images[i].img = new Image();                                                this.images[i].img.onload = function () {                                 self.loadCount++;                                                                                          if (self.loadCount == max) {                                         self.loadComplete(self);                                         }             }                                         this.images[i].img.src = this.images[i].url;         }     },              loadComplete: function(self) {         self.initControll().initGame().startLoop();         },          canvas: document.getElementById('canvas'),          config: {         fps: 1000\/30,                 stageW: 900,         stageH: 600                     },              bodies: [],     enemies: [],     bonuses: [],          initControll: function() {         var handlers = this.controllHandlers();                              if (document.documentElement.addEventListener) {             document.body.addEventListener('keydown', handlers.keyDown);              document.body.addEventListener('keyup', handlers.keyUp);             }         else {             document.body.attachEvent('keydown', handlers.keyDown);              document.body.attachEvent('keyup', handlers.keyUp);         }                                                  return this;     },          controllHandlers: function() {                 var self = this;                                          return {                         keyDown: function(e) {                 self.keyDownControll(e.keyCode);             },             keyUp: function(e) {                 self.keyUpControll(e.keyCode);             }                                 }                },           initGame: function() {                 \/\/-- world         this.world = new World(this.canvas, this.config.stageW, this.config.stageH);                  \/\/-- bonuses         this.initBonuses();                  \/\/-- enemies         this.initEnemies();                  \/\/-- Hero         this.hero = new Hero();                   this.world.addChild(this.hero.body);         this.hero.initTales(this.world);                          return this;     },              initBonuses: function() {         var self = this,             all = 20,             good = 10,             offset = 20;                              for (var i = 0; i &lt; all; i++) {             if (i &lt; good) {                 this.bonuses.push(new Bonus({                     x: offset + Math.random()*(self.config.stageW - 2*offset) ,                     y: Math.random()*self.config.stageH,                     bonuseType: true,                     radius: Math.random()*1+2                 }));             }                          else {                 this.bonuses.push(new Bonus({                     x: offset + Math.random()*(self.config.stageW - 2*offset) ,                     y: Math.random()*self.config.stageH,                     bonuseType: false,                     radius: Math.random()*1+2                 }));             }                           this.world.addChild(this.bonuses[i].body);         }     },          initEnemies: function() {         var enemiesData = [             {                 x: 10,                 y: 470,                 speed: 3                 },             {                    x: 10,                 y: 300,                 speed: 2                 },             {                 x: 10,                 y: 130,                 speed: 1                 }                     ];                                    for (var i=0, max = enemiesData.length; i &lt; max; i++) {             this.enemies.push(new EnemyCloud({                 x: enemiesData[i].x,                 y: enemiesData[i].y                                             }));                          this.enemies[i].body.speed.default_x = enemiesData[i].speed;             this.world.addChild(this.enemies[i].body);                          \/\/--bonuses             this.enemies[i].bonuses = this.bonuses;             this.enemies[i].world = this.world;         }                             },                  keyDownControll: function(_keyCode) {         switch (_keyCode) {             case 37:                 this.hero.controll.left = true;              break;                          case 39:                 this.hero.controll.right = true;             break;                          default:             break;                     }                             },          keyUpControll: function(_keyCode) {         switch (_keyCode) {             case 37:                 this.hero.controll.left = false;              break;                          case 39:                 this.hero.controll.right = false;             break;                                      default:             break;                     }                      },              startLoop: function() {         var self = this;                   this.enterFrame = setInterval(function() {             self.loop();         }, this.config.fps);     },              loop: function() {         var hero = this.hero,             enemies = this.enemies,             bonuses = this.bonuses;                       this.world.update();                  \/\/-- controll hero         if (hero.controll.left) {                         hero.speed.angle -= hero.speed.rotation;           }         if (hero.controll.right) {                         hero.speed.angle += hero.speed.rotation;         }                                  hero.body.speed.x = hero.speed.x*Math.cos(Math.PI*hero.speed.angle\/180);         hero.body.speed.y = hero.speed.y*Math.sin(Math.PI*hero.speed.angle\/180);                  for (var i = 0, maxI = enemies.length; i&lt;maxI; i++) {             enemies[i].body.position.x += enemies[i].body.speed.default_x;                          if (enemies[i].body.position.x &gt; this.config.stageW - enemies[i].body.config.width) {                 enemies[i].body.speed.default_x = -enemies[i].body.speed.default_x;             }             if (enemies[i].body.position.x &lt; 0) {                 enemies[i].body.speed.default_x = -enemies[i].body.speed.default_x;             }         }                  for (var j = 0, maxJ = bonuses.length; j&lt;maxJ; j++) {             if (bonuses[j].body.userData.bonuseType) {                 bonuses[j].body.position.y += bonuses[j].speed.y;                                  if (bonuses[j].body.position.y &gt; this.config.stageH - 5) {                     bonuses[j].body.position.y = 5;                 }                         }         }                          hero.enterFrame();                     }  };     game.load();   })(); <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u041f\u043e \u043f\u0443\u043d\u043a\u0442\u0430\u043c:<br \/>  <b>\u041e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043c \u0432\u0441\u0435 \u0432 \u0430\u043d\u043e\u043d\u0438\u043c\u043d\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e<\/b> \u0438 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u0435\u0435.   <\/p>\n<blockquote><p>\u041e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 JavaScript \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439. \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0430\u044f \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u0438\u0434\u0438\u043c\u0430 \u0437\u0430 \u0435\u0435 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 (\u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0441\u043e\u0440\u044f\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043c\u0435\u043d). \u041f\u043b\u044e\u0441 \u043a \u044d\u0442\u043e\u043c\u0443, \u0435\u0441\u043b\u0438 \u0432\u044b \u0435\u0449\u0435 \u0438 \u043d\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e, \u0430 \u0441\u0440\u0430\u0437\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0435\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:  <\/p>\n<pre><code class=\"javascript\">function myFunc() {      a = 123; } <\/code><\/pre>\n<p>  \u043e\u043d\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 (\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u043c \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430), \u044d\u0442\u043e \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435, \u0447\u0442\u043e \u0431\u044b \u0432\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438   <\/p>\n<pre><code class=\"javascript\">function myFunc() {     window.a = 123; } <\/code><\/pre>\n<p>  \u0447\u0442\u043e, \u043a\u0430\u043a \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442\u0435, \u0432 \u043a\u0430\u043a\u043e\u0439 \u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u0442 \u043a \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u0443 \u0438\u043c\u0435\u043d.  <\/p><\/blockquote>\n<p>  \u0421\u0430\u043c\u0430 \u0438\u0433\u0440\u0430 \u0443 \u043d\u0430\u0441 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c game, \u0442\u043e \u0435\u0441\u0442\u044c \u0437\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0443 \u043d\u0430\u0441 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043c\u0435\u043d \u00abgame\u00bb. \u0421 \u0447\u0435\u0433\u043e \u0432\u0441\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f? \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u0441 \u043f\u0440\u0435\u0434\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u044d\u0442\u043e  <\/p>\n<pre><code class=\"javascript\"> game.load(); <\/code><\/pre>\n<p>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u043d\u0435\u0435, \u043f\u0435\u0440\u0432\u043e\u0435 \u0447\u0442\u043e \u0432\u0438\u0434\u0438\u043c:  <\/p>\n<pre><code class=\"javascript\"> var self = this,        max = this.images.length;                  for (var i = max; i--;)  {     <\/code><\/pre>\n<p>  \u0418\u0442\u0430\u043a: \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043d\u0430\u0448 \u043e\u0431\u044a\u0435\u043a\u0442 (game).<br \/>  <b>\u041a\u0443\u0434\u0430 \u0432\u0435\u0434\u0435\u0442 \u043d\u0430\u0441 this?<\/b>  <\/p>\n<blockquote><p>This \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u044b\u0437\u043e\u0432\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u0412\u0441\u043f\u043e\u043c\u043d\u0438\u043c \u0442\u0435 \u0436\u0435 call, aplly \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f\u0432\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 \u0432\u044b\u0437\u043e\u0432\u0430. \u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442, \u0442\u043e \u0435\u0441\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 this. \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0438 \u043c\u044b \u0432\u0438\u0434\u0438\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e <code>onload<\/code>, \u0435\u0441\u043b\u0438 \u043c\u044b \u043e\u0431\u0440\u0430\u0442\u0438\u043c\u0441\u044f \u043a this, \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 HTMLImageElement (\u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0447\u0442\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u043e\u0441\u044c).  <\/p><\/blockquote>\n<p>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u0434\u0430\u043b\u0435\u0435, \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0434\u043b\u0438\u043d\u0443 \u043c\u0430\u0441\u0441\u0438\u0432\u0430, \u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0446\u0438\u043a\u043b \u0432\u0438\u0434\u0443:<code> for (var i = max; i--;)  {    <\/code><br \/>  <b>\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0446\u0438\u043a\u043b\u0430<\/b>  <\/p>\n<blockquote><p>\u0421\u0430\u043c\u044b\u0439 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b <\/p>\n<pre><code class=\"javascript\">for in <\/code><\/pre>\n<p> (\u0434\u0443\u043c\u0430\u044e \u044f\u0441\u043d\u043e \u043f\u043e\u0447\u0435\u043c\u0443), \u043f\u043b\u044e\u0441 \u043e\u043d \u043f\u0435\u0440\u0435\u0431\u0438\u0440\u0430\u0435\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0432 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u0435, \u0447\u0442\u043e \u0447\u0430\u0441\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u0448\u0438\u0431\u043a\u0430\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0435\u0433\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0438, \u0435\u0441\u043b\u0438 \u043d\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0432\u0441\u0435 (\u043f\u0440\u0438\u0447\u0435\u043c \u043d\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0435) \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043e\u0431\u044c\u0435\u043a\u0442\u0430. \u0414\u0430\u043b\u0435\u0435 \u0438\u0434\u0435\u0442 \u0446\u0438\u043a\u043b \u0432\u0438\u0434\u0430   <\/p>\n<pre><code class=\"javascript\">  for (var i = 0; i&lt;this.images.length; i++;)  {   <\/code><\/pre>\n<p>  \u0437\u0434\u0435\u0441\u044c \u043c\u044b \u0437\u0430\u0447\u0435\u043c \u0442\u043e \u043a\u0430\u0436\u0434\u0443\u044e \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u044e \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c \u0434\u043b\u0438\u043d\u0443 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 (\u0445\u043e\u0442\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043b\u044e\u0434\u0435\u0439 \u044d\u0442\u043e \u043f\u043e\u0447\u0435\u043c\u0443 \u0442\u043e \u043d\u0435 \u0441\u043c\u0443\u0449\u0430\u0435\u0442, \u0438 \u043e\u043d\u0438 \u043f\u0438\u0448\u0443\u0442 \u0442\u0430\u043a \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e, \u0445\u043e\u0442\u044f (\u043d\u0430 \u043c\u043e\u0435\u043c \u043e\u043f\u044b\u0442\u0435, \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0431\u043e\u0440\u0435 \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u043c\u0430\u0441\u0441\u0438\u0432\u0430) \u0442\u043e\u043b\u044c\u043a\u043e, \u0432 \u043e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u044d\u0442\u0430 \u0434\u043b\u0438\u043d\u0430 \u043c\u043e\u0433\u043b\u0430 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c\u0441\u044f \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438).<br \/>  \u0414\u0430\u043b\u0435\u0435 (\u043b\u043e\u0433\u0438\u0447\u043d\u043e) \u0438\u0434\u0435\u0442   <\/p>\n<pre><code class=\"javascript\">  for (var i = 0, max = this.images.length; i&lt;max; i++;)  {   <\/code><\/pre>\n<p>  \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u043b\u0438\u043d\u0443 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437.<br \/>  \u041d\u0443 \u0438 \u0432 \u043a\u043e\u043d\u0446\u0435 (\u043a\u0430\u043a \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u043f\u0435\u0440\u0435\u0431\u043e\u0440 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0441 \u043a\u043e\u043d\u0446\u0430 \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0447\u0435\u043c \u0441 \u043d\u0430\u0447\u0430\u043b\u0430), \u043e\u043a, \u0434\u0435\u043b\u0430\u0435\u043c:  <\/p>\n<pre><code class=\"javascript\">  for (var i = this.images.length; i&gt;0; i--;)  {   <\/code><\/pre>\n<p>  \u0438 \u0435\u0449\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u0435\u0439:   <\/p>\n<pre><code class=\"javascript\">  for (var i = this.images.length; i--;)  {   <\/code><\/pre>\n<p>  <\/p><\/blockquote>\n<p>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u0434\u0430\u043b\u0435\u0435, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a onload, \u0437\u0430 \u043d\u0438\u043c \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443   <\/p>\n<pre><code class=\"javascript\">this.images[i].img.src = this.images[i].url;  <\/code><\/pre>\n<p>  <b>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043f\u043e\u0442\u043e\u043c \u0441\u0430\u043c\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435. <\/b>  <\/p>\n<blockquote><p>\u0415\u0441\u043b\u0438 \u0441\u043c\u0435\u043d\u0438\u0442\u0435 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u043e\u043a (\u0432\u0440\u043e\u0434\u0435 \u0432\u0441\u0435 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e, \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0442\u043e\u0447\u043d\u043e \u043d\u0435 \u0443\u0441\u043f\u0435\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f, \u043f\u043e\u043a\u0430 \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0442\u043e\u0440 \u0434\u043e\u0439\u0434\u0435\u0442 \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0441\u0442\u0440\u043e\u043a\u0435) \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c. \u041f\u043e\u0447\u0442\u0438 \u0432\u0435\u0437\u0434\u0435. \u0414\u0430, \u0443\u0433\u0430\u0434\u0430\u043b\u0438, \u0443\u0436\u0435 IE8 \u0441\u043a\u0430\u0436\u0435\u0442 \u0432\u0430\u043c \u0432\u0441\u0435, \u0447\u0442\u043e \u043e\u043d \u043e \u0432\u0430\u0441 \u0434\u0443\u043c\u0430\u0435\u0442. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043b\u0435\u0434\u0438\u043c \u0437\u0430 \u044d\u0442\u0438\u043c.  <\/p><\/blockquote>\n<p>  \u041f\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0430 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u043a\u0430\u043a\u0438\u0445 \u0442\u043e \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0437\u0430\u043f\u0443\u0441\u043a \u0446\u0438\u043a\u043b\u0430  <\/p>\n<pre><code class=\"javascript\"> loadComplete: function() {         this.initControll().initGame().startLoop();      } <\/code><\/pre>\n<p>  \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0438 <a href=\"http:\/\/en.wikipedia.org\/wiki\/Method_chaining\">\u043f\u0440\u043e\u0441\u0442\u043e <\/a>.<\/p>\n<p>  \u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u0434\u0430\u043d\u043d\u044b\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c, \u043f\u043e \u043a\u043e\u0434\u0443 \u0432\u0438\u0434\u0438\u043c \u0435\u0449\u0435:  <\/p>\n<pre><code class=\"javascript\">    canvas: document.getElementById('canvas'),         config: {         fps: 1000\/30,                 stageW: 900,         stageH: 600                     } <\/code><\/pre>\n<p>  <b>\u0414\u0435\u043b\u0430\u0435\u043c \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 html \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f. <\/b>  <\/p>\n<blockquote><p>\u041e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441 DOM \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u044b\u043c\u0438. \u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0435\u0441\u043b\u0438 \u044f \u0432 \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0430\u0434\u0440 \u0431\u0443\u0434\u0443 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a DOM \u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u043c\u043d\u0435 \u043a\u0430\u043d\u0432\u0430\u0441? \u0410 \u0435\u0441\u043b\u0438 \u0435\u0449\u0435 (\u0447\u0442\u043e \u043c\u044b \u0432\u0441\u0435 \u043b\u044e\u0431\u0438\u043c) \u0441 jQuery, $(&#8216;#canvas&#8217;) \u2014 \u0438 \u044d\u0442\u043e \u0432 \u0446\u0438\u043a\u043b\u0435, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0435\u0449\u0435 \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 jQuery \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432. \u0412 \u043e\u0431\u0449\u0435\u043c \u0432\u0441\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u043b\u043e.  <\/p><\/blockquote>\n<p>  \u0412\u044b\u043d\u043e\u0441\u0438\u043c \u0432\u0441\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u043f\u043e\u043b\u0435 config (\u0437\u0434\u0435\u0441\u044c \u0432\u0441\u0435 \u044f\u0441\u043d\u043e).<\/p>\n<p>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b   <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043e\u0434<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"javascript\">   initControll: function() {         var handlers = this.controllHandlers();                              if (document.documentElement.addEventListener) {             document.body.addEventListener('keydown', handlers.keyDown);              document.body.addEventListener('keyup', handlers.keyUp);             }         else {             document.body.attachEvent('keydown', handlers.keyDown);              document.body.attachEvent('keyup', handlers.keyUp);         }                                                  return this;     },         controllHandlers: function() {                 var self = this;                                          return {                         keyDown: function(e) {                 self.keyDownControll(e.keyCode);             },             keyUp: function(e) {                 self.keyUpControll(e.keyCode);             }                                 }                },     keyDownControll: function(_keyCode) {         switch (_keyCode) {             case 37:                 this.hero.controll.left = true;              break;                         case 39:                 this.hero.controll.right = true;             break;                         default:             break;                     }                             },          keyUpControll: function(_keyCode) {         switch (_keyCode) {             case 37:                 this.hero.controll.left = false;              break;                         case 39:                 this.hero.controll.right = false;             break;                                     default:             break;                     }                      } <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0427\u0442\u043e \u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u043b, \u043c\u043d\u043e\u0433\u043e \u043b\u0438\u0448\u043d\u0435\u0433\u043e, \u043d\u0435\u0442? \u041f\u043e\u0447\u0435\u043c\u0443 \u0431\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432 index.html \u0444\u0430\u0439\u043b\u0435 \u0447\u0442\u043e \u0442\u043e \u0442\u0438\u043f\u0430  <\/p>\n<pre><code class=\"javascript\">&lt;body onkeydown=&quot;eventHandler&quot;&gt; <\/code><\/pre>\n<p>  \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. <br \/>  <b>\u041f\u0438\u0448\u0435\u043c \u043d\u0435\u043d\u0430\u0432\u044f\u0437\u0447\u0438\u0432\u044b\u0439 JavaScript<\/b>  <\/p>\n<blockquote><p>\u041e\u0431 \u044d\u0442\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e, <a href=\"http:\/\/ru.wikipedia.org\/wiki\/%D0%9D%D0%B5%D0%BD%D0%B0%D0%B2%D1%8F%D0%B7%D1%87%D0%B8%D0%B2%D1%8B%D0%B9_JavaScript\">\u043d\u0430\u0447\u043d\u0435\u043c \u0441 \u0412\u0438\u043a\u044b<\/a> \u0412 \u0434\u0432\u0443\u0445 \u0441\u043b\u043e\u0432\u0430\u0445, \u0441\u0443\u0442\u044c \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0432\u0441\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043e. <\/p><\/blockquote>\n<p>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c, \u043f\u0435\u0440\u0432\u043e\u0435 \u043c\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043b\u0438 \u043d\u0430 IE, \u043f\u0440\u0438\u0447\u0435\u043c, \u044f \u043c\u043e\u0433 \u0431\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c  <\/p>\n<pre><code class=\"javascript\">if (navigator.userAgent.indexOf(' MSIE') ! == -1) {  <\/code><\/pre>\n<p>  \u043d\u043e \u044d\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u043d\u0442\u0438\u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c (\u0435\u0441\u043b\u0438 \u043c\u044b \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c \u043a\u043e\u0434\u0435), \u0435\u0441\u043b\u0438 \u043d\u0430\u043c \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 <br \/>  <b>\u043d\u0443\u0436\u0435\u043d \u043c\u0435\u0442\u043e\u0434 <code>addEventListener<\/code><\/b>,  <\/p>\n<blockquote><p> \u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0432\u0438\u0434\u0430  <\/p>\n<pre><code class=\"javascript\">if (document.documentElement.addEventListener) { <\/code><\/pre>\n<p>  \u043c\u043e\u0436\u0435\u0442 \u043d\u0430\u043c \u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u0447\u0442\u043e \u0442\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c.<\/p><\/blockquote>\n<p>  \u0418 \u0432\u0441\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432 \u0437\u0434\u0435\u0441\u044c \u043d\u0443\u0436\u043d\u044b \u0431\u044b\u043b\u0438 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u00ab\u043e\u0442\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f\u00bb \u043e\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u044f. <br \/>  <b>\u00ab\u041e\u0442\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c\u0441\u044f\u00bb \u043e\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0439. <\/b>  <\/p>\n<blockquote><p>\u0421\u043c\u043e\u0442\u0440\u0438\u043c \u0441\u0442\u0440\u043e\u043a\u0443:  <\/p>\n<pre><code class=\"javascript\">self.keyDownControll(e.keyCode); <\/code><\/pre>\n<p>  \u0417\u0434\u0435\u0441\u044c \u044f \u043f\u0435\u0440\u0435\u0434\u0430\u044e \u043d\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>\u0435<\/code>, \u0430 <code>\u0435.keyCode<\/code>, \u0442\u043e \u0435\u0441\u0442\u044c \u0435\u0441\u043b\u0438 \u0432\u0434\u0440\u0443\u0433 \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u00ab\u0432 \u0440\u0443\u0447\u043d\u0443\u044e\u00bb \u0441\u0438\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b, \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430\u043f\u0438\u0448\u0443, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, game.keyDownControll(37);<\/p><\/blockquote>\n<h6>\u041e \u0444\u0438\u0437\u0438\u043a\u0435:<\/h6>\n<p>  \u0411\u044b\u043b\u043e \u0431\u044b \u043d\u0435 \u043f\u043b\u043e\u0445\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e \u0431\u044b \u0443 \u043d\u0430\u0441 \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u044f \u043a\u0430\u043a\u043e\u0433\u043e \u0442\u043e \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043c\u0438\u0440\u0430 \u0441\u043e \u0441\u0432\u043e\u0438\u043c\u0438 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430\u043c\u0438, \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u043b\u0430 \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b\u0438\u0441\u044c \u0432 \u043d\u0435\u0433\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u043c addChild, \u0438 \u0434\u0430\u043b\u044c\u0448\u0435 \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u0437\u043d\u0430\u0442\u044c \u0447\u0442\u043e \u043e\u043d \u0442\u0430\u043c \u0434\u0435\u043b\u0430\u0435\u0442. \u041f\u043b\u044e\u0441 \u0435\u0449\u0435 \u0431\u044b \u043a\u0430\u043a\u043e\u0439 \u0442\u043e \u0434\u0438\u0441\u043f\u0430\u0442\u0447\u0435\u0440 \u043d\u0430 \u0441\u0442\u043e\u043b\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u0442\u0435\u043b, \u0430 \u0435\u0449\u0435 \u0431\u044b \u043a\u0430\u043a\u0443\u044e \u0442\u043e \u043a\u043e\u043d\u0441\u043e\u043b\u044c \u0441 \u0432\u044b\u0432\u043e\u0434\u043e\u043c \u043d\u0443\u0436\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438. \u041d\u0443 \u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0447\u0430\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u0438:   <\/p>\n<pre><code class=\"javascript\">initGame: function() {                 this.world = new World(this.canvas, this.config.stageW, this.config.stageH);         this.hero = new Hero();                   this.world.addChild(this.hero.body);     }, <\/code><\/pre>\n<p>  \u041e\u043a\u0435\u0439, \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043c\u0438\u0440, \u043f\u0435\u0440\u0435\u0434\u0430\u043b\u0438 \u043a\u0430\u043d\u0432\u0430\u0441, \u0433\u0434\u0435 \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c\u0441\u044f, \u0448\u0438\u0440\u0438\u043d\u0443, \u0432\u044b\u0441\u043e\u0442\u0443 \u043c\u0438\u0440\u0430. \u0421\u043e\u0437\u0434\u0430\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u043a\u043b\u0430\u0441\u0441\u0430 Hero, \u0432 \u043c\u0438\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0435\u0433\u043e \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0443\u044e \u00abbody\u00bb.  <\/p>\n<pre><code class=\"javascript\">  this.world.addChild(this.hero.body); <\/code><\/pre>\n<p>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u0430\u043a \u043c\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c body.  <\/p>\n<pre><code class=\"javascript\">  this.body = Body.create('Circle', {         x: 20,         y: 20,         radius: 18,         gravity: 0.1,         bgColor: &quot;#eeeeee&quot;,                 fade: {             x: 0.999,             y: 0.999         }             }); <\/code><\/pre>\n<p>  Body \u2014 \u044d\u0442\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u0432\u0438\u0436\u043a\u0430, Body.create \u2014 <a href=\"http:\/\/ru.wikipedia.org\/wiki\/%D0%A4%D0%B0%D0%B1%D1%80%D0%B8%D1%87%D0%BD%D1%8B%D0%B9_%D0%BC%D0%B5%D1%82%D0%BE%D0%B4_(%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD_%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F)\">\u0444\u0430\u0431\u0440\u0438\u0447\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434 <\/a>, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u0430\u043c \u0440\u0430\u0437\u043d\u044b\u0435 (\u0443 \u043d\u0430\u0441 \u043f\u043e\u043a\u0430 \u0438\u0445 \u043d\u0435 \u043c\u043d\u043e\u0433\u043e) \u0442\u0435\u043b\u0430. \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043a\u0440\u0443\u0433. \u0418 \u043f\u0435\u0440\u0435\u0434\u0430\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438. \u041f\u043e \u0438\u043c\u0435\u043d\u0430\u043c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0434\u0443\u043c\u0430\u044e \u044f\u0441\u043d\u043e, \u0447\u0442\u043e \u0437\u0430 \u0447\u0442\u043e \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442.<br \/>  <b>\u041f\u0435\u0440\u0435\u0434\u0430\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 <\/b>  <\/p>\n<blockquote><p>\u0412\u0441\u0435\u0433\u0434\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u043e\u0431\u044a\u0435\u043a\u0442 (\u0435\u0441\u043b\u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u044c\u0448\u0435 2-\u0445), \u0442\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043d\u0435 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 (\u0441\u0440\u0435\u0434\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445) \u0448\u0442\u0443\u043a\u0438, \u0442\u0438\u043f\u0430:  <\/p>\n<pre><code class=\"javascript\">myFunc(null, null, null, null, null, 123, null, 'string_lol'); <\/code><\/pre>\n<p>  (\u0442\u0430\u043a, \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0443\u043f\u0443\u0441\u0442\u0438\u043b \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430?) \u0418 \u044d\u0442\u043e \u0442\u043e\u0436\u0435 \u0432\u0441\u0435 \u044f\u0441\u043d\u043e.  <\/p><\/blockquote>\n<p>  \u0425\u043e\u0440\u043e\u0448\u043e, \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043a\u0430\u043a\u043e\u0435 \u0442\u043e \u0442\u0435\u043b\u043e, \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0432 \u043c\u0438\u0440, \u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0447\u0442\u043e \u0434\u0430\u043b\u0435\u0435 \u043d\u0443\u0436\u043d\u043e. \u0414\u0430\u043b\u0435\u0435 \u043d\u0443\u0436\u043d\u043e (\u0442\u0430\u043a \u043a\u0430\u043a \u0432 \u043d\u0430\u0441 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0438\u0433\u0440\u0430) \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0442\u0430\u0439\u043c\u0435\u0440, \u0433\u0434\u0435 \u043f\u043e \u0442\u0438\u043a\u0443 \u0431\u0443\u0434\u0435\u0442 \u0432\u0441\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c\u0441\u044f. \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u0447\u0430\u0441\u0442\u044c \u043a\u043e\u0434\u0430  <\/p>\n<pre><code class=\"javascript\">startLoop: function() {         var self = this;                   this.enterFrame = setInterval(function() {             self.loop();         }, this.config.fps);     },              loop: function() {         var hero = this.hero,               enemies = this.enemies,               bonuses = this.bonuses;                       this.world.update();       \/\/... <\/code><\/pre>\n<p>  \u041d\u0430 \u0432\u0441\u044e \u0438\u0433\u0440\u0443 \u0443 \u043c\u0435\u043d\u044f \u0432\u0441\u0435\u0433\u043e <b>\u043e\u0434\u0438\u043d \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0439 \u0442\u0430\u0439\u043c\u0435\u0440 <\/b>(this.enterFrame).<\/p>\n<blockquote><p> \u0412\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0441\u043f\u0440\u0430\u0432\u0438\u0442\u0441\u044f \u043e\u0434\u043d\u0438\u043c \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u043c, \u0435\u0441\u043b\u0438 \u0432\u0430\u043c \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0447\u0442\u043e \u043d\u0435\u0442, \u0438 \u0447\u0442\u043e \u0443 \u0432\u0430\u0441 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u043a\u0430\u043a\u043e\u0433\u043e \u0442\u043e \u0442\u0430\u043c \u043a\u043b\u0430\u0441\u0441\u0430, \u0447\u0442\u043e \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0441\u0432\u043e\u0439 \u0442\u0430\u0439\u043c\u0435\u0440 \u2014 \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041c\u043e\u0433\u0443\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0438 \u0443\u0434\u0430\u043b\u044f\u0442\u0441\u044f, \u043d\u043e \u043c\u043e\u043d\u043e\u0442\u043e\u043d\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0434\u0443\u0442 \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 \u0432\u0441\u0435\u0433\u043e \u0438\u0433\u0440\u043e\u0432\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u0434\u0435\u043b\u0430\u0435\u043c \u043f\u043e \u043e\u0434\u043d\u043e\u043c\u0443 \u0442\u0430\u0439\u043c\u0435\u0440\u0443.<\/p><\/blockquote>\n<p>  \u041a\u0430\u043a \u0432\u0438\u0434\u0438\u043c \u044f \u0432\u044b\u0437\u044b\u0432\u0430\u044e <code>this.world.update();<\/code> \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0430\u0434\u0440, \u044d\u0442\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0432\u0435\u0441\u044c \u043c\u0438\u0440 \u0432\u044b\u0434\u0430\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u0439 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. <br \/>  \u042f\u0441\u043d\u043e, \u0447\u0442\u043e \u0432\u0435\u0441\u044c \u043f\u0435\u0440\u0444\u043e\u043c\u0430\u043d\u0441 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0431\u0438\u0440\u0430\u0442\u044c \u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u0442\u0430\u043a \u043a\u0430\u043a \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0430\u0434\u0440, \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0435 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u00ab\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0439\u00bb(\u043d\u0430 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e), \u043a\u0430\u043a \u0432\u0438\u0434\u0438\u043c, \u044f \u0441\u0440\u0430\u0437\u0443   <\/p>\n<pre><code class=\"javascript\">       hero = this.hero,        enemies = this.enemies,        bonuses = this.bonuses; <\/code><\/pre>\n<p>  \u043f\u0435\u0440\u0435\u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u044e \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435. <br \/>  <b>\u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0438 \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0442\u043e\u0440. <\/b>  <\/p>\n<blockquote><p>\u041a\u043e\u0433\u0434\u0430 \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0442\u043e\u0440 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e, \u043e\u043d \u0441\u043c\u043e\u0442\u0440\u0438\u0442, \u0447\u0435\u043c \u043e\u043d\u0430 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f (\u0442\u043e \u0435\u0441\u0442\u044c \u0442\u0430\u043c \u0433\u0434\u0435 \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u0434, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0444\u0443\u043d\u043a\u0446\u0438\u044f) \u0438 \u043a \u0432\u0435\u0440\u0445\u0443, \u0442\u043e \u0435\u0441\u0442\u044c \u0435\u0441\u043b\u0438 \u043c\u044b \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u043c\u0441\u044f \u043a \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439, \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0439\u0442\u0438 \u0432\u0441\u0435 \u0443\u0440\u043e\u0432\u043d\u0438 \u0432\u0432\u0435\u0440\u0445, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0443\u0434\u0430\u0441\u0442\u0441\u044f \u043d\u0430\u0439\u0442\u0438 \u0435\u0435. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0438\u0437 \u043a\u0430\u043a\u043e\u0439 \u0442\u043e \u0433\u043b\u0443\u0431\u043e\u043a\u043e\u0439 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0431\u043e\u043b\u0435\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0430 \u2014 \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435.   <\/p><\/blockquote>\n<p>  \u0415\u0449\u0435 \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442 \u043a\u0430\u043a \u0442\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0441\u0442\u043e\u043b\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f, \u043f\u0440\u0438 \u0447\u0435\u043c \u0438\u043c\u0435\u043d\u043d\u043e \u0437\u043d\u0430\u0442\u044c, \u043a\u0442\u043e \u0441 \u043a\u0435\u043c \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f. <br \/>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043b\u0430\u0441\u0441 Hero, \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043b\u044f \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439  <\/p>\n<pre><code class=\"javascript\">Hero.prototype.initEvents = function() {     var self = this;      this.body.addHitListener('bodies', function(e){         self.hitAction(e.data);                 });                 \/*this.body.addHitListener('limits', function(e) {   });*\/      } <\/code><\/pre>\n<p>  \u0422\u043e \u0435\u0441\u0442\u044c \u043d\u0430 this.body (\u043a\u0430\u043a \u043c\u044b \u043f\u043e\u043c\u043d\u0438\u043c \u044d\u0442\u043e \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u043f\u043e \u0441\u0443\u0442\u0438 \u044d\u0442\u043e \u0433\u043e\u043b\u043e\u0432\u0430 \u043d\u0430\u0448\u0435\u0439 \u0437\u043c\u0435\u0438) \u043c\u044b \u043f\u043e\u0432\u0435\u0441\u0438\u043b\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u043e\u0431\u044b\u0442\u0438\u044f. \u0418\u0445 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0434\u0432\u0430 \u0432\u0438\u0434\u0430: \u043d\u0430 \u0444\u0438\u0437.\u0442\u0435\u043b\u0430 \u0438 \u043d\u0430 \u0432\u044b\u0445\u043e\u0434 \u0437\u0430 \u0440\u0430\u043c\u043a\u0438 \u043c\u0438\u0440\u0430. \u0412 <code>e.data<\/code> \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442 <code>this.body<\/code>. \u041a\u0440\u0443\u0442\u043e. \u0412\u0441\u0435 \u043a\u0430\u043a \u043c\u044b \u0438 \u0445\u043e\u0442\u0435\u043b\u0438. <br \/>  \u0421\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043d\u0435 \u0442\u0430\u043a \u0442\u043e \u0438 \u0441\u043b\u043e\u0436\u043d\u043e (\u0430 \u0435\u0441\u043b\u0438 <a href=\"http:\/\/api.jquery.com\/trigger\/\">jQuery \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/a>, \u0442\u0430\u043a \u0435\u0449\u0435 \u043f\u0440\u043e\u0449\u0435 \u0431\u0443\u0434\u0435\u0442). \u041d\u043e \u043c\u044b \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u0441\u0430\u043c\u0438. \u0423 \u043c\u0435\u043d\u044f \u044d\u0442\u043e \u0432\u044b\u043d\u0435\u0441\u0435\u043d\u043e \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 <code>CustomEvent<\/code>. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u043c \u0434\u0440\u0443\u0433\u043e\u043c \u043c\u0435\u0441\u0442\u0435, \u0433\u0434\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f.   <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043e\u0434<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"javascript\">  function CustomEvent(_eventName, _target, _handler) {     this.eventName = _eventName;                      if (_target && _handler) {                 this.eventListener(_target, _handler);            }   }            CustomEvent.prototype.eventListener = function(_target, _handler) {                     if (typeof _target == 'string') {         this.target = document.getElementById(_target);                 }     else {         this.target = _target;         }                      this.handler = _handler;               if (this.target.addEventListener) {         this.target.addEventListener(this.eventName, this.handler, false);     }              else if (this.target.attachEvent) {         this.target.attachEvent(this.eventName, this.handler);     }   }        CustomEvent.prototype.eventRemove = function() {             if (this.target.removeEventListener) {         this.target.removeEventListener(this.eventName, this.handler, false);                 }              else if (this.target.detachEvent) {         this.target.detachEvent(this.eventName, this.handler);     }   }        CustomEvent.prototype.eventDispatch = function(_data) {                      if (document.createEvent) {         var e = document.createEvent('Events');         e.initEvent(this.eventName, true, false);     }              else if (document.createEventObject) {         var e = document.createEventObject();                 }              else {         return      }                                          e.data = _data;                         if (this.target.dispatchEvent) {         this.target.dispatchEvent(e);     }                              else if (this.target.fireEvent) {                     this.target.fireEvent(this.eventName, e);     }           }  <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0417\u0434\u0435\u0441\u044c \u0432\u0441\u0435 \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u044f\u0441\u043d\u043e. \u0418\u0434\u0435\u043c \u0434\u0430\u043b\u0435\u0435. \u0412\u0441\u0435 \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442, \u043a\u0430\u043a \u043e\u043d\u0430(\u0437\u043c\u0435\u0439\u043a\u0430) \u0442\u0430\u043a \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0437\u0430\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0445\u0432\u043e\u0441\u0442\u043e\u043c? \u0417\u0434\u0435\u0441\u044c \u043d\u0435\u0442\u0443 \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u0441\u0435\u043a\u0440\u0435\u0442\u0430, \u043c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u00ab\u0445\u0432\u043e\u0441\u0442\u0430\u00bb \u0437\u043c\u0435\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u0432 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e, \u0442\u043e \u0435\u0441\u0442\u044c \u0432 \u0446\u0438\u043a\u043b\u0435   <\/p>\n<pre><code class=\"javascript\">   this.tales[j].moveTo(this.tales[j - 1].position.x, this.tales[j - 1].position.y, 5); <\/code><\/pre>\n<p>  this.tales[j] \u2014 \u044d\u0442\u043e \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0442\u0435\u043b\u043e, \u0442\u043e \u0435\u0441\u0442\u044c \u0432 \u0434\u0432\u0438\u0436\u043a\u0435 \u0435\u0441\u0442\u044c \u0435\u0449\u0435 \u043a\u0430\u043a\u043e\u0439 \u0442\u043e \u043c\u0435\u0442\u043e\u0434 <code>moveTo(_x,  _y, _speed)<\/code>. \u041a\u043e\u0442\u043e\u0440\u044b\u0439 \u043a\u0430\u043a \u043c\u044b \u0432\u0438\u0434\u0438\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u0442 \u0441 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0442\u043e\u0447\u043a\u0438 \u0432 \u0442\u043e\u0447\u043a\u0443 \u0441 \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c\u0438. \u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c? \u041f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u0430\u043c \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u0442\u043e\u0447\u043a\u0430\u043c\u0438, \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043d\u0430 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 (_speed) \u0438 \u044d\u0442\u043e \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0448\u0430\u0433 \u0437\u0430 \u043e\u0434\u0438\u043d \u043f\u0435\u0440\u0435\u0445\u043e\u0434. \u0412\u0441\u0435. <\/p>\n<p>  \u0415\u0449\u0435 \u0445\u043e\u0442\u0438\u043c \u0434\u0435\u0432-\u043c\u043e\u0434. \u0418 \u0442\u0443\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0433\u043e. \u0422\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u0441\u044f \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u0434\u0432\u0438\u0436\u043a\u0430, \u043b\u043e\u0433\u0438\u0447\u043d\u043e, \u0447\u0442\u043e \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u043c Body (\u043d\u0430\u043f\u043e\u043c\u043d\u044e, Body \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u0432\u0438\u0436\u043a\u0430). \u0421\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043a\u043b\u0430\u0441\u0441\u0430 Hero (\u0442\u0430\u043a \u043a\u0430\u043a \u043e\u0442\u043b\u0430\u0434\u043e\u0447\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0434\u043b\u044f \u043d\u0435\u0433\u043e, \u0442\u043e \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0437\u0434\u0435\u0441\u044c)  <\/p>\n<pre><code class=\"javascript\">   Body.devMode.usePhysLimits = true;        Body.devMode.display = true;        Body.devMode.bodyId = this.body.id;    Body.devMode.use = true;     Body.useGravity = false; <\/code><\/pre>\n<p>  <\/p>\n<ul>\n<li>\u041f\u0435\u0440\u0432\u043e\u0435 \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u0438 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u0438\u0440\u0430, \u043a\u0430\u043a \u0432\u0438\u0434\u0438\u043c \u0442\u0435\u043b\u0430 \u043e\u0442 \u043d\u0438\u0445 \u043e\u0442\u0431\u0438\u0432\u0430\u044e\u0442\u0441\u044f. <\/li>\n<li>\u0412\u0442\u043e\u0440\u043e\u0435 \u2014 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u043b\u0438 \u0440\u0430\u043c\u043a\u0438 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0442\u0435\u043b\u0430 (\u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0440\u0438\u0441\u0443\u043d\u043e\u043a \u043d\u0430 \u0442\u0435\u043b\u043e, \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043b\u0438\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0446\u0432\u0435\u0442\u043e\u043c), \u0430 \u044d\u0442\u043e \u0440\u0430\u043c\u043a\u0438 \u0441\u0430\u043c\u043e\u0433\u043e \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0442\u0435\u043b\u0430.<\/li>\n<li>\u0422\u0440\u0435\u0442\u044c\u0435 \u2014 \u0434\u043b\u044f \u043a\u0430\u043a\u043e\u0433\u043e \u0442\u0435\u043b\u0430 \u043e\u0442\u043b\u0430\u0434\u043a\u0430: \u0434\u0430, \u0434\u043b\u044f \u0433\u043e\u043b\u043e\u0432\u044b \u0437\u043c\u0435\u0438, \u0442\u043e \u0435\u0441\u0442\u044c <code>this.body<\/code>, \u0438 \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u043c \u043f\u043e <code>id<\/code> (\u0434\u0430, \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0442\u0435\u043b\u0430 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0439 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440) .<\/li>\n<li>\u0427\u0435\u0442\u0432\u0435\u0440\u0442\u043e\u0435 \u2014 \u044d\u0442\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u043b\u0438 \u0441\u0430\u043c\u0443 \u043a\u043e\u043d\u0441\u043e\u043b\u044c.<\/li>\n<li>\u0418 \u043f\u044f\u0442\u043e\u0435 \u2014 \u043d\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u043e\u0442 \u0434\u0435\u0432-\u043c\u043e\u0434\u0430, \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u0438 \u0433\u0440\u0430\u0432\u0438\u0442\u0430\u0446\u0438\u044e (\u043a\u0430\u043a\u043e\u0439 \u0436\u0435 \u0434\u0432\u0438\u0436\u043e\u043a \u0431\u0435\u0437 \u0433\u0440\u0430\u0432\u0438\u0442\u0430\u0446\u0438\u0438), \u043d\u043e \u0443 \u043d\u0430\u0441, \u043a\u0430\u043a \u0432\u0438\u0434\u0438\u0442\u0435, \u0438\u0433\u0440\u0430 \u00ab\u0432\u0438\u0434 \u0441\u0432\u0435\u0440\u0445\u0443\u00bb \u043f\u043e\u044d\u0442\u043e\u043c\u0443 <code>false<\/code>.<\/li>\n<\/ul>\n<h5>\u041d\u0443 \u0432\u043e\u0442.<\/h5>\n<p>  (\u043a\u0442\u043e \u0434\u043e\u0447\u0438\u0442\u0430\u043b \u0430\u0436 \u0434\u043e \u0441\u044e\u0434\u0430, \u0434\u0435\u0440\u0436\u0438\u0442\u0435 \u043f\u0435\u0447\u0435\u043d\u044c\u043a\u0438, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438 \u0432\u043b\u0435\u0432\u043e-\u0432\u043f\u0440\u0430\u0432\u043e):<br \/>   \u2014 <a href=\"http:\/\/lyashenko-inc.in.ua\/projects\/snake\/\">\u0432\u043e\u0442 \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442: \u0432 \u0447\u0430\u0441\u0442\u0438 \u043e\u0434\u0438\u043d<\/a><br \/>   \u2014 <a href=\"http:\/\/lyashenko-inc.in.ua\/projects\/snake_dev_mode\/\">\u0438 \u044d\u0442\u043e \u0436\u0435 (dev-mode)<\/a><br \/>   \u0438 <a href=\"http:\/\/lyashenko-inc.in.ua\/projects\/snake_dev_mode\/upload.rar\">\u043b\u0438\u043d\u043a \u043d\u0430 \u0444\u0430\u0439\u043b\u044b<\/a> \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043c\u0443 \u0431\u0443\u0434\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0442\u0449\u0430\u0442\u0435\u043b\u044c\u043d\u043e. <\/p>\n<p>  <i>P.S. \u041d\u0443 \u0430 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u044d\u0442\u043e\u0433\u043e \u0443\u0436\u0435 \u0447\u0442\u043e \u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0445\u043e\u0436\u0435\u0435 \u043d\u0430 \u0438\u0433\u0440\u0443. <\/i>    \t \t\t   \t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/167007\/\"> http:\/\/habrahabr.ru\/post\/167007\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">   \t\u0421\u0442\u0430\u0442\u044c\u044f \u0441 \u0442\u044d\u0433\u043e\u043c \u00ab\u043e\u0431\u0443\u0447\u0430\u044e\u0449\u0438\u0439 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u00bb. \u0421 \u043d\u0443\u043b\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u0443\u0434\u0435\u043c \u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043d\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 (\u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430) \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0432\u0438\u0436\u043e\u043a \u0438 \u0441\u0440\u0430\u0437\u0443 \u0436\u0435 \u043d\u0435 \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0438\u0433\u0440\u0443 (\u044f \u0432\u044b\u0431\u0440\u0430\u043b \u0437\u043c\u0435\u0439\u043a\u0443) \u043d\u0430 \u043d\u0435\u043c. \u041d\u043e \u0441\u0442\u0430\u0442\u044c\u044f \u0441\u043a\u043e\u0440\u0435\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u043d\u0435 \u0442\u0430\u043a\u043e\u0435 \u0443\u0436 \u0438 \u0441\u043b\u043e\u0436\u043d\u043e\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u0435, \u0430 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430 JavaScript, \u043f\u0440\u0438\u0447\u0435\u043c \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u043c (\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c) \u043a\u043e\u0434\u043e\u043c (\u0436\u0434\u0443, \u0447\u0442\u043e \u0432\u0441\u0435 \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0449\u0435 \u043b\u0443\u0447\u0448\u0435 \u0432\u044b \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445). \u00ab\u0410 \u0432 \u043e\u0442\u0432\u0435\u0442 \u043f\u043e\u043b\u0435\u0442\u0435\u043b\u0438 \u0441\u043f\u0435\u043b\u044b\u0435 \u043f\u043e\u043c\u0438\u0434\u043e\u0440\u044b..\u00bb. \u041d\u0430\u0447\u043d\u0435\u043c.<br \/>  (\u043a\u0442\u043e \u0434\u043e\u0447\u0438\u0442\u0430\u043b \u0430\u0436 \u0434\u043e \u0441\u044e\u0434\u0430, \u0434\u0435\u0440\u0436\u0438\u0442\u0435 \u043f\u0435\u0447\u0435\u043d\u044c\u043a\u0438, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438 \u0432\u043b\u0435\u0432\u043e-\u0432\u043f\u0440\u0430\u0432\u043e):<br \/>   \u2014 <a href=\"http:\/\/lyashenko-inc.in.ua\/projects\/snake\/\">\u0432\u043e\u0442 \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442: \u0432 \u0447\u0430\u0441\u0442\u0438 \u043e\u0434\u0438\u043d<\/a><br \/>   \u2014 <a href=\"http:\/\/lyashenko-inc.in.ua\/projects\/snake_dev_mode\/\">\u0438 \u044d\u0442\u043e \u0436\u0435 (dev-mode)<\/a>  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-167007","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/167007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=167007"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/167007\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=167007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=167007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=167007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}