动画素材：闪电攻击

ancientcc

闪电攻击是攻击动画中的一种，实现它分两个步骤：
1）编写WML。在要能闪电攻击兵种的[unit_type]块中增加一个表示闪电攻击的[attack_anim]
2）绘制相关图像。

闪电攻击WML定义，摘自咒术师兵种

1. [unit_type]
   
2.         ......
   
3.         {DUDU_LIGHTNING 1}
   
4.         {DUDU_LIGHTNING 2}
   
5.         {DUDU_LIGHTNING 3}
   
6.         ......
   
7. [/unit_type]

复制代码

宏：DUDU_LIGHTNING

1. #define DUDU_LIGHTNING DIRECTION_NUMBER
   
2. [attack_anim]
   
3.         [filter_attack]
   
4.                 name=lightning
   
5.         [/filter_attack]
   
6. 
   
7.         {LIGHTNING_BOLT {DIRECTION_NUMBER} }
   
8. 
   
9.         [if]
   
10.                 hits=yes
    
11.                 [frame]
    
12.                         begin=-300
    
13.                         end=-200
    
14.                         image="units/human-kingdom/zhoushushi-ranged1.png"
    
15.                         sound=lightning.ogg
    
16.                 [/frame]
    
17.         [/if]
    
18.         [else]
    
19.                 hits=no
    
20.                 [frame]
    
21.                         begin=-300
    
22.                         end=-200
    
23.                         image="units/human-kingdom/zhoushushi-ranged1.png"
    
24.                         sound=lightning-miss.ogg
    
25.                 [/frame]
    
26.         [/else]
    
27.         [frame]
    
28.                 begin=-200
    
29.                 end=-100
    
30.                 image="units/human-kingdom/zhoushushi-ranged2.png"
    
31.         [/frame]
    
32.         [frame]
    
33.                 begin=-100
    
34.                 end=100
    
35.                 image="units/human-kingdom/zhoushushi-ranged1.png"
    
36.         [/frame]
    
37. [/attack_anim]
    
38. #enddef

复制代码

宏：LIGHTNING_BOLT

1. #define LIGHTNING_BOLT DIRECTION_NUMBER
   
2. [if]
   
3.         direction=sw,s,se
   
4. 
   
5.         [missile_frame]
   
6.                 begin=-250
   
7.                 end=150
   
8.                 halo=halo/lightning-bolt-{DIRECTION_NUMBER}-1.png~FL(vert):100,halo/lightning-bolt-{DIRECTION_NUMBER}-2.png~FL(vert):100,halo/lightning-bolt-{DIRECTION_NUMBER}-3.png~FL(vert):100,halo/lightning-bolt-{DIRECTION_NUMBER}-4.png~FL(vert):100
   
9.                 halo_y=-125
   
10.                 offset=1.0
    
11.         [/missile_frame]
    
12. [/if]
    
13. [else]
    
14.         direction=nw,n,ne
    
15. 
    
16.         [missile_frame]
    
17.                 begin=-250
    
18.                 end=150
    
19.                 halo=halo/lightning-bolt-{DIRECTION_NUMBER}-1.png:100,halo/lightning-bolt-{DIRECTION_NUMBER}-2.png:100,halo/lightning-bolt-{DIRECTION_NUMBER}-3.png:100,halo/lightning-bolt-{DIRECTION_NUMBER}-4.png:100
    
20.                 halo_y=-125
    
21.                 offset=1.0
    
22.         [/missile_frame]
    
23. [/else]
    
24. #enddef

复制代码

ancientcc

LIGHTNING_BOLT中含有[if]/[else]，它是个要被预扩展宏，预扩展根据是攻击方向参数，direction。

上图中诸葛亮是攻击方，司马炎是防御方，这时诸葛亮向北攻击，满足direction=nw,n,ne（n：north）这个条件。针对direction=nw,n,ne，DIRECTION_NUMBER=2，它展开的宏是：

1. 
   
2. [missile_frame]
   
3.         begin=-250
   
4.         end=150
   
5.         halo=halo/lightning-bolt-2-1.png:100,halo/lightning-bolt-2-2.png:100,halo/lightning-bolt-2-3.png:100,halo/lightning-bolt-2-4.png:100
   
6.         halo_y=-125
   
7.         offset=1.0
   
8. [/missile_frame]

复制代码

[missile_frame]在[attack_anim]这个动画标签的直接根下，且满足支画线画帧[xxx_frame]命名约定，它的画帧前缀是“missile_”，因而它可以自成一条画线。这条画线显示类型是光环（halo），持续时间400毫秒（150-(-250)），其图像显示规则：
[-250...-150)：显示图像lightning-bolt-2-1.png；
[-150...-50)：显示图像lightning-bolt-2-2.png；
[-50...50)：显示图像lightning-bolt-2-3.png；
[50...150)：显示图像lightning-bolt-2-4.png；
以下依次是lightning-bolt-2-1/2/3/4.png，四个图像同尺寸，都是200 x 360


halo_y字段
让对比halo_y=-125和halo_y=0时的两种情况：（为了清晰看到halo图像被叠加到哪里，对该图像加了红框）
halo_y=-125 halo_y=0
halo_y：以像素为单位，光环相对于单位中心在Y方向上的偏移值。在上两幅图中，相比halo_y=0，halo_y=-125把光环（中心点）向上挪了125像素。

offset字段
让再看halo_y=0，offset=0.0时图像，把它和halo_y=0，offset=1.0对比看（不是halo_y=-125，halo_y=0时和格子边界对齐，比较起来较直观）
halo_y=0，offset=0.0
offset：相对于A面向的格子图像位置偏移。0.0，显示光环（中心点）在格子中心；1.0，光环在面向的格子的中心；-1.0，光环中心点在A的背向格子。
以上实例表现出来就是光环中心从司马炎变成了诸葛亮。这里因为方向是正北，offset在X方向上不产生作用，实现效果等同halo_y。

当halo_x，halo_y，offset都为0时，光环中心点在原格子。