【问题标题】:Create a drop area for a rectangle with Kinetic.js使用 Kinetic.js 为矩形创建放置区域
【发布时间】:2012-12-08 10:01:13
【问题描述】:

我正在创建一个“文字”游戏,目标是将一个字符(一个矩形)拖到正确的单词空间(另一个矩形)中,如果用户将一个字符放在错误的空间,该字符将返回到原来的位置点。

在拖动移动期间,我想检测对象是否在单词空间上方以进行对比。如果用户放下它,请将字符插入正确的位置...

我如何检测用户是否将字符放在正确的位置?碰撞检测? 是否有任何事件来检测一个对象是否在另一个对象之上?

我只需要引导线来检测它。

【问题讨论】:

    标签: javascript html5-canvas kineticjs


    【解决方案1】:

    也许你想要的是getIntersections() 方法(docs),它将返回特定点下的形状。

    您可以使用它来构建自己的碰撞检测,即在字符矩形的每个角上调用getIntersections() 并查看您碰到的形状。

    【讨论】:

    • bde 是正确的,这是目前解决此问题的最佳方法。不过,我想指出的是,KineticJS 很快就会支持真正的碰撞检测。
    猜你喜欢
    • 1970-01-01
    • 2012-08-22
    • 1970-01-01
    • 1970-01-01
    • 2014-09-16
    • 1970-01-01
    • 2014-07-22
    • 2021-10-07
    • 1970-01-01
    相关资源
    最近更新 更多