javascript - 检测一个对象是否穿过 Canvas 中的另一个对象

标签 javascript html canvas 2d paperjs

例如,我想检测一个 Canvas 对象是否 - 圆穿过另一个 Canvas 对象

例如我有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

最佳答案

在您的 onFrame 方法中,您想要检查圆心之间的距离是否小于半径的两倍。如果为真,则发生碰撞。

关于javascript - 检测一个对象是否穿过 Canvas 中的另一个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10485050/

相关文章:

javascript - 带有背景图像的 Jquery 悬停类淡入淡出

python - Tkinter 可调整大小的对象 Python Canvas

javascript - 将 Canvas 复制到另一个 Canvas

javascript - 我如何在 JavaScript 中生成这种滴答声?

javascript - 使用自定义按钮使 HTML5 音频元素静音

javascript - 创建一个输入,在用户键入时不断更新单词列表

html - 将 div 包装到新行导致有趣的行为

javascript - JS无法调用null的drawImage方法

javascript - 通过 Vanilla javascript更改数据目标按钮属性

javascript - 如何在 Parse.com 中将数据保存到用户 session