gpt4 book ai didi

javascript - 使用 Jquery 创建基于 Web 的 "bulletin board pin map";拖/放/碰撞/等

转载 作者:行者123 更新时间:2023-11-30 23:42:40 28 4
gpt4 key购买 nike

我希望创建一个基于网络的“公告板”,可以这么说,用户可以在其中创建/删除/拖放“图钉”,而不允许重叠“图钉”。

这是一个图表,应该有助于说明我正在尝试创建的内容:

  • 'pins' 可能已创建双击;他们会提示用户输入标签。
  • “图钉”不能重叠;(最终的形状会更大,更多椭圆形。)
  • “引脚”需要能够通过视觉元素(即虚线)与其他“引脚”“连接”,但并非所有引脚都会“连接”。

Diagram

我找到了GameQuery据称它支持边界框碰撞 - 但非常重要是用椭圆形而不是盒子来检测碰撞(我知道上面的例子可能暗示其他情况,但这只是一个图表......不是预期最终设计的模型。)

“图钉”的尺寸/形状也可能有所不同,具体取决于标签尺寸……我想这也应该考虑在内,以确保一种有利于所有用户体验变量的方法。

我找到了QuadtreeCollision Detection伴随着这个GameQuery collision demo ,但这一切看起来有点像胡言乱语。 我希望有人指出正确的方向,这样我就知道我投入时间的方法将有效达到我想要的结果......而不是例如,我绞尽脑汁找出 Quadtree 和 GameQuery,只是为了发现它们不适用于这个项目。

...

此外,如果有经验丰富的开发人员愿意在这个项目上成为我的导师,我准备提供我极其精致的设计经验,以解决一些“我需要帮助”的问题。

如何将 n 边多边形应用到 GameQuery 预先存在的边界框功能中?它不需要是一个完美的圆形,但至少是 8 边形。

最佳答案

我认为你的问题根本与 jQuery 甚至 Javascript 无关。您的问题是,如何检测椭圆何时与另一个椭圆重叠(或不重叠)?这是一道数学题,是one that has already been asked here .

请注意,对于刚接触编程的人来说,这对我来说是一个相当困难的问题。我对编程一点也不陌生,我认为这很有挑战性,特别是考虑到您的其他要求 - 拖放等。您已经解决了一个相当高级的问题,此时,我强烈建议您做任何可以简化的事情(例如使用边界框)。

关于javascript - 使用 Jquery 创建基于 Web 的 "bulletin board pin map";拖/放/碰撞/等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4130191/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com