拖入 processing.js

Question

我是伦敦的一名物理老师，我正在努力学习 processing.js

使教学资源成为一项非常重要的技术是能够拖动形状。虽然我知道如何在 PJS 中执行此操作，但我发现拥有多个可拖动对象的代码很快就会变得混乱。 （特别是如果对象被“锁定”，因此光标离开对象无关紧要）

有人知道如何从单独的文件中运行拖动脚本吗？即，以便主脚本调用对象的拖动脚本？这个想法是您将绘制形状并简单地使它们可拖动，并将拖动代码放在单独的文件中？这将使教师资源的创建变得更加容易。

如果人们可以就此提供一些想法，那就太好了。我在 PJS 主网站上看到了拖动演示，但我正在寻找更快/更简单的东西。

非常感谢

马特·克莱恩

ruby_murray1[AT]hotmail.com

Answer 1

好吧，我用纯 javascript 代码来处理 processing.js，而不用担心处理语法，但它应该是类似的：

1. 让你想拖拽的对象附着在一个Draggable接口上，这个draggable接口指明了什么是可拖拽的，并提供了一个移动对象的方法
2. 开始拖动时，查看鼠标下是否有要拖动的 Draggable 对象，将其存储在本地，并使用 Draggable 接口方法移动该对象。这样，您的本地拖动代码对于任何 Draggable 对象都是通用的，并且对象会处理它们自己的移动。
3. 在拖动结束时，从本地存储中删除 Draggable 对象（并停止调用其 move 方法）。

您也可以将整个拖动逻辑提取到外部文件中，只要您将其挂接到正确的鼠标事件中。

关于接口：http://forum.processing.org/topic/class-interface-block-example