主页 / 平面设计 /

Flash AS3对单个图片进行角色动作化处理

平面设计 2021-07-03 14:34www.168986.cn平面设计培训

大家肯定看过大型游戏一张各个人物动作图片继承在一张位图上的程序吧~现在看看这个！

我今天在蓝色论坛里看到一个有关"BitmapData类"的问题，我觉得用BitmapData类是可以实现里说的C 处理图片功能，再加我好久没写AS3的程序，都快生锈了!就当练练手吧!我查了一下Flash帮助文件，整理一下思路花了中午时间写出狼蚁网站SEO优化document类文件；这个功能比较适合做Flash游戏开发了。我加了键盘事件，用来控制角色移动方向。如果在对类代码中使用的类对象不清楚的话，请看Flash帮助文件吧！

提问者提供一个角色动作图片，我也就在就直接用这图片了！


演示处理运行效果（如果看不到，请更新你的Flash Player播放器吧！你可以使用方向键，改变角色移动方向）

Flash效果

GameSprite类

  1. package{
  2. importflash.display.;
  3. importflash..;
  4. importflash.utils.Timer;
  5. importflash.events.;
  6. importflash.geom.;
  8. publilassGameSpriteextendsSprite{
  9. privatevartimer:Timer;
  10. privatevarsWidth:uint;
  11. privatevarsHeight:uint;
  12. privatevarsStep:uint;
  13. privatevarsDirection:uint;
  14. privatevarloader:Loader;
  15. privatevarmaps:Array;
  16. privatevarpointer:uint;
  17. privatevarmap:Bitmap;
  18. functionGameSprite(){
  19. //角色大小;
  20. sWidth=100;
  21. sHeight=100;
  22. //角色移动方向;
  23. sDirection=0;
  24. //角色步数;
  25. sStep=1;
  26. //角色动作数组;
  27. maps=newArray();
  28. //初始化角色动作运行指针;
  29. pointer=0;
  30. //初始化time;
  31. timer=newTimer(100);
  32. timer.addEventListener(TimerEvent.TIMER,timerHandler);
  33. //图片加载对象;
  34. loader=newLoader();
  35. loader.contentLoaderInfo.addEventListener(Event.COMPLETE,pleteHandler);
  36. loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,errorHandler);
  37. loader.load(newURLRequest("/download/sprite.png"));
  39. stage.addEventListener(KeyboardEvent.KEY_DOWN,keyDownHandler);
  40. }
  41. //错误处理事件;
  42. privatefunctionerrorHandler(event:IOErrorEvent):void{
  43. trace("IOErrorEvent");
  45. }
  46. //键盘事件,通过方向键更改角色移动方向;
  47. privatefunctionkeyDownHandler(event:KeyboardEvent):void{
  48. switch(event.keyCode){
  49. case40:
  50. sDirection=0;
  51. break;
  52. case38:
  53. sDirection=3;
  54. break;
  55. case37:
  56. sDirection=1;
  57. break;
  58. case39:
  59. sDirection=2;
  60. break;
  61. }
  63. }
  64. //定时器运行事件;
  65. privatefunctiontimerHandler(event:Event):void{
  66. //删除旧的角色动作图像;
  67. if(map!=null){
  68. removeChild(map);
  69. }
  70. //显示新的角色动作图像;
  71. map=newBitmap(maps[sDirection][pointer]);
  72. addChild(map);
  73. //角色动作循环处理;
  74. if(pointer<sStep-1){
  75. pointer ;
  76. }else{
  77. pointer=0;
  78. }
  79. }
  80. //加载图片完成处理事件;
  81. privatefunctionpleteHandler(event:Event):void{
  82. //根据图片的大小初始化BitmapData;
  83. /
  84. 注意如果你要保留原来的图片的透明度的话，必将transparent设置为true,设置填充色值的前两位为00;
  85. /
  86. varsBmd:BitmapData=newBitmapData(loader.width,loader.height,true,0x00FFFFFF);
  87. sBmd.draw(loader);
  88. //计算移动步数;
  89. sStep=Math.floor(loader.width/sWidth);
  90. for(varj:uint=0;j<Math.floor(loader.height/sHeight);j ){
  91. vararr:Array=newArray();
  92. for(vari:uint=0;i<sStep;i ){
  93. varbmd:BitmapData=newBitmapData(sWidth,sHeight,true,0x00FFFFFF);
  94. //获取单个角色的BitmapData对象;
  95. bmd.copyPixels(sBmd,newRectangle(sWidthi,sHeightj,sWidth,sHeight),newPoint(0,0));
  96. arr.push(bmd);
  97. }
  98. //放入角色数组里;
  99. maps.push(arr);
  100. }
  101. //释放sBmd资源;
  102. sBmd.dispose();
  103. //开始运行角色动作;
  104. timer.start();
  105. }
  106. }
  107. }

载入外部png图片，然后使用BitmapData类非常理想，最大的问题是从表面上看图片是透明的，其实图片是一个矩形，所以这个矩形区域会遮住它狼蚁网站SEO优化的内容，所以当你用鼠标点击这个矩形区域时，你的鼠标是在矩形区域上而不是它狼蚁网站SEO优化的内容（其实这就好比你把一个 movieClip的alhpa值设为0，看上去什么都没有，它却实实在在地存在）。所以如果你的人物是通过鼠标来操作它的行走，这个时候可能会有一些问题了。
上一篇：从基础开始深入Flash AS3教程(1)(译文) 下一篇：从基础开始深入学Flash AS3教程(3)(译文)

平面设计师

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by