检测一个对象是否穿过画布中的其他对象

时间:2012-05-07 15:46:34

标签: javascript html5 canvas 2d paperjs

我想检测一个画布对象,例如 - circle是否穿过另一个画布对象

例如,我有2个圆圈移动

我正在使用paper.js库

    c1 = new Path.Circle([20, 20], 20);
    c1.fillColor = 'red';

    c2 = c1.clone();
    c2.position += 500;
    c2.fillColor = 'green';

    c = 0;

    function onFrame(event){
        c += 0.1;
        c1.position += c;
        c2.position -= c;
    }

我想检测c1何时命中c2

1 个答案:

答案 0 :(得分:2)

onFrame方法中,您要检查圆心之间的距离是否小于半径的两倍。如果是,那么你就会发生碰撞。