startDrag를 이용한 사이드바

startDrag를 이용하여 사이드 바를 만들어보자.(엄청 간단한)

다음과 같은 코드를 통하여 작성된다.
콜백함수를 이용하였다. bar는 좌우로 움직이는 사각형의 name이다. 그 사각형에 버튼 이벤트를 준후 사용한다.
onPress는 마우스로 눌렀을경우 발생하는 이벤트이고, onRelease는 누른 후 마우스를 떼었을때 발생하는 이벤트이다. Drag는 onPress와 onRelease 두가지를 사용하여 구현한다.
추가로 위치를 표현하기 위해 txt도구를 이용하여 bar의 위치를 출력하도록 설정하였다.

결과는 다음과 같이 나타난다.