Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Важные сведения о гексагонах (шестиугольниках):
Несмотря на то, что слово «гексагон» может показаться трудным для поиска рифмы к нему, на самом деле есть десятки слов, которые рифмуются с ним. Например: автобан, декагон, электрон, Кыргызстан, лепрекон и марафон.

Говорят 16 секунд это предел…
blocks.splice( i, 1);
i--;
blocks.splice( --i, 1);
blocks.splice( i--, 1);blocks.splice( i--, 1);
var wrapper = document.getElementById('wrapper'), keyCode = 0, tank1 = document.getElementById('tank1'), tanks = [], step, fPoint = function(x, y) { return document.elementFromPoint(x + 20, y + 20); };
var addElem = function(elem, className, css, attrs) {
var newD = document.createElement(elem);
newD.className = className;
newD.style.cssText = css;
if(attrs != undefined) { newD.setAttribute(attrs, ''); }
wrapper.appendChild(newD);
return newD;
};
setInterval(function() {
if(tanks.length < 2) {
var n_el = addElem('div', 'tank2', '', 'tank2');
n_el.style.left = 200;
n_el.style.top = 80;
tanks.push(n_el);
}
for(var i=0; i < tanks.length;i++) {
var step = Math.round(Math.random()) == 0?40:-40;
if(fPoint(parseInt(tanks[i].style.left)+step + 20, parseInt(tanks[i].style.top) + 20) != null && fPoint(parseInt(tanks[i].style.left)+step + 20, parseInt(tanks[i].style.top) + 20).getAttribute('id') == 'wrapper') tanks[i].style.left = parseInt(tanks[i].style.left)+step, tanks[i].className = step < 0 ? 'to_left' : 'to_right';
else if(fPoint(parseInt(tanks[i].style.left) + 20, parseInt(tanks[i].style.top)+step + 20) != null && fPoint(parseInt(tanks[i].style.left) + 20, parseInt(tanks[i].style.top)+step + 20).getAttribute('id') == 'wrapper') tanks[i].style.top = parseInt(tanks[i].style.top)+step, tanks[i].className = step < 0 ? 'to_top' : 'to_bottom';
}
}, 500);
var to_left = 40, to_top = 40;
document.onkeydown = function (event) {
to_left = (event.keyCode == 39)?(to_left >=420 ? to_left : (to_left + 40)):(event.keyCode == 37)?(to_left <= 0 ? 0 : to_left - 40):to_left;
to_top = (event.keyCode == 38)?(to_top <= 0 ? 0 : to_top - 40):(event.keyCode == 40)?(to_top >=280 ? 280 : to_top + 40):to_top;
console.log(to_left, to_top);
if(document.elementFromPoint(to_left+20, to_top+20).getAttribute('id') == 'wrapper') tank1.style.left = to_left, tank1.style.top = to_top;
else to_left = parseInt(tank1.style.left), to_top = parseInt(tank1.style.top);
}
eval()(function(canvas, width, height, playersize, speed, acc){
var ctx = canvas.getContext('2d');
canvas.width = width; canvas.height = height; px=100; py=0; blocks_tick=0.2; p_acc=0;to_x=100;points=0;can_jump=0;
var blocks=[];
timer = setInterval(function(){
ctx.clearRect(0,0,width,height);
p_acc += 0.2; if (p_acc>10){p_acc=10;} py += p_acc;speed+=acc;points+=1;can_jump-=1;
if (to_x<px){px-=6;}if (to_x>px){px+=6;}
if (Math.random()<blocks_tick){
blocks.push({'x': width, 'y': Math.random()*height, 'size': Math.random()*40 + 20});
}
for (var i=0; i<blocks.length;i++){
blocks[i]['x'] -= speed;
ctx.fillStyle='#333'; ctx.fillRect(blocks[i]['x'], blocks[i]['y'], blocks[i]['size'], 10);
if ((blocks[i]['x'] + blocks[i]['size'] >= px) && (blocks[i]['x'] <= px + playersize) && (blocks[i]['y'] + 10 >= py) && (blocks[i]['y'] <= py + playersize)){
if ((p_acc>0) && (can_jump<0)){
p_acc=-8;can_jump = 30;py=blocks[i]['y']-playersize;
}
else{p_acc = -p_acc;py=blocks[i]['y']+10;}
}
if (blocks[i]['x']+blocks[i]['size']<0){blocks.splice(i--,1);}
}
ctx.fillStyle=(can_jump<0)?'#eeee00':'#aaa';ctx.fillRect(px,py,playersize, playersize);
if (py>height){
clearInterval(timer);
if (confirm('GameOver! Your Points:'+points+' Restart?')){window.location.reload()}
}
}, 1000/24);
document.addEventListener('mousemove', function (e) { to_x = e.pageX; }, false);
})(document.getElementById('game'), 800, 600, 10, 6, 0.005);
Гоночка на JavaScript (30 строк кода)