请教如何将一幅图片由中间一部分开始显示至完全显示

xloong

<-||->如左侧所示，矩形区域由中间沿左右（上下亦可）箭头方向扩展，直至原图完全被覆盖显示另一张的全图；

penghao_xmu

方法有很多，可以用两块黑色的矩形挡在前面，然后慢慢移开……这算是比较直白的了……呃

xloong

我想实现的是两幅叠加图片的卷帘效果，用挡板的话挡板后面的背景就不能显示了
有这样一种想法：创建两个重和的顶点缓冲区，先将其中一个压缩到另一个的中线位置，然后逐渐拉伸至重和，同时获取对应大小的纹理进行填充，但没找到合适的函数。还请不吝赐教，谢谢

lights

动态修改顶点位置和uv

Avanna

uv就不用修改了。
缩放mesh就好了。

xloong

应该是我没描述的足够清楚：
两张照片叠放在一起，沿某方向（例如从下往上）切除整块矩形露出低下的照片直至上面的图片完全切除，露出底下的图片。
动态修改顶点是缩放效果，没用到模型。
谢谢关注！

Avanna

......
楼主已经晕了，自己把自己绕进去了。

“直至原图完全被覆盖显示另一张的全图”
原图有没有都没有关系

“创建两个重和的顶点缓冲区”
才有后来<动态修改顶点位置>或者<缩放mesh就好了>的说法。

最简单的做法
1、如果你有建立顶点数据，就缩放mesh。(注:一个三角面也可以是mesh)
2、如果没有建立顶点数据，就直接缩放图片，然后画上就好了。

kaikai

u,v和顶点坐标同步的变化.就可以保持显示的内容不移动.得到一个被'裁剪'为各种形状的效果.

xloong

感谢lights penghao_xmu的帮助
感谢 Avanna和 kaikai 的解惑

chesskillerboss

有不少办法
实质无非是从顶点结构或纹理上来变化

比如将这个面拆成左右2个面
靠当中的顶点颜色永远是0xFFFFFFFF
四周的顶点颜色的alpha值一定时间内从00渐变到FF

或者就用Vertex/Pixel Shader更加直接了当 我推荐这样

又或者用一个控制渐变的2维数组来做为两种纹理混合的滤波