·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]AS3代码实现图片旋转的效果

时间:2012-12-19 17:07hi.baidu.com
这里有图片放在舞台上用补间动画做,图片在库里,外部加载的图片三种方法,主要不是说明图片旋转的效果,意在说明操作过程

这里有图片放在舞台上用补间动画做,图片在库里,外部加载的图片三种方法,主要不是说明图片旋转的效果,意在说明操作过程

一.图片放在舞台上用补间动画做的,不用代码:
1.把图片放在主场景第一帧舞台上,选中图片按F8转换为图形元件,注册点居中
2.选中第20帧,按F6插入关键帧
3.选中第1帧,在属性面板里补间选为动画,旋转选为逆时针
4.Ctrl+Enter测试
二.图片在库里:
1.按F11打开库面板,右击图里的图片,选择链接,在标识符框里输入Pic,注意大小写,把“为ActionScript导出”复选框选中,点击确定
2.在主时间轴上添加以下代码

  1. var picData:Pic=new Pic(0,0); 
  2. var pic:Bitmap=new Bitmap(picData); 
  3. var myPic:Sprite=new Sprite(); 
  4. pic.x=-pic.width/2; 
  5. pic.y=-pic.height/2; 
  6. myPic.x=stage.stageWidth/2; 
  7. myPic.y=stage.stageHeight/2; 
  8. myPic.addChild(pic); 
  9. addChild(myPic); 
  10. addEventListener(Event.ENTER_FRAME,enterFrame); 
  11. function enterFrame(e:Event) { 
  12. myPic.rotation-=15


三.外部加载的图片:
1.新建fla文件然后保存,把图片和fla文件放同一目录,图片名为pic.png
2.在主时间轴上添加以下代码

  1. var myPic:Sprite=new Sprite(); 
  2. var loader:Loader=new Loader(); 
  3. var request:URLRequest=new URLRequest("pic.png"); 
  4. myPic.x=stage.stageWidth/2; 
  5. myPic.y=stage.stageHeight/2; 
  6. addChild(myPic); 
  7. loader.load(request); 
  8. loader.contentLoaderInfo.addEventListener(Event.COMPLETE,loaderComplete); 
  9. function loaderComplete(e:Event):void{ 
  10. var bm:Bitmap=loader.content as Bitmap; 
  11. bm.x=-bm.width/2; 
  12. bm.y=-bm.height/2; 
  13. myPic.addChild(bm); 
  14. addEventListener(Event.ENTER_FRAME,rotationEnterFrame); 
  15. function rotationEnterFrame(e:Event):void{ 
  16. myPic.rotation-=15

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器