在processing.js中拖动

Question

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

要使教学资源成为一项非常重要的技术，就必须能够拖动形状。虽然我知道如何在PJS中做到这一点，但我发现有几个可拖动对象的代码很快就会变得混乱。(特别是如果对象是“锁定”的，因此光标离开对象并不重要)

有人知道如何从一个单独的文件中运行拖放的spript吗？也就是说，主脚本调用对象的拖放脚本？您的想法是，您将绘制形状，并使其可拖动，与拖动代码在一个单独的文件？这将使教师资源的创建更加容易。

如果人们能在这方面提供一些想法，那就太好了。我已经在主要的PJS网站上看到拖拽演示，但我正在寻找更快/更容易的东西。

非常感谢

马特·克莱因

ruby_murray1AThotmail.com

Answer 1

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

1. 使您想要拖动的对象与可拖动的接口保持一致，可拖动的接口指示可拖动的对象，并提供了在拖动开始时移动对象
2. 的方法，查看要拖动的鼠标下是否有可拖动的对象，将其存储在本地，并使用可拖动接口方法将对象移动。这样，本地拖放代码对于任何可拖动对象和对象都是通用的，并且对象处理自己的移动。
3. On拖尾，从本地存储区删除可拖动对象(并停止调用其移动方法)。

。

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

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