blob: 0f3e7727547f79ce49a2c73bff85c6f3c26fc93d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<Rect width="320" height="240" color="#ffffff">
<Rect id="Rect" y="{200}" color="#00ff00" width="60" height="20">
<y>
<SequentialAnimation running="true" repeat="true">
<NumericAnimation to="{200}" easing="easeOutBounce(amplitude:180)" duration="2000" />
<PauseAnimation duration="1000" />
</SequentialAnimation>
</y>
</Rect>
<!-- Velocity -->
<Rect x="{Rect.width}" color="#ff0000" width="{Rect.width}" height="20">
<y>
<Follow source="{Rect.y}" velocity="200"/>
</y>
</Rect>
<Text x="{Rect.width}" y="220" text="Velocity"/>
<!-- Spring -->
<Rect x="{Rect.width * 2}" color="#ff0000" width="{Rect.width}" height="20">
<y>
<Follow source="{Rect.y}" spring="1.2" damping="0.1"/>
</y>
</Rect>
<Text x="{Rect.width * 2}" y="220" text="Spring"/>
<!-- Follow mouse -->
<MouseRegion id="Mouse" anchors.fill="{parent}">
<Rect width="20" height="20" radius="10" color="#0000ff">
<x>
<Follow source="{Mouse.mouseX-10}" spring="1.0" damping="0.05"/>
</x>
<y>
<Follow source="{Mouse.mouseY-10}" spring="1.0" damping="0.05"/>
</y>
</Rect>
</MouseRegion>
</Rect>
|
