拖移processing.js

Question

我在倫敦的一個物理老師，我努力學習processing.js

爲了使教學資源非常重要的技術是可以拖動的形狀。雖然我知道如何在PJS中做到這一點，但我發現有很多可拖動對象的代碼很快就會變得混亂。 （特別是如果對象被「鎖定」，以便光標離開對象無關緊要）

有人知道如何從單獨的文件運行拖動spript嗎？即主腳本爲對象調用拖動腳本？這個想法是，你會繪製形狀，並簡單地讓他們拖動，拖動代碼在一個單獨的文件？這將使教師資源的創建變得更容易。

如果人們可以提供一些想法，這將是很好的。我已經在PJS主網站上看到了這些拖放演示，但我正在尋找更快更簡單的方法。

非常感謝

馬特·克萊恩

ruby​​_murray1 [AT] hotmail.com

Answer 1

嗯，我processing.js純JavaScript代碼，而不與處理語法困擾，但它應該去類似的東西：

1. 使您希望可拖動的對象符合Draggable接口，可拖動接口指示什麼是可拖動的並提供方法移動對象
2. 當拖動開始時，查看是否存在您要拖動的鼠標下的Draggable對象，將其存儲在本地並使用Draggable接口方法來移動對象。這樣，您的本地拖動代碼對於任何Draggable對象都是通用的，並且對象處理它們自己的運動。
3. 在拖動結束時，從本地存儲中刪除可拖動對象（並停止調用其移動方法）。

只要您將其拖入正確的鼠標事件中，您也可以將這整個拖動邏輯拉出到外部文件中。

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