{"id":202556,"date":"2013-11-18T14:17:03","date_gmt":"2013-11-18T10:17:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=202556"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=202556","title":{"rendered":"\u0413\u043e\u043d\u043e\u0447\u043a\u0430 \u043d\u0430 JavaScript (30 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430)<\/span>"},"content":{"rendered":"
\t\u0412 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435 \u043d\u0435\u0434\u0435\u043b\u0438 \u043d\u0435\u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u043a\u0430\u043a \u0437\u0430\u043c\u0435\u0442\u0438\u043b<\/a> phpcmsdev<\/a>) \u0440\u0435\u0448\u0438\u043b \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0433\u0440\u0443 \u0432 30 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430. \u0422\u0430\u043a \u043a\u0430\u043a \u0442\u0435\u0442\u0440\u0438\u0441, \u0437\u043c\u0435\u0439\u043a\u0430 \u0438 \u0430\u0440\u043a\u0430\u043d\u043e\u0438\u0434 \u0443\u0436\u0435 \u0431\u044b\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u043d\u044b, \u0432\u044b\u0431\u043e\u0440 \u043f\u0430\u043b \u043d\u0430 \u0433\u043e\u043d\u043e\u0447\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0445\u043e\u0434\u0438\u043b\u0438 \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u043f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0438\u0433\u0440\u044b<\/a>.<\/p>\n

<\/p>\n

\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 fiddle<\/a>.
<\/a> <\/p>\n

(function(elid, width, height, speed, strength){     var canvas = document.querySelector(elid),             ctx = canvas.getContext("2d"),             pos = 0, blocks = [];     canvas.width = width; canvas.height = height;     ctx.fillStyle = "black";     var game = setInterval(function(){         if( Math.random() < strength) blocks.push([Math.random()*(width-10),-10]);         ctx.clearRect(0,0,width,height);         ctx.fillRect(pos,height-50,10,40);         for(var i = 0; i < blocks.length; i++){             ctx.fillRect(blocks[i][0],blocks[i][1],10,10);             if( blocks[i][1] > height - 60 && blocks[i][1] < height - 10 && Math.abs( pos - blocks[i][0]) < 10 ){                 clearInterval(game);                 alert("Game over. You have " + Math.floor(1000 * strength) + " points.");             }             if( blocks[i][1] > height - 5 ){                 blocks.splice( i, 1);                 i--;             } else {                 blocks[i][1] += 5;             }         }         strength += 0.001;     },speed);     document.addEventListener('mousemove', function (e) {         pos = (e.pageX > 0) ? ((e.pageX < width) ? e.pageX : width-10) : 0;     }, false); })("#canvas",400,300,33,0.05); <\/code><\/pre>\n
\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/h4>\n