javascript - 使用 Kinetic.js 创建矩形的放置区域

标签 javascript html5-canvas kineticjs

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

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

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

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

最佳答案

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

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

关于javascript - 使用 Kinetic.js 创建矩形的放置区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13979699/

相关文章:

javascript - 从同一文件中获取 module.exports

javascript - Kineticjs 组图像拖动

javascript - Canvas 形状的控制点

javascript - d3.js - 如何风格化饼图

javascript - 如何使用 Mocha 测试 Vue.js 中的 DOM 更新?

javascript - 需要增加圆的高度和宽度

javascript - Firefox 使用 drawImage 将 SVG 图像渲染到 HTML5 Canvas 时出错

javascript - 如何选择并拖动与在 Fabricjs 中单击的对象不同的对象?

javascript - 使用 F5 刷新页面时抛出受污染的 Canvas 错误

javascript - 在 KineticJS 中放大鼠标位置