守望者--AIR技术交流

标题: 网页游戏中的血值表现 [打印本页]

---

作者: yaoyuan0701    时间: 2015-9-22 20:58
标题: 网页游戏中的血值表现


大家经常玩网页游戏，里面肯定有各种各样的血值，比如你砍怪一刀，怪头顶会出一个-999的字样，那么这种血值是怎么表现出来呢，下面介绍一种最常见的表现方式：评数字。

只准备0-9数字素材即可，那么就可以随便组成任意数了。


把素材发布swc 嵌入到项目里的lib里面，拼数字其实就是评像素。

像素的复制在下面函数

1. private function showAllScoreNum1(num:MovieClip,score:int):Sprite
   
2.                 {
   
3.                         var txtWidth:Number = num.width;
   
4.                         var txtHeight:Number = num.height;
   
5.                         var mBit:BitmapData = new BitmapData(num.width,num.height,true,0xffffff);
   
6.                         mBit.draw(num);
   
7.                         var arr:Array = String(score).split("");
   
8.                         var rect:Rectangle;
   
9.                         var sp:Sprite = new Sprite();
   
10.                         for(var s:int = 0;s<arr.length;s++)
    
11.                         {
    
12.                                 var j:int = (int(arr[s]));
    
13.                                 rect= new Rectangle(txtWidth/10*(j),0,txtWidth/10,txtHeight);
    
14.                                 var pt:Point = new Point(0,0);
    
15.                                 var bmd:BitmapData = new BitmapData(txtWidth/10,txtHeight,true,0x00000000);
    
16.                                 bmd.copyPixels(mBit, rect, pt);
    
17.                                 var bitmap:Bitmap = new Bitmap(bmd);
    
18.                                 bitmap.x = (txtWidth/10)*s;
    
19.                                 bitmap.smoothing = true;
    
20.                                 sp.addChild(bitmap);
    
21.                         }
    
22.                         sp.x = stage.stageWidth/2;
    
23.                         sp.y  = stage.stageHeight/2;
    
24.                         return sp;
    
25.                 }

复制代码

1. </blockquote></div>
   
2. 道理很简单，先把图片分出10个像素 0-9 然后根本传入参数显示就行了。
   
3. 返回的sp就是显示的容器。
   
4. <div class="blockcode"><blockquote>this.addChild(showAllScoreNum1(new blood_mc,97642135));

复制代码

如上图，我显示出了97642135的数值。

---

欢迎光临 守望者--AIR技术交流 (http://www.airmyth.com/)