Javascript中的划痕式令牌字段

时间:2011-08-09 03:45:02

标签: javascript jquery token mit-scratch

我正在尝试在Scratch< http://scratch.mit.edu>中制作拖放式编程界面的副本,但是在javascript中。我已经完成了构建块部分,但我特别感兴趣的是如何构建标记化字段。

Scratch具有可以输入数字或文本的字段,以及表示变量或操作的标记,这些标记又可以接受它们自己的数字,文本或标记,并且可以嵌套更多变量和操作等等。 / p>

字段中Scratch嵌套令牌系统的示例:http://i.stack.imgur.com/falmA.png

我正在使用jQuery以及用于draggables和droppables的jQuery UI。关于如何建立像这样的领域的任何建议?

2 个答案:

答案 0 :(得分:2)

已经有一种Javascript duplicate of Scratch, called Waterbear

了解他们的想法实施。

答案 1 :(得分:1)

不错的问题,而且waterbear似乎并没有做太多,所以我认为我的价值是两欧元......

将嵌套结构想象成一棵树 - 它在内部是如何记录的。运算符(和,或+等)有两个分支,即两个分支。函数调用具有与它们具有参数一样多的分支,并且一些例如“总和”有不同的数字。

从视觉上看,每个对象(操作员等)都需要显示正确数量的字段。递归算法遍历操作树以进行显示,并且在删除时,可以使用相同的算法来刷新显示。