想請問各位邦友，以下的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);
已邀請的邦友 {{ invite_list.length }}/5
第一段：check是否hero與monster發生碰撞
第二段：根據是否ready，畫出背景與各角色
第四段：每一毫秒，運行main()一次
第三段：main()，根據時間差運行update()與render()
iThome鐵人賽
看影片追技術