本想只用两节来完成关于HLSL自定义渲染相关知识的讲解,鉴于最近非常的多的朋友对此相当感兴趣,想知道最多关于这些特效在实际开发中该如何使用及性能相关问题。那么本节我将以一个比较完整的游戏场景为例,向大家讲解HLSL自定义渲染特效的综合应用。
布置一个游戏场景首先要做的是准备素材,这些素材包括地图背景、天气背景、主角、对象及其他的等物体:
素材有了,接下来我们需要定义如何渲染,首当其冲的当然是去背,因为很多素材都是纯黑色背景,要在实际游戏中使用则必须去掉黑色背景色,那么本节将用到的去背Shader是我在第六节的基础上增加了一个全局参数新的Shader,这样可以根据实际黑色深度进行定量去背(关于去背:为什么很多游戏那么麻烦要用黑色背景的jpg图片+渲染,而不是直接使用透明背景的png图片?这涉及到图片格式占用的空间问题,同尺寸的jpg图片比png图片小非常多,并且在传统的网络游戏中,显卡GPU就是拿来渲染用的,不用也白不用;只是目前的Silverlight版本在处理渲染上大量使用的是CPU而非GPU,有些遗憾)。
本场景中的天气是雷电天气,乌云中将不时的释放出闪电,那么我们就需要为乌云添加闪光渲染,并且该闪光是不定时的随机连续两次闪烁,这样设定将更加逼真:
//乌云
Carrier.Children.Add(new Image() {
Source = Super.GetImage("Clouds", "png"),
Effect = lightStreak,
});
BeginShaderAnimation(lightStreak, 0, 1, 0.1, "Attenuation");
int count;
private void storyboard_Completed(object sender, EventArgs e) {
count += 1;
storyboard.BeginTime = count % 2 == 0 ? TimeSpan.FromSeconds(random.Next(8)) : TimeSpan.FromSeconds(0);
storyboard.Begin();
}
最后我们来实现主角的多重渲染(级联渲染)。
所谓多重渲染即多个渲染用在同一个对象上。例如网络游戏中,玩家的武器是发光的,玩家的背景是去背的,同时中毒、冰冻等状态时还会被渲染成某种单色等。
实现多重渲染的前提是必须将对象分解成多个部分,局部渲染后再整体渲染。那么本节我将对主角进行色相变化渲染及整体去背渲染,主要实现代码如下:
MonochromeShader = new PixelShader() {
UriSource = Super.GetUri("Monochrome.ps")
};
Monochrome monochrome = new Monochrome(MonochromeShader);
//精灵
colorKeyAlpha = new ColorKeyAlpha(colorKeyAlphaShader) {
Value = 0.01,
};
spirit = new Spirit() {
Start = 0,
End = 3,
Direction = 3,
BodyWidth = 65,
BodyHeight = 94,
BodyFileName = "Player",
BodyFileType = "png",
Effect = colorKeyAlpha
};
spirit.Body.Effect = monochrome;
BeginShaderAnimation1(monochrome, 0, 255, 2, "FilterARGBcolor");
上面代码的黄色部分即实现了主角的双重渲染:
嘿嘿~整个场景设定完成,最后为了达到真实的游戏场景模拟,我还增加了主角移动等逻辑,最终的在线测试Demo:
不知道大家是否能够通过本节的案例讲解对Silverlight的Shader渲染有更深刻的认识?不管怎样,我还是想说那句话:非常的期待Silverlight4,我坚信Silverlight的未来会更好更强大!
![WPF/Silverlight](https://i-blog.csdnimg.cn/blog_migrate/cf3315f29cf8c76953a7db8c44c2b9a2.jpeg)
出处: http://alamiye010.cnblogs.com/
本系列目录及源码下载: 点击进入( 欢迎加入WPF/Silverlight小组 WPF/Silverlight博客团队)
本文版权归作者和博客园共有,欢迎转载。但未经作者同意必须保留此段声明,且在文章页面显著位置给出原文连接,否则保留追究法律责任的权利。