JavaFX 튜토리얼중 animation

JavaFX Script 2D Graphics Tutorial 에서 Animation을 클릭하면 

사각형 박스에 애니메이션 효과를 적용한것을 볼수있습니다

** 참고로 이코드는 1.0이전버전에만 적용됩니다 **

import javafx.ui.*; import javafx.ui.canvas.*; class AnimationExample extends CompositeNode { attribute width: Number; attribute height: Number; attribute opacityValue: Number; attribute rotationValue: Number; } // Initial values attribute AnimationExample.width = 200; attribute AnimationExample.height = 100; attribute AnimationExample.opacityValue = 1.0; attribute AnimationExample.rotationValue = 0; function AnimationExample.composeNode() = Group { content: [Rect { width: bind width height: bind height arcHeight: 20 arcWidth: 20 opacity: bind opacityValue transform: bind [translate(80, 50), rotate(rotationValue, width/2, height/2)] fill: dodgerblue stroke: darkblue strokeWidth: 2 }, View { content: GroupPanel { cursor: DEFAULT var row = Row {alignment: BASELINE} var column1 = Column { } var column2 = Column { } var column3 = Column { } var column4 = Column { } var column5 = Column { } rows: [row] columns: [column1, column2, column3, column4, column5] content: [SimpleLabel { row: row column: column1 text: "Animate:" }, Button { row: row column: column2 opaque: false mnemonic: W text: "Width" action: operation() { width = [0..200] dur 1000; } }, Button { row: row column: column3 opaque: false mnemonic: H text: "Height" action: operation() { height = [0..80] dur 1000; } }, Button { row: row column: column4 opaque: false mnemonic: O text: "Opacity" action: operation() { opacityValue = [0.00,0.01 .. 1.00] dur 1000; } }, Button { row: row column: column5 opaque: false mnemonic: R text: "Rotation" action: operation() { rotationValue = [0..360] dur 1000; } }] } }] } ; Canvas { content: AnimationExample { } }

여기까지가 튜토리얼에 나타나는 소스 코드 입니다...

그런데 이것만 하면 당연히 이클립스나 기타 수작업을 통한 컴파일에서는 안나타납니다

당연히 프레임이 없으니 나타날리가 없죠...;;

아래는 간단히 프레임 을 추가하였습니다...위 소스코드 바로 아래에다가 붙여넣으시면 됩니다

// 화면에 뿌려줄 프레임 Frame { title: "Animation" width: 400 height: 200 content: ScrollPane { background: white view: Canvas { background: black cursor: DEFAULT content: AnimationExample } } visible: true }