nancy
版主
积分:1072

简单的控制一个方块加速运动的动画示例

下面是一个简单的控制一个方块加速运动的动画示例,实现控制两个目标的动画,当一个停止另外一个开始

今后,我们还会再提供一些简单的动画示例给大家参考

============如下=================

<?xml version="1.0" encoding="UTF-8" ?>

<canvas width="240" height="320" >

<text id="t2" y="15" fontsize="16" text="方向键上暂停,右恢复,下停止"/>

<view id="v3" width="20" height="20" bgcolor="red" y="30" oninit="this.ag2.doStart()">

<animatorgroup name="ag2" start="false" from="30" process="sequential" indirect="true">

<animator attribute="x" to="200" duration="5000" />

<animator attribute="y" to="300" duration="5000" />

</animatorgroup>

</view>

<handler name="onkeydown" reference="LzKeys" args="key">

switch(key){

case 38:

v3.ag2.pause(true);

break;

case 39:

v3.ag2.pause(false);

break;

case 40:

v3.ag2.stop();

break;

}

</handler>

</canvas>