Как определить что один элемент коснулся другого?

Question

[Даниил Сухих]

Хочу сделать игру на jquery у меня есть 2 кубика, один стоит на месте, второй двигается стрелочками как определить что двигающийся кубик коснулся стоячего?

$(document).ready(function () {
	$(document).keydown(function(e) {
		if (e.which == 40) {
			$('.block').css({'top': '+=10px'});
		}
		if (e.which == 38) {
			$('.block').css({'top': '-=10px'});
		}
		if (e.which == 39) {
			$('.block').css({'left': '+=10px'});
		}
		if (e.which == 37) {
			$('.block').css({'left': '-=10px'});
		}
		if (e.which == 80) {
			var block = $('.block').position();
			alert(block.top + ' ' + block.left);
		}
		if (e.which == 79) {
			var block = $('.stop_block').position();
			alert(block.top + ' ' + block.left);
		}
	})
})

<div class="wrapper">
		<div class="block"></div>
		<div class="stop_block"></div>
	</div>

.block {
	width: 50px;
	height: 50px;
	background: red;
	position: absolute;
}

.stop_block {
	width: 50px;
	height: 50px;
	background: green;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

Answer 1

[Юпитер Макс]

не могу сказать точно, но может offset попробовать

Comments

[Даниил Сухих]

Возможно это поможет если кубики ровно совпадут по координатам, но нужно при любом касании