javascript的問題

想請問各位邦友，以下的Javascript的作用，第一段不是很清楚，第二段是跟背景圖有關嗎
第三段好像是移動的速度，最後一段不清楚@@

第一段
if (
hero.x <= (monster.x + 32)
&& monster.x <= (hero.x + 32)
&& hero.y <= (monster.y + 32)
&& monster.y <= (hero.y + 32)
) {
++monstersCaught;
reset();
}
};

第二段
var render = function () {
if (bgReady) {
ctx.drawImage(bgImage, 0, 0);
}

if (heroReady) {
ctx.drawImage(heroImage, hero.x, hero.y);
}

if (monsterReady) {
ctx.drawImage(monsterImage, monster.x, monster.y);
}

第三段
var main = function () {
var now = Date.now();
var delta = now - then;

update(delta / 1000);
render();

then = now;
};

第四段
reset();
var then = Date.now();
setInterval(main, 1);