자바 스크립트의 스크래치 스타일 토큰 필드

Question

스크래치에서 드래그 앤 드롭 프로그래밍 인터페이스의 복제본을 만들려고합니다. < http://scratch.mit.edu>가 아니라 자바 스크립트입니다. 빌딩 블록을 일부 완성했지만 토큰 화 된 필드를 구축하는 방법에 특히 관심이 있습니다.

스크래치에는 변수 나 연산을 나타내는 토큰과 함께 숫자 나 텍스트를 입력 할 수있는 필드가 있으며, 차례대로 자신의 숫자, 텍스트 또는 토큰을 받아 들일 수 있으며 더 많은 변수와 연산 등을 중첩 할 수 있습니다.

필드에 스크래치의 중첩 된 토큰 시스템의 예 : 나는 draggables 및 droppables에 대한 jQuery를 UI와 함께 jQuery를 사용하고 http://i.stack.imgur.com/falmA.png

. 이와 같은 분야를 만드는 방법에 대한 권장 사항은 무엇입니까? 이미 Javascript duplicate of Scratch, called Waterbear

의 종류가있다

Answer 1

는 아이디어를 구현에서보세요. 즉, 내부적으로 어떻게있어 - 트리로 중첩 된 구조의

생각해은 ...

Answer 2

니스 질문과 waterbear는 많은 일을하지 않는 것, 그래서 난 내 두 유로 센트 '가치를 넣어 줄 알았는데 기록됩니다. 연산자 (및 또는 + 등)에는 두 개의 분기 인 두 개의 분기가 있습니다. 함수 호출에는 인수가있는만큼의 분기가 있고 일부는 인수를가집니다. "sum"의 숫자는 다양합니다.

시각적으로 각 개체 (연산자 등)는 올바른 수의 필드를 표시해야합니다. 재귀 알고리즘은 디스플레이를 수행하기 위해 작업 트리를 가로 지르고, 드롭 할 때 같은 알고리즘을 사용하여 디스플레이를 새로 고칩니다.