Cegui动画完美实现 .

1.myAnimation.xml脚本（放在datafiles/animations路径中）:

 

一共定义了3个动画,name指的是动画的名字，duration 指的是总时间，replayMode 指的是播放模式，有once（只播放一次）,loop（循环播放）；下面的position中指的是每帧中的起始时间，value指的是对应的图片.  

 

view plain copy to clipboard print ?

1. <?xml version="1.0" ?>  
2. <Animations>  

        <AnimationDefinition name="MoveToLeft" duration="0.8" replayMode="once">               <Affector property="Image" interpolator="String">  

•                  <KeyFrame position="0.0" value="set:FairChar image:bcd" />  
•                  <KeyFrame position="0.2" progression="discrete" value="set:FairChar image:bcdLeft1" />  
•                  <KeyFrame position="0.4" progression="discrete" value="set:FairChar image:bcdLeft2" />  
•                  <KeyFrame position="0.6" progression="discrete" value="set:FairChar image:bcdLeft3" />  
•             </Affector>  
•         </AnimationDefinition>  
•         <AnimationDefinition name="MoveToRight" duration="0.8" replayMode="once">  
•             <Affector property="Image" interpolator="String">  
•                    <KeyFrame position="0.0" value="set:FairChar image:bcdLeft3" />  
•                    <KeyFrame position="0.2" progression="discrete" value="set:FairChar image:bcdLeft2" />  
•                    <KeyFrame position="0.4" progression="discrete" value="set:FairChar image:bcdLeft1" />  
•                    <KeyFrame position="0.6" progression="discrete" value="set:FairChar image:bcd" />  
•             </Affector>  
•         </AnimationDefinition>      
•         <AnimationDefinition name="ChangeMouseCursor" duration="0.8" replayMode="loop">  
•             <Affector property="Image" interpolator="String">  
•                    <KeyFrame position="0.0" value="set:guangbiao image:NewImage1" />  
•                    <KeyFrame position="0.2" progression="discrete" value="set:guangbiao image:NewImage2" />  
•                    <KeyFrame position="0.4" progression="discrete" value="set:guangbiao image:NewImage3" />  
•                    <KeyFrame position="0.6" progression="discrete" value="set:guangbiao image:NewImage4" />  
•             </Affector>  
•         </AnimationDefinition>  
• </Animations>  

<?xml version="1.0" ?> <Animations> <AnimationDefinition name="MoveToLeft" duration="0.8" replayMode="once"> <Affector property="Image" interpolator="String"> <KeyFrame position="0.0" value="set:FairChar image:bcd" /> <KeyFrame position="0.2" progression="discrete" value="set:FairChar image:bcdLeft1" /> <KeyFrame position="0.4" progression="discrete" value="set:FairChar image:bcdLeft2" /> <KeyFrame position="0.6" progression="discrete" value="set:FairChar image:bcdLeft3" /> </Affector> </AnimationDefinition> <AnimationDefinition name="MoveToRight" duration="0.8" replayMode="once"> <Affector property="Image" interpolator="String"> <KeyFrame position="0.0" value="set:FairChar image:bcdLeft3" /> <KeyFrame position="0.2" progression="discrete" value="set:FairChar image:bcdLeft2" /> <KeyFrame position="0.4" progression="discrete" value="set:FairChar image:bcdLeft1" /> <KeyFrame position="0.6" progression="discrete" value="set:FairChar image:bcd" /> </Affector> </AnimationDefinition> <AnimationDefinition name="ChangeMouseCursor" duration="0.8" replayMode="loop"> <Affector property="Image" interpolator="String"> <KeyFrame position="0.0" value="set:guangbiao image:NewImage1" /> <KeyFrame position="0.2" progression="discrete" value="set:guangbiao image:NewImage2" /> <KeyFrame position="0.4" progression="discrete" value="set:guangbiao image:NewImage3" /> <KeyFrame position="0.6" progression="discrete" value="set:guangbiao image:NewImage4" /> </Affector> </AnimationDefinition> </Animations>

 

 

 

2.修改后的FairChar.imageset 脚本，记着在文件scheme中加入关联

 

view plain copy to clipboard print ?

1. <?xml version="1.0" encoding="UTF-8"?>  
2.   
3. <Imageset Name="FairChar" Imagefile="FairChar.tga" >  

    <Image Name="bcd" XPos="36" YPos="1" Width="93" Height="30" />       <Image Name="bcdLeft1" XPos="26" YPos="1" Width="93" Height="30" />  

