《多重纹理与镂空》

Please use a browser that supports "canvas"

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1、什么是多重纹理?

  首先,我们来看看下面这两张纹理图:

      

   

  这两张纹理图都是商业游戏(魔兽争霸)里面的地形纹理图,而第一张我们已经在前面的章节中使用过,并通过代码作过演示。

  而多重纹理就是在显示了第一张纹理图的基础上,再显示第二张纹理图,而显示的位置与大小是一致的,所以,第二张纹理图与第一张纹理图是重叠的。

  那么,在两张纹理图重叠的情况下,就会出现(上层的纹理图)覆盖了(下层的纹理图),所以,下层的纹理图就看不到,这样,当我们需要看到下层的纹理图时,就要通过一个称作(镂空)的方式实现出来,这样,我们才可以看到下层的纹理图。

 

2、什么是镂空?

  镂空就是在(上层纹理图)中有一个透明的区域,然后,通过这个区域就可以看到(下层的纹理图)。而这个透明的区域,就是上面第二张纹理图中黑色的部分,而没有黑色部分的子纹理是做不到镂空的。

 

  所以,大家可以通过上面的在线演示,就可以直观地看到,这两张纹理图在同时显示以后的镂空效果了,就是通过黑色的部分可以看到下层的纹理图。

  

  大家可以通过鼠标的(左键)点击来切换是否显示第二张纹理图。(手机可以通过触摸点击地形来完成)。