提升树叶渲染性能
来源:互联网 发布:怎么给触摸屏编程 编辑:程序博客网 时间:2024/06/08 11:25
树的渲染的大部分消耗都是花在树叶上,为了是树叶看起来很茂密,美术一般会加很多叶子的三角形,但是三角形太多的话会让vs压力很大,因为树叶的动画都是在vs里完成的,因此大多游戏都采用的是Leaf Card也就是Billboard Leaf,采用这个方法从每个角度看叶子的quad都是朝向camera的,因此从任何一个角度看都觉得叶子很茂密。
对美术来说这样就over了,因为观感好了很多,而且对他们来说制作也简单了,但是真正放到游戏里测一下会发现我的那个娘啊,这叶子也太费了,经常一个树的叶子在离camera比较近的时候会花0.5ms,这的确有点惊人啊,在GPA里分析了一下就会发现时Pixel太多了,虽然用了Alpha Test最后画到屏幕的像素并不是很多,但是在Alpha Test之前的像素数目是相当多的,一个屏幕像素会对应好几个叶子光栅化之后的像素,这就是所谓的overdraw。如果能减少overdraw,叶子的GPU时间就能降下来。
对于Particle渲染的时候overdraw往往会成为瓶颈,因此采用Particle Trimming的方法,这样可以减少大量的像素。同样对于树叶或者草这种用AlphaTest的东西也可以采用Particle Trimming的方法。
SpeedTree作为树渲染的工业级开发工具这个问题自然也是考虑在内的,在SpeedTree的Modeler里就可以根据树叶贴图的形状来生成一个可以包围所有像素的多边形,而不是原先的quad,这样虽然增加了一些顶点数目但是Pixel数目下降了很多,可以看到只增加了一个三角形PIxel数目就下降到原来的77%。实际测试性能发现对树叶和草都有大概20%的性能提升,这20%已经算是不小了,因为只是数据上做了一点手脚而已
如果你没用SpeedTree也没关系,自己可以很容易开发出来类似的功能,Humus的Particle Trimming也可以作为参考。
- 提升树叶渲染性能
- 树叶边缘渲染
- 页面渲染与其性能的提升
- 提升 iOS 界面的渲染性能
- [译]Instagram是如何提升TextView渲染性能的
- 使用CSS3开启GPU硬件加速提升网站动画渲染性能
- Instagram是如何提升TextView渲染性能的
- 使用CSS3开启GPU硬件加速提升网站动画渲染性能
- [译]Instagram是如何提升TextView渲染性能的
- 使用CSS3开启GPU硬件加速提升网站动画渲染性能
- 使用CSS3开启GPU硬件加速提升网站动画渲染性能
- 使用CSS3开启GPU硬件加速提升网站动画渲染性能
- 渲染性能
- 如何处理max透明树叶贴图渲染白边问题
- 提升性能
- 提升性能
- 提升性能
- Flash Player 10.2 VS 10.1 Mac OS X下性能对比,DataGrid渲染速度大幅提升
- spring mvc重复提交解决办法
- sshd_config配置详解
- 纯HTML标签详解
- android个人笔记(四)——JNI、C++字符串转换
- jQuery--animate() 方法
- 提升树叶渲染性能
- 用点类做成员的三角形类
- websphere 配置库中已存在应用程序,异常处理
- 虚拟列
- 链表基础与解析//建立一个拥有3个学生数据的动态链表
- 范数
- word表格中文字位置调整
- Android 如何让 app 自行处理 home key
- const、static、内部链接属性和外部链接属性整理