•     <Image Name="bcdLeft2" XPos="16" YPos="1" Width="93" Height="30" />  
•     <Image Name="bcdLeft3" XPos="6" YPos="1" Width="93" Height="30" />  
•     <Image Name="bcdRight1" XPos="46" YPos="1" Width="93" Height="30" />  
•     <Image Name="bcdRight2" XPos="56" YPos="1" Width="93" Height="30" />  
•     <Image Name="bcdRight3" XPos="66" YPos="1" Width="93" Height="30" />  
• </Imageset>  

<?xml version="1.0" encoding="UTF-8"?> <Imageset Name="FairChar" Imagefile="FairChar.tga" > <Image Name="bcd" XPos="36" YPos="1" Width="93" Height="30" /> <Image Name="bcdLeft1" XPos="26" YPos="1" Width="93" Height="30" /> <Image Name="bcdLeft2" XPos="16" YPos="1" Width="93" Height="30" /> <Image Name="bcdLeft3" XPos="6" YPos="1" Width="93" Height="30" /> <Image Name="bcdRight1" XPos="46" YPos="1" Width="93" Height="30" /> <Image Name="bcdRight2" XPos="56" YPos="1" Width="93" Height="30" /> <Image Name="bcdRight3" XPos="66" YPos="1" Width="93" Height="30" /> </Imageset>

3.代码：

 

  

view plain copy to clipboard print ?

1. //CEGUI::Window* staticImage = winMgr.createWindow("TaharezLook/StaticImage", "staticImage");   
2. //staticImage->setProperty(("UnifiedAreaRect"),("{{0.2,20},{0.2,20},{0.2,100},{0.2,100}}"));   
3. //staticImage->setProperty(("FrameEnabled"), ("false"));   
4.   
5. /载入定义动画的文件  
6. CEGUI::AnimationManager::getSingleton().loadAnimationsFromXML("myAnimation.xml");  
7. //找到一个动画定义   
8. CEGUI::Animation* animation = CEGUI::AnimationManager::getSingleton().getAnimation("MoveToLeft ");  
9. //生成相应的动画实例，我们真正用的是动画实例   
10. CEGUI::AnimationInstance* ani = CEGUI::AnimationManager::getSingleton().instantiateAnimation(animation);  
11. //绑定到相应的窗口，这个窗口一定要有Image的属性，不然会报错   
12. ani->setTarget(staticImage);  
13. //动画开始   
14. ani->start();  
15. //设置动画加速   
16. ani->setSpeed(5.0f);  

//CEGUI::Window* staticImage = winMgr.createWindow("TaharezLook/StaticImage", "staticImage"); //staticImage->setProperty(("UnifiedAreaRect"),("{{0.2,20},{0.2,20},{0.2,100},{0.2,100}}")); //staticImage->setProperty(("FrameEnabled"), ("false")); //载入定义动画的文件 CEGUI::AnimationManager::getSingleton().loadAnimationsFromXML("myAnimation.xml"); //找到一个动画定义 CEGUI::Animation* animation = CEGUI::AnimationManager::getSingleton().getAnimation("MoveToLeft "); //生成相应的动画实例，我们真正用的是动画实例 CEGUI::AnimationInstance* ani = CEGUI::AnimationManager::getSingleton().instantiateAnimation(animation); //绑定到相应的窗口，这个窗口一定要有Image的属性，不然会报错 ani->setTarget(staticImage); //动画开始 ani->start(); //设置动画加速 ani->setSpeed(5.0f);   

 

 

【注】 版本是0.7.1之上

1.找到脚本中的动画定义

CEGUI::Animation* animation = CEGUI::AnimationManager::getSingleton().getAnimation("MoveToLeft ");

2.生成新的动画实例，才能绑定到某个窗口中，且该窗口要有Image的属性

3.你可以设置一张map用动画名来绑定动画实例指针

4.如果动画没有成功的话，应该在更新函数中加上cegui的更新函数：

//里面是float的时间参数

CEGUI::System::getSingleton().injectTimePulse(evt.timeSinceLastFrame)

 http://blog.csdn.net/oryoung2008/article/details/6366893

转载于:https://www.cnblogs.com/minggoddess/archive/2011/10/12/2208423.html