Реверс-инжиниринг арканоида DX-ball, или Новая жизнь старой игры

Просто нужно отвязать физику от requestAnimationFrame. И считать её с фиксированным шагом, отдельно от рендера. Как это сделано, например, в Unity.

if(bricks[x][y].type!=0&&
this.x>bricks[x][y].x-5&&
this.x<bricks[x][y].x+35&&
this.y>bricks[x][y].y-5&&
this.y<bricks[x][y].y+20){
    действия с кирпичом
}

Щас сам пишу арканоид, но блин застрял на collision detection, может кто посоветует как лучше обрабатывать столкновения с блоками и отражение мячика от них как у вас?

Shock, а не видел хорошего материал почитать на эту тему? Просто вот интересно, заводить у каждого объекта поле «сдвинулся» и если оно истинно перерисовывать объект, меняя после перерисовки поле на false? Как-то не изящно выходит ))

animate({
  object: element,
  props: { fromX: 100 },
  onTick: element.redraw
});

var helper, vector, target;

// Глобализуем свойства LibCanvas
LibCanvas.extract();

// Создаём приложение размером 600*400
helper = new App.Light(new Size(600, 400));

// теперь внутри target у нас всегда актуальные координаты мыши относительно приложения
target = helper.mouse.point;

/* Создаём векторную фигуру - круг, радиусом 20 пикселей
 * с центром в точке 100/100
 * тёмно-красная середина и красная граница
 *
 * Этот круг у нас будет основным объектом
 */
vector = helper
	.createVector( new Circle(100, 100, 20), { zIndex: 2 })
	.setStyle({ stroke: '#900', fill: '#300' });

// При клике по холсту дописываем координату в очередь на движение
helper.mouse.events.add('click', function () {
	// создаём маленькую зелёную точку, которая будет обозначать цель нашего движения
	var targetVector = helper
		.createVector( new Circle(target.clone(), 2) )
		.setStyle({ fill: '#0f0' });

	// добавляем анимацию перемещения оригинального объекта в стек
	vector.animate({
		props: {
			// плавно изменяем координаты центра
			'shape.center.x': target.x,
			'shape.center.y': target.y
		},
		fn: 'elastic-out',
		// за одну секунду
		time: 1000,
		// при каждом смещении перерисовываем вектор
		onTick: vector.redraw,
		// при завершении движения удаляем точку-цель движения
		onComplete: function () {
			targetVector.destroy();
		}
	});
});