You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
5.3 KiB
108 lines
5.3 KiB
<!-- test for moving a region with the animate element -->
|
|
<smil>
|
|
<head>
|
|
<layout>
|
|
<root-layout width="400" height="300" background-color="green"/>
|
|
<region id="region1" left="5%" top="10%" right="5%" bottom="10%"/>
|
|
<region id="region2" left="5%" top="10%" width="20%" height="20%"
|
|
background-color="yellow" showBackground="whenActive"/>
|
|
<region id="regimg1"/>
|
|
</layout>
|
|
<transition id="fade1" dur="1" type="fade"/>
|
|
</head>
|
|
<body>
|
|
<par>
|
|
<img dur="40" id="img" src="../icons/hi48-app-kmplayer.png"
|
|
region="regimg1" left="25" top="10" rn:mediaOpacity="40%"
|
|
transIn="fade1" transOut="fade1"/>
|
|
<animateMotion target="img" dur="20" calcMode="spline" repeat="1"
|
|
values="25,10;300,45;25,85;300,125;25,165;300,205;25,80;25,10"
|
|
keyTimes="0;.1;.2;.4;.6;.8;.9;1"
|
|
keySplines=".5 0 .5 1;0 .75 .25 1;0 .75 .25 1;.5 0 .5 1;.5 0 .5 1;0 .75 .25 1;.5 0 .5 1"/>
|
|
<par begin="2">
|
|
<img dur="40" id="img2" src="../icons/hi48-app-kmplayer.png"
|
|
region="regimg1" left="25" top="10" rn:mediaOpacity="40%"
|
|
transIn="fade1" transOut="fade1"/>
|
|
<animateMotion target="img2" dur="20" calcMode="spline" repeat="1"
|
|
values="25,10;300,45;25,85;300,125;25,165;300,205;25,80;25,10"
|
|
keyTimes="0;.1;.2;.4;.6;.8;.9;1"
|
|
keySplines=".5 0 .5 1;0 .75 .25 1;0 .75 .25 1;.5 0 .5 1;.5 0 .5 1;0 .75 .25 1;.5 0 .5 1"/>
|
|
</par>
|
|
<par begin="4">
|
|
<img dur="40" id="img3" src="../icons/hi48-app-kmplayer.png"
|
|
region="regimg1" left="25" top="10" rn:mediaOpacity="40%"
|
|
transIn="fade1" transOut="fade1"/>
|
|
<animateMotion target="img3" dur="20" calcMode="spline" repeat="1"
|
|
values="25,10;300,45;25,85;300,125;25,165;300,205;25,80;25,10"
|
|
keyTimes="0;.1;.2;.4;.6;.8;.9;1"
|
|
keySplines=".5 0 .5 1;0 .75 .25 1;0 .75 .25 1;.5 0 .5 1;.5 0 .5 1;0 .75 .25 1;.5 0 .5 1"/>
|
|
</par>
|
|
<seq>
|
|
<par>
|
|
<text id="text1" src="data:,8,8%20animateMotion%20by%2032x32%20and%20back"
|
|
region="region1" left="8" top="8" dur="5"/>
|
|
<animateMotion target="text1" begin="1" dur=".5" by="32,32"/>
|
|
<animateMotion target="text1" begin="3" dur=".5" by="-32,-32"/>
|
|
</par>
|
|
<par>
|
|
<text id="text2" src="data:,20%25,75%25%0AanimateMotion%0Ato%2040%25,20%25%0Aback%20to%20150,20"
|
|
region="region1" left="20%" top="75%" dur="5"/>
|
|
<animateMotion target="text2" begin="1" dur=".5" to="40%,20%"/>
|
|
<animateMotion target="text2" begin="3" dur=".5" to="150,20"/>
|
|
</par>
|
|
<par>
|
|
<text id="text3" src="data:,8,8%0AanimateMotion%0Afrom%2040%25,20%25%0Aby%2040%25,-20%25"
|
|
region="region1" left="8" top="8" dur="3"/>
|
|
<animateMotion target="text3" begin="1" dur=".5"
|
|
from="20%,75%" by="40%,-20%"/>
|
|
</par>
|
|
<par>
|
|
<text id="text4" src="data:,8,8%0AanimateMotion%0Afrom%2010,150%0Ato%20150,10"
|
|
region="region1" left="8" top="8" dur="3"/>
|
|
<animateMotion target="text4" begin="1" dur=".5"
|
|
from="10,150" to="150,10"/>
|
|
</par>
|
|
<par>
|
|
<text id="text6" src="data:,lineair%20animateMotion%0Avalues%2020,20;150,5;160,160"
|
|
region="region1" left="8" top="8" dur="5"/>
|
|
<animateMotion target="text6" begin="2" dur="2"
|
|
values="20,20;150,5;160,170"/>
|
|
</par>
|
|
<par>
|
|
<text id="text7" src="data:,lineair%20animateMotion%0Avalues%2020,20;160,35;140,160%0AkeyTimes0;0.8;1"
|
|
region="region1" left="8" top="8" dur="5"/>
|
|
<animateMotion target="text7" begin="2" dur="2"
|
|
values="20,20;160,35;140,160" keyTimes="0;0.8;1"/>
|
|
</par>
|
|
<par>
|
|
<text id="text8" src="data:,spline%20animateMotion%0Avalues%2020,20;160,35;140,160%0AkeyTimes0;0.5;1%0AkeySplines%20.5%200%20.5%201;0%20.75%20.25%201"
|
|
region="region1" left="8" top="8" dur="5"/>
|
|
<animateMotion target="text8" begin="1" dur="3" calcMode="spline"
|
|
values="20,20;160,35;140,160"
|
|
keyTimes="0;0.5;1"
|
|
keySplines=".5 0 .5 1;0 .75 .25 1"/>
|
|
</par>
|
|
<par>
|
|
<text id="text9" src="data:,discrete%20animateMotion%0Avalues%2020,20;160,35;140,160%0AkeyTimes0;0.5;1"
|
|
region="region1" left="8" top="8" dur="5"/>
|
|
<animateMotion target="text9" begin="1" dur="3" calcMode="discrete"
|
|
values="20,20;160,35;140,160"
|
|
keyTimes="0;0.5;1"/>
|
|
</par>
|
|
<par>
|
|
<text regPoint="center" regAlign="center" id="text5" src="data:,animateMotion%20on%20region"
|
|
region="region2" dur="10"/>
|
|
<animateMotion target="region2" begin="1" dur="2" calcMode="spline"
|
|
from="5%,10%" to="55%, 15%" keySplines=".5 0 .5 1"/>
|
|
<animateMotion target="region2" begin="3" dur="2" calcMode="spline"
|
|
to="65%,60%" keySplines=".5 0 .5 1"/>
|
|
<animateMotion target="region2" begin="5" dur="2" calcMode="spline"
|
|
by="-45%,10%" keySplines=".5 0 .5 1"/>
|
|
<animateMotion target="region2" begin="7" dur="2" calcMode="spline"
|
|
from="20%,70%" by="-15%,-60%" keySplines="1 0 0 1"/>
|
|
</par>
|
|
</seq>
|
|
</par>
|
|
</body>
|
|
</smil>
